powell-react 0.0.32 → 0.0.34

package/dist/esm/powell/hooks/usePowellConfig.js

@@ -0,0 +1,201 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const configService = require('../api/configService.js');
+require('formik');
+require('yup');
+require('../../node_modules/react/jsx-runtime.js');
+const require$$0 = require('react');
+require('../components/FormContainer/FormContainer.js');
+require('../components/FormContainer/FormContext.js');
+require('primereact/autocomplete');
+require('primereact/calendar');
+require('primereact/cascadeselect');
+require('primereact/checkbox');
+require('primereact/chips');
+require('primereact/colorpicker');
+require('primereact/dropdown');
+require('primereact/editor');
+require('primereact/floatlabel');
+require('primereact/inputicon');
+require('primereact/iconfield');
+require('primereact/inputmask');
+require('primereact/inputswitch');
+require('primereact/inputnumber');
+require('primereact/inputotp');
+require('primereact/inputtext');
+require('primereact/inputtextarea');
+require('primereact/knob');
+require('primereact/listbox');
+require('primereact/mention');
+require('primereact/multiselect');
+require('primereact/multistatecheckbox');
+require('primereact/password');
+require('primereact/radiobutton');
+require('primereact/rating');
+require('primereact/selectbutton');
+require('primereact/slider');
+require('primereact/treeselect');
+require('primereact/tristatecheckbox');
+require('primereact/togglebutton');
+require('primereact/button');
+require('primereact/speeddial');
+require('primereact/splitbutton');
+require('primereact/datatable');
+require('primereact/dataview');
+require('primereact/datascroller');
+require('primereact/orderlist');
+require('primereact/organizationchart');
+require('primereact/paginator');
+require('primereact/picklist');
+require('primereact/tree');
+require('primereact/treetable');
+require('primereact/timeline');
+require('primereact/virtualscroller');
+require('primereact/accordion');
+require('primereact/card');
+require('primereact/deferredcontent');
+require('primereact/divider');
+require('primereact/fieldset');
+require('primereact/panel');
+require('primereact/scrollpanel');
+require('primereact/splitter');
+require('primereact/stepper');
+require('primereact/tabview');
+require('primereact/toolbar');
+require('primereact/confirmdialog');
+require('primereact/confirmpopup');
+require('primereact/dialog');
+require('primereact/overlaypanel');
+require('primereact/sidebar');
+require('primereact/tooltip');
+require('primereact/fileupload');
+require('primereact/breadcrumb');
+require('primereact/contextmenu');
+require('primereact/dock');
+require('primereact/megamenu');
+require('primereact/menu');
+require('primereact/menubar');
+require('primereact/panelmenu');
+require('primereact/steps');
+require('primereact/tabmenu');
+require('primereact/tieredmenu');
+require('primereact/message');
+require('primereact/messages');
+require('primereact/toast');
+require('primereact/carousel');
+require('primereact/galleria');
+require('primereact/image');
+require('primereact/avatar');
+require('primereact/badge');
+require('primereact/blockui');
+require('primereact/chip');
+require('primereact/inplace');
+require('primereact/metergroup');
+require('primereact/scrolltop');
+require('primereact/skeleton');
+require('primereact/progressbar');
+require('primereact/progressspinner');
+require('primereact/ripple');
+require('primereact/styleclass');
+require('primereact/tag');
+require('primereact/terminal');
+const api = require('primereact/api');
+require('primereact/utils');
+
+const usePowellConfig = () => {
+  const [powellConfig, setPowellConfig] = configService.configService.use();
+  const {
+    setPt,
+    setFilterMatchModeOptions,
+    setLocale,
+    setNonce,
+    setHideOverlaysOnDocumentScrolling,
+    setRipple,
+    setCssTransition,
+    setStyleContainer,
+    setInputStyle,
+    setNullSortOrder,
+    setZIndex,
+    setAutoZIndex,
+    setAppendTo,
+    changeTheme,
+    ...restPrimeConfig
+  } = require$$0.useContext(api.PrimeReactContext);
+  const configAction = {
+    pt: setPt,
+    filterMatchModeOptions: setFilterMatchModeOptions,
+    locale: setLocale,
+    nonce: setNonce,
+    hideOverlaysOnDocumentScrolling: setHideOverlaysOnDocumentScrolling,
+    ripple: setRipple,
+    cssTransition: setCssTransition,
+    styleContainer: setStyleContainer,
+    inputStyle: setInputStyle,
+    nullSortOrder: setNullSortOrder,
+    zIndex: setZIndex,
+    autoZIndex: setAutoZIndex,
+    appendTo: setAppendTo,
+    theme: (v) => changeTheme?.(powellConfig.theme, v.theme, "powell-theme-link")
+  };
+  const updateConfig = (c) => {
+    for (const key in c) {
+      if (key in configAction) {
+        configAction[key]?.(c);
+      }
+      applyConfigToDom({ ...c, injectDirectionToRoot: powellConfig.injectDirectionToRoot });
+      setPowellConfig((prev) => ({ ...prev, ...c }));
+    }
+  };
+  return [{ ...powellConfig, ...restPrimeConfig }, updateConfig];
+};
+const applyConfigToDom = (config) => {
+  handleBodyClasses(config);
+  if ("rtl" in config && config.injectDirectionToRoot) {
+    document.documentElement.setAttribute("dir", config.rtl ? "rtl" : "ltr");
+  } else {
+    document.documentElement.removeAttribute("dir");
+  }
+};
+const kebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const handleBodyClasses = (config) => {
+  const specialBodyClassRules = {
+    ripple: [
+      {
+        condition: (v) => v === false,
+        className: "p-ripple-disabled"
+      }
+    ],
+    inputStyle: [
+      {
+        condition: (v) => v === "filled",
+        className: "p-input-filled"
+      }
+    ]
+  };
+  for (const key in config) {
+    const value = config[key];
+    if (value === void 0) continue;
+    const rules = specialBodyClassRules[key];
+    if (rules && rules.length) {
+      for (const rule of rules) {
+        const shouldApply = rule.condition(value);
+        document.body.classList.toggle(rule.className, shouldApply);
+      }
+    } else {
+      const prefix = `powell-${kebabCase(key)}-`;
+      document.body.classList.forEach((cls) => {
+        if (cls.startsWith(prefix)) {
+          document.body.classList.remove(cls);
+        }
+      });
+      const finalValue = typeof value === "boolean" ? value ? "enabled" : "disabled" : value;
+      document.body.classList.add(`${prefix}${finalValue}`);
+    }
+  }
+};
+
+exports.applyConfigToDom = applyConfigToDom;
+exports.usePowellConfig = usePowellConfig;
+//# sourceMappingURL=usePowellConfig.js.map

package/dist/esm/powell/hooks/usePowellConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePowellConfig.js","sources":["../../../../src/powell/hooks/usePowellConfig.ts"],"sourcesContent":["import {$PrimeReactContext, configService} from \"@powell/api\";\r\nimport {Dispatch, SetStateAction, useContext} from \"react\";\r\nimport {PowellConfig, SafeAny} from \"@powell/models\";\r\n\r\ntype BodyClassRule = {\r\n  condition: (value: SafeAny) => boolean;\r\n  className: string;\r\n};\r\n\r\nexport const usePowellConfig = () => {\r\n  const [powellConfig, setPowellConfig] = configService.use();\r\n  const {\r\n    setPt,\r\n    setFilterMatchModeOptions,\r\n    setLocale,\r\n    setNonce,\r\n    setHideOverlaysOnDocumentScrolling,\r\n    setRipple,\r\n    setCssTransition,\r\n    setStyleContainer,\r\n    setInputStyle,\r\n    setNullSortOrder,\r\n    setZIndex,\r\n    setAutoZIndex,\r\n    setAppendTo,\r\n    changeTheme,\r\n    ...restPrimeConfig\r\n  } = useContext($PrimeReactContext);\r\n\r\n  const configAction: Partial<Record<keyof PowellConfig, Dispatch<SetStateAction<SafeAny>>>> = {\r\n    pt: setPt,\r\n    filterMatchModeOptions: setFilterMatchModeOptions,\r\n    locale: setLocale,\r\n    nonce: setNonce,\r\n    hideOverlaysOnDocumentScrolling: setHideOverlaysOnDocumentScrolling,\r\n    ripple: setRipple,\r\n    cssTransition: setCssTransition,\r\n    styleContainer: setStyleContainer,\r\n    inputStyle: setInputStyle,\r\n    nullSortOrder: setNullSortOrder,\r\n    zIndex: setZIndex,\r\n    autoZIndex: setAutoZIndex,\r\n    appendTo: setAppendTo,\r\n    theme: (v: PowellConfig) => changeTheme?.(powellConfig.theme, v.theme!, 'powell-theme-link')\r\n  }\r\n  const updateConfig = (c: Partial<PowellConfig>) => {\r\n    for (const key in c) {\r\n      if (key in configAction) {\r\n        configAction[key as keyof PowellConfig]?.(c);\r\n      }\r\n      applyConfigToDom({...c, injectDirectionToRoot: powellConfig.injectDirectionToRoot});\r\n      setPowellConfig(prev => ({...prev, ...c}));\r\n    }\r\n  }\r\n  return [{...powellConfig, ...restPrimeConfig}, updateConfig] as [config: PowellConfig, (c: Partial<PowellConfig>) => any];\r\n}\r\n\r\nexport const applyConfigToDom = (config: PowellConfig) => {\r\n  handleBodyClasses(config);\r\n  if ('rtl' in config && config.injectDirectionToRoot) {\r\n    document.documentElement.setAttribute('dir', config.rtl ? 'rtl' : 'ltr');\r\n  } else {\r\n    document.documentElement.removeAttribute('dir');\r\n  }\r\n}\r\n\r\nconst kebabCase = (str: string) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\r\n\r\nconst handleBodyClasses = (config: PowellConfig) => {\r\n  const specialBodyClassRules: Partial<Record<keyof PowellConfig, BodyClassRule[]>> = {\r\n    ripple: [\r\n      {\r\n        condition: (v) => v === false,\r\n        className: 'p-ripple-disabled',\r\n      },\r\n    ],\r\n    inputStyle: [\r\n      {\r\n        condition: (v) => v === 'filled',\r\n        className: 'p-input-filled',\r\n      },\r\n    ],\r\n  };\r\n\r\n  for (const key in config) {\r\n    const value = config[key as keyof PowellConfig];\r\n    if (value === undefined) continue;\r\n\r\n    const rules = specialBodyClassRules[key as keyof PowellConfig];\r\n\r\n    if (rules && rules.length) {\r\n      for (const rule of rules) {\r\n        const shouldApply = rule.condition(value);\r\n        document.body.classList.toggle(rule.className, shouldApply);\r\n      }\r\n    } else {\r\n      const prefix = `powell-${kebabCase(key)}-`;\r\n      document.body.classList.forEach((cls) => {\r\n        if (cls.startsWith(prefix)) {\r\n          document.body.classList.remove(cls);\r\n        }\r\n      });\r\n      const finalValue = typeof value === 'boolean' ? (value ? 'enabled' : 'disabled') : value;\r\n      document.body.classList.add(`${prefix}${finalValue}`);\r\n    }\r\n  }\r\n};\r\n\r\n"],"names":["configService","useContext","$PrimeReactContext"],"mappings":"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"}