Apply Prettier

primefaces · Jul 4, 2023 · 92d7730 · 92d7730
1 parent 8c458be
commit 92d7730
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 42 deletions.
diff --git a/components/lib/componentbase/ComponentBase.js b/components/lib/componentbase/ComponentBase.js
@@ -8,7 +8,7 @@ export const ComponentBase = {
     },
     context: undefined,
     classes: {},
-    styles: "",
+    styles: '',
     extend: (props = {}) => {
         const css = props.css;
         const defaultProps = { ...props.defaultProps, ...ComponentBase.defaultProps };
@@ -92,7 +92,7 @@ export const ComponentBase = {
                 }
 
                 return undefined;
-            }
+            };
 
             return { ptm, ptmo, sx, cx };
         };

diff --git a/components/lib/hooks/useStyle.js b/components/lib/hooks/useStyle.js
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { DomHandler, ObjectUtils } from "../utils/Utils";
+import { DomHandler, ObjectUtils } from '../utils/Utils';
 
 let _id = 0;
 
@@ -56,4 +56,4 @@ export const useStyle = (css = {}, options = {}) => {
         load,
         isLoaded
     };
-}
+};
diff --git a/components/lib/panel/PanelBase.js b/components/lib/panel/PanelBase.js
@@ -2,44 +2,42 @@ import { ComponentBase } from '../componentbase/ComponentBase';
 import { classNames } from '../utils/Utils';
 
 export const PanelBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Panel',
-    id: null,
-    header: null,
-    headerTemplate: null,
-    footer: null,
-    footerTemplate: null,
-    toggleable: null,
-    style: null,
-    className: null,
-    collapsed: null,
-    expandIcon: null,
-    collapseIcon: null,
-    icons: null,
-    transitionOptions: null,
-    onExpand: null,
-    onCollapse: null,
-    onToggle: null,
-    children: undefined
-  },
-  css: {
-    classes: {
-      root: ({ props }) => classNames(
-        'p-panel p-component',
-        {
-          'p-panel-toggleable': props.toggleable
-        }
-      ),
-      header: 'p-panel-header',
-      title: 'p-panel-title',
-      icons: 'p-panel-icons',
-      toggler: 'p-panel-header-icon p-panel-toggler p-link',
-      togglerIcon: 'p-panel-header-icon p-panel-toggler p-link',
-      toggleableContent: 'p-toggleable-content',
-      content: 'p-panel-content',
-      footer: 'p-panel-footer'
+    defaultProps: {
+        __TYPE: 'Panel',
+        id: null,
+        header: null,
+        headerTemplate: null,
+        footer: null,
+        footerTemplate: null,
+        toggleable: null,
+        style: null,
+        className: null,
+        collapsed: null,
+        expandIcon: null,
+        collapseIcon: null,
+        icons: null,
+        transitionOptions: null,
+        onExpand: null,
+        onCollapse: null,
+        onToggle: null,
+        children: undefined
     },
-    styles: `
+    css: {
+        classes: {
+            root: ({ props }) =>
+                classNames('p-panel p-component', {
+                    'p-panel-toggleable': props.toggleable
+                }),
+            header: 'p-panel-header',
+            title: 'p-panel-title',
+            icons: 'p-panel-icons',
+            toggler: 'p-panel-header-icon p-panel-toggler p-link',
+            togglerIcon: 'p-panel-header-icon p-panel-toggler p-link',
+            toggleableContent: 'p-toggleable-content',
+            content: 'p-panel-content',
+            footer: 'p-panel-footer'
+        },
+        styles: `
         .p-panel-header {
           display: flex;
           justify-content: space-between;
@@ -60,5 +58,5 @@ export const PanelBase = ComponentBase.extend({
           position: relative;
         }
         `
-  }
+    }
 });