powell-react 0.0.31 → 0.0.33

package/dist/index.cjs6.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const usePowellConfig = require('./index.cjs8.js');
+
+const splitProps = (props, groups) => {
+  const result = {};
+  const rest = {};
+  const assigned = {};
+  const restEligible = {};
+  for (const groupName in groups) {
+    for (const descriptor of groups[groupName]) {
+      const key = typeof descriptor === "string" ? descriptor : descriptor.key;
+      const alias = typeof descriptor === "string" ? void 0 : descriptor.alias;
+      const defaultValue = typeof descriptor === "string" ? void 0 : descriptor.defaultValue;
+      const keepInRest = typeof descriptor === "string" ? false : descriptor.keepInRest ?? false;
+      if (!result[groupName]) {
+        result[groupName] = {};
+      }
+      const value = key in props ? props[key] : typeof defaultValue === "function" ? defaultValue() : defaultValue;
+      result[groupName][alias ?? key] = value;
+      assigned[key] = true;
+      if (keepInRest) {
+        restEligible[key] = true;
+      }
+    }
+  }
+  for (const key in props) {
+    const typedKey = key;
+    if (!assigned[typedKey] || restEligible[typedKey]) {
+      rest[typedKey] = props[typedKey];
+    }
+  }
+  result.rest = rest;
+  return result;
+};
+const useApplyConfig = (props, options) => {
+  const [config] = usePowellConfig.usePowellConfig();
+  const { sizable = true, isFixLabel = false, groups = {} } = options;
+  const result = {
+    ...props,
+    rtl: props.rtl ?? config.rtl,
+    showRequiredStar: props.showRequiredStar ?? config.showRequiredStar,
+    labelPosition: props.labelPosition ?? (isFixLabel ? config.fixLabelPosition : config.labelPosition),
+    ..."variant" in props ? { variant: props.variant ?? config.inputStyle } : {}
+  };
+  if (sizable) {
+    result.inputSize = props.inputSize ?? config.inputSize;
+  }
+  return splitProps(result, groups);
+};
+
+exports.useApplyConfig = useApplyConfig;
+//# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs6.js","sources":["../src/powell/hooks/useApplyConfig.ts"],"sourcesContent":["import {usePowellConfig} from \"@powell/hooks/usePowellConfig\";\r\nimport {PowellConfig, SafeAny} from \"@powell/models\";\r\n\r\ninterface ApplyConfigOptions<T> {\r\n  isFixLabel: boolean;\r\n  sizable: boolean;\r\n  groups: Record<string, PropDescriptor<T>[]>\r\n}\r\n\r\ninterface CommonConfigProps {\r\n  rtl?: PowellConfig[\"rtl\"];\r\n  showRequiredStar?: PowellConfig[\"showRequiredStar\"];\r\n  labelPosition?: PowellConfig[\"labelPosition\"];\r\n  inputSize?: PowellConfig[\"inputSize\"];\r\n  variant?: PowellConfig[\"inputStyle\"];\r\n}\r\n\r\ntype PropDescriptor<T> =\r\n    | keyof T & string\r\n    | {\r\n  key: keyof T & string;\r\n  alias?: string;\r\n  defaultValue?: T[keyof T] | (() => T[keyof T]);\r\n  keepInRest?: boolean;\r\n};\r\n\r\nconst splitProps = <T extends Record<string, SafeAny>>(props: T, groups: Record<string, PropDescriptor<T>[]>) => {\r\n  const result: Record<string, SafeAny> = {};\r\n  const rest: Partial<T> = {};\r\n  const assigned: Partial<Record<keyof T, boolean>> = {};\r\n  const restEligible: Partial<Record<keyof T, boolean>> = {};\r\n\r\n  for (const groupName in groups) {\r\n    for (const descriptor of groups[groupName]) {\r\n      const key = typeof descriptor === 'string' ? descriptor : descriptor.key;\r\n      const alias = typeof descriptor === 'string' ? undefined : descriptor.alias;\r\n      const defaultValue = typeof descriptor === 'string' ? undefined : descriptor.defaultValue;\r\n      const keepInRest = typeof descriptor === 'string' ? false : descriptor.keepInRest ?? false;\r\n\r\n      if (!result[groupName]) {\r\n        result[groupName] = {};\r\n      }\r\n\r\n      const value = key in props ? props[key] : typeof defaultValue === 'function' ? (defaultValue as SafeAny)() : defaultValue;\r\n      result[groupName][alias ?? key] = value;\r\n\r\n      assigned[key] = true;\r\n      if (keepInRest) {\r\n        restEligible[key] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  for (const key in props) {\r\n    const typedKey = key as keyof T;\r\n    if (!assigned[typedKey] || restEligible[typedKey]) {\r\n      rest[typedKey] = props[typedKey];\r\n    }\r\n  }\r\n\r\n  result.rest = rest;\r\n  return result as Record<string, Partial<T>> & {rest: Partial<T>};\r\n}\r\n\r\nexport const useApplyConfig = <T extends CommonConfigProps>(props: T, options: ApplyConfigOptions<T>) => {\r\n  const [config] = usePowellConfig();\r\n  const {sizable = true, isFixLabel = false, groups = {}} = options;\r\n\r\n  const result = {\r\n    ...props,\r\n    rtl: props.rtl ?? config.rtl,\r\n    showRequiredStar: props.showRequiredStar ?? config.showRequiredStar,\r\n    labelPosition: props.labelPosition ?? (isFixLabel ? config.fixLabelPosition : config.labelPosition),\r\n    ...('variant' in props ? {variant: props.variant ?? config.inputStyle} : {}),\r\n  }\r\n\r\n  if (sizable) {\r\n    result.inputSize = props.inputSize ?? config.inputSize;\r\n  }\r\n\r\n  return splitProps<T>(result, groups);\r\n}\r\n"],"names":["usePowellConfig"],"mappings":";;;;;;AA0BA,MAAM,UAAA,GAAa,CAAoC,KAAA,EAAU,MAAgD,KAAA;AAC/G,EAAA,MAAM,SAAkC,EAAC;AACzC,EAAA,MAAM,OAAmB,EAAC;AAC1B,EAAA,MAAM,WAA8C,EAAC;AACrD,EAAA,MAAM,eAAkD,EAAC;AAEzD,EAAA,KAAA,MAAW,aAAa,MAAQ,EAAA;AAC9B,IAAW,KAAA,MAAA,UAAA,IAAc,MAAO,CAAA,SAAS,CAAG,EAAA;AAC1C,MAAA,MAAM,GAAM,GAAA,OAAO,UAAe,KAAA,QAAA,GAAW,aAAa,UAAW,CAAA,GAAA;AACrE,MAAA,MAAM,KAAQ,GAAA,OAAO,UAAe,KAAA,QAAA,GAAW,SAAY,UAAW,CAAA,KAAA;AACtE,MAAA,MAAM,YAAe,GAAA,OAAO,UAAe,KAAA,QAAA,GAAW,SAAY,UAAW,CAAA,YAAA;AAC7E,MAAA,MAAM,aAAa,OAAO,UAAA,KAAe,QAAW,GAAA,KAAA,GAAQ,WAAW,UAAc,IAAA,KAAA;AAErF,MAAI,IAAA,CAAC,MAAO,CAAA,SAAS,CAAG,EAAA;AACtB,QAAO,MAAA,CAAA,SAAS,IAAI,EAAC;AAAA;AAGvB,MAAM,MAAA,KAAA,GAAQ,GAAO,IAAA,KAAA,GAAQ,KAAM,CAAA,GAAG,IAAI,OAAO,YAAA,KAAiB,UAAc,GAAA,YAAA,EAA6B,GAAA,YAAA;AAC7G,MAAA,MAAA,CAAO,SAAS,CAAA,CAAE,KAAS,IAAA,GAAG,CAAI,GAAA,KAAA;AAElC,MAAA,QAAA,CAAS,GAAG,CAAI,GAAA,IAAA;AAChB,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,YAAA,CAAa,GAAG,CAAI,GAAA,IAAA;AAAA;AACtB;AACF;AAGF,EAAA,KAAA,MAAW,OAAO,KAAO,EAAA;AACvB,IAAA,MAAM,QAAW,GAAA,GAAA;AACjB,IAAA,IAAI,CAAC,QAAS,CAAA,QAAQ,CAAK,IAAA,YAAA,CAAa,QAAQ,CAAG,EAAA;AACjD,MAAK,IAAA,CAAA,QAAQ,CAAI,GAAA,KAAA,CAAM,QAAQ,CAAA;AAAA;AACjC;AAGF,EAAA,MAAA,CAAO,IAAO,GAAA,IAAA;AACd,EAAO,OAAA,MAAA;AACT,CAAA;AAEa,MAAA,cAAA,GAAiB,CAA8B,KAAA,EAAU,OAAmC,KAAA;AACvG,EAAM,MAAA,CAAC,MAAM,CAAA,GAAIA,+BAAgB,EAAA;AACjC,EAAM,MAAA,EAAC,UAAU,IAAM,EAAA,UAAA,GAAa,OAAO,MAAS,GAAA,IAAM,GAAA,OAAA;AAE1D,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,GAAG,KAAA;AAAA,IACH,GAAA,EAAK,KAAM,CAAA,GAAA,IAAO,MAAO,CAAA,GAAA;AAAA,IACzB,gBAAA,EAAkB,KAAM,CAAA,gBAAA,IAAoB,MAAO,CAAA,gBAAA;AAAA,IACnD,eAAe,KAAM,CAAA,aAAA,KAAkB,UAAa,GAAA,MAAA,CAAO,mBAAmB,MAAO,CAAA,aAAA,CAAA;AAAA,IACrF,GAAI,SAAa,IAAA,KAAA,GAAQ,EAAC,OAAA,EAAS,MAAM,OAAW,IAAA,MAAA,CAAO,UAAU,EAAA,GAAI;AAAC,GAC5E;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,MAAA,CAAA,SAAA,GAAY,KAAM,CAAA,SAAA,IAAa,MAAO,CAAA,SAAA;AAAA;AAG/C,EAAO,OAAA,UAAA,CAAc,QAAQ,MAAM,CAAA;AACrC;;;;"}

package/dist/index.cjs7.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+require('./index.cjs13.js');
+const FormContext = require('./index.cjs14.js');
+const formik = require('formik');
+require('yup');
+require('./index.cjs11.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');
+require('primereact/api');
+require('primereact/utils');
+
+const useFormContext = () => {
+  const context = require$$0.useContext(FormContext.FormContext);
+  const formikContext = useSafeFormikContext();
+  if (!context || !formikContext) {
+    return null;
+  }
+  return { ...context, ...formikContext };
+};
+function useSafeFormikContext() {
+  const context = require$$0.useContext(formik.FormikContext);
+  try {
+    if (context) {
+      return formik.useFormikContext();
+    }
+    return void 0;
+  } catch {
+    return void 0;
+  }
+}
+
+exports.useFormContext = useFormContext;
+exports.useSafeFormikContext = useSafeFormikContext;
+//# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs7.js","sources":["../src/powell/hooks/useFormContext.ts"],"sourcesContent":["import {useContext} from \"react\";\r\nimport {FormContext} from \"@powell/components/FormContainer\";\r\nimport {$FormikConfig, $FormikContext, $FormikContextType, $FormikValues, $useFormikContext} from \"@powell/api\";\r\nimport {SafeAny} from \"@powell/models\";\r\n\r\nexport const useFormContext = () => {\r\n  const context = useContext(FormContext) as $FormikConfig<$FormikValues>;\r\n  const formikContext = useSafeFormikContext();\r\n\r\n  if (!context || !formikContext) {\r\n    return null;\r\n  }\r\n\r\n  return {...context, ...formikContext} as $FormikContextType<$FormikValues>;\r\n};\r\n\r\nexport function useSafeFormikContext<T = SafeAny>() {\r\n  const context = useContext($FormikContext);\r\n  try {\r\n    if (context) {\r\n      return $useFormikContext<T>();\r\n    }\r\n    return undefined;\r\n  } catch {\r\n    return undefined;\r\n  }\r\n}\r\n"],"names":["useContext","FormContext","$FormikContext","$useFormikContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAUA,sBAAWC,uBAAW,CAAA;AACtC,EAAA,MAAM,gBAAgB,oBAAqB,EAAA;AAE3C,EAAI,IAAA,CAAC,OAAW,IAAA,CAAC,aAAe,EAAA;AAC9B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,OAAO,EAAC,GAAG,OAAS,EAAA,GAAG,aAAa,EAAA;AACtC;AAEO,SAAS,oBAAoC,GAAA;AAClD,EAAM,MAAA,OAAA,GAAUD,sBAAWE,oBAAc,CAAA;AACzC,EAAI,IAAA;AACF,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAOC,uBAAqB,EAAA;AAAA;AAE9B,IAAO,OAAA,KAAA,CAAA;AAAA,GACD,CAAA,MAAA;AACN,IAAO,OAAA,MAAA;AAAA;AAEX;;;;;"}

package/dist/index.cjs8.js

@@ -0,0 +1,201 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const configService = require('./index.cjs3.js');
+require('formik');
+require('yup');
+require('./index.cjs11.js');
+const require$$0 = require('react');
+require('./index.cjs13.js');
+require('./index.cjs14.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=index.cjs8.js.map

package/dist/index.cjs8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs8.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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"}

package/dist/index.cjs9.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+
+const useIsomorphicLayoutEffect = typeof window !== "undefined" || typeof document !== "undefined" ? require$$0.useLayoutEffect : require$$0.useEffect;
+const equ = (a, b) => a === b;
+const FR = {};
+function useComparator(v, c = equ) {
+  const f = require$$0.useRef(FR);
+  let nv = f.current;
+  useIsomorphicLayoutEffect(() => {
+    f.current = nv;
+  });
+  if (f.current === FR || !c(v, f.current)) {
+    nv = v;
+  }
+  return nv;
+}
+function globalState(initialValue, options) {
+  let sb = [];
+  let v = initialValue;
+  function set(newValue, callback) {
+    const pv = v;
+    v = newValue instanceof Function ? newValue(v) : newValue;
+    setTimeout(() => {
+      sb.forEach((c) => c(v, pv));
+      callback?.(v, pv);
+      options?.onSet?.(v, pv);
+    });
+  }
+  function subscribe(subscriber) {
+    sb.push(subscriber);
+    return () => {
+      sb = sb.filter((f) => f !== subscriber);
+    };
+  }
+  function useSubscription(subscriber) {
+    useIsomorphicLayoutEffect(() => subscribe(subscriber), [subscriber]);
+  }
+  function use() {
+    const [l, s] = require$$0.useState(v);
+    useSubscription(s);
+    return [l, set];
+  }
+  function useSelector(selector, comparator = equ) {
+    const [rv] = use();
+    return useComparator(selector(rv), comparator);
+  }
+  return {
+    use,
+    useSelector,
+    useValue: () => use()[0],
+    get: () => v,
+    set,
+    reset: () => set(initialValue),
+    subscribe
+  };
+}
+
+exports.globalState = globalState;
+//# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs9.js","sources":["../src/powell/utils/globalState.ts"],"sourcesContent":["import {SetStateAction, useEffect, useLayoutEffect, useRef, useState} from \"react\";\r\n\r\ntype Set<T> = (newState: SetStateAction<T>, callback?: (newState: T) => void) => void;\r\n\r\ntype UseSelector<T> = <TSelected = unknown>(selector: (state: T) => TSelected, equalityFn?: Comparator<TSelected>) => TSelected;\r\n\r\nexport interface StateWithValue<T> {\r\n  use: () => [T, Set<T>];\r\n  useValue: () => T;\r\n  get: () => T;\r\n  useSelector: UseSelector<T>;\r\n  set: Set<T>;\r\n  reset: () => void;\r\n  subscribe(subscriber: SubscriberFunc<T>): () => void;\r\n}\r\n\r\ntype SubscriberFunc<T> = (newState: T, previousState: T) => void;\r\n\r\ninterface Options<T> {\r\n  onSet?: SubscriberFunc<T>;\r\n}\r\n\r\ntype Comparator<TSelected = unknown> = (a: TSelected, b: TSelected) => boolean;\r\n\r\nconst useIsomorphicLayoutEffect =\r\n    typeof window !== \"undefined\" || typeof document !== \"undefined\"\r\n        ? useLayoutEffect\r\n        : useEffect;\r\n\r\nconst equ: Comparator = (a, b) => a === b;\r\n\r\nconst FR = {};\r\n\r\nfunction useComparator<T>(v: T, c: Comparator<T> = equ): T {\r\n  const f = useRef(FR as T);\r\n  let nv = f.current;\r\n\r\n  useIsomorphicLayoutEffect(() => {\r\n    f.current = nv;\r\n  });\r\n\r\n  if (f.current === FR || !c(v, f.current)) {\r\n    nv = v;\r\n  }\r\n\r\n  return nv;\r\n}\r\n\r\nexport function globalState<T>(initialValue: T, options?: Options<T>): StateWithValue<T> {\r\n  let sb: SubscriberFunc<T>[] = [];\r\n\r\n  let v: T = initialValue;\r\n\r\n  function set(newValue: SetStateAction<T>, callback?: SubscriberFunc<T>) {\r\n    const pv = v;\r\n    v = newValue instanceof Function ? newValue(v) : newValue;\r\n\r\n    setTimeout(() => {\r\n      sb.forEach((c) => c(v, pv));\r\n      callback?.(v, pv);\r\n      options?.onSet?.(v, pv);\r\n    });\r\n  }\r\n\r\n  function subscribe(subscriber: SubscriberFunc<T>): () => void {\r\n    sb.push(subscriber);\r\n    return () => {\r\n      sb = sb.filter((f) => f !== subscriber);\r\n    };\r\n  }\r\n\r\n  function useSubscription(subscriber: SubscriberFunc<T>) {\r\n    useIsomorphicLayoutEffect(() => subscribe(subscriber), [subscriber]);\r\n  }\r\n\r\n  function use(): [T, Set<T>] {\r\n    const [l, s] = useState<T>(v);\r\n    useSubscription(s);\r\n    return [l, set];\r\n  }\r\n\r\n  function useSelector<TSelected = unknown>(selector: (state: T) => TSelected, comparator: Comparator<TSelected> = equ): TSelected {\r\n    const [rv] = use();\r\n    return useComparator(selector(rv), comparator);\r\n  }\r\n\r\n  return {\r\n    use,\r\n    useSelector,\r\n    useValue: () => use()[0],\r\n    get: () => v,\r\n    set,\r\n    reset: () => set(initialValue),\r\n    subscribe,\r\n  };\r\n}\r\n"],"names":["useLayoutEffect","useEffect","useRef","useState"],"mappings":";;;;;;AAwBA,MAAM,4BACF,OAAO,MAAA,KAAW,eAAe,OAAO,QAAA,KAAa,cAC/CA,0BACA,GAAAC,oBAAA;AAEV,MAAM,GAAkB,GAAA,CAAC,CAAG,EAAA,CAAA,KAAM,CAAM,KAAA,CAAA;AAExC,MAAM,KAAK,EAAC;AAEZ,SAAS,aAAA,CAAiB,CAAM,EAAA,CAAA,GAAmB,GAAQ,EAAA;AACzD,EAAM,MAAA,CAAA,GAAIC,kBAAO,EAAO,CAAA;AACxB,EAAA,IAAI,KAAK,CAAE,CAAA,OAAA;AAEX,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,CAAA,CAAE,OAAU,GAAA,EAAA;AAAA,GACb,CAAA;AAED,EAAI,IAAA,CAAA,CAAE,YAAY,EAAM,IAAA,CAAC,EAAE,CAAG,EAAA,CAAA,CAAE,OAAO,CAAG,EAAA;AACxC,IAAK,EAAA,GAAA,CAAA;AAAA;AAGP,EAAO,OAAA,EAAA;AACT;AAEgB,SAAA,WAAA,CAAe,cAAiB,OAAyC,EAAA;AACvF,EAAA,IAAI,KAA0B,EAAC;AAE/B,EAAA,IAAI,CAAO,GAAA,YAAA;AAEX,EAAS,SAAA,GAAA,CAAI,UAA6B,QAA8B,EAAA;AACtE,IAAA,MAAM,EAAK,GAAA,CAAA;AACX,IAAA,CAAA,GAAI,QAAoB,YAAA,QAAA,GAAW,QAAS,CAAA,CAAC,CAAI,GAAA,QAAA;AAEjD,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,EAAA,CAAG,QAAQ,CAAC,CAAA,KAAM,CAAE,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA;AAC1B,MAAA,QAAA,GAAW,GAAG,EAAE,CAAA;AAChB,MAAS,OAAA,EAAA,KAAA,GAAQ,GAAG,EAAE,CAAA;AAAA,KACvB,CAAA;AAAA;AAGH,EAAA,SAAS,UAAU,UAA2C,EAAA;AAC5D,IAAA,EAAA,CAAG,KAAK,UAAU,CAAA;AAClB,IAAA,OAAO,MAAM;AACX,MAAA,EAAA,GAAK,EAAG,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,UAAU,CAAA;AAAA,KACxC;AAAA;AAGF,EAAA,SAAS,gBAAgB,UAA+B,EAAA;AACtD,IAAA,yBAAA,CAA0B,MAAM,SAAU,CAAA,UAAU,CAAG,EAAA,CAAC,UAAU,CAAC,CAAA;AAAA;AAGrE,EAAA,SAAS,GAAmB,GAAA;AAC1B,IAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAIC,oBAAY,CAAC,CAAA;AAC5B,IAAA,eAAA,CAAgB,CAAC,CAAA;AACjB,IAAO,OAAA,CAAC,GAAG,GAAG,CAAA;AAAA;AAGhB,EAAS,SAAA,WAAA,CAAiC,QAAmC,EAAA,UAAA,GAAoC,GAAgB,EAAA;AAC/H,IAAM,MAAA,CAAC,EAAE,CAAA,GAAI,GAAI,EAAA;AACjB,IAAA,OAAO,aAAc,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,UAAU,CAAA;AAAA;AAG/C,EAAO,OAAA;AAAA,IACL,GAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAU,EAAA,MAAM,GAAI,EAAA,CAAE,CAAC,CAAA;AAAA,IACvB,KAAK,MAAM,CAAA;AAAA,IACX,GAAA;AAAA,IACA,KAAA,EAAO,MAAM,GAAA,CAAI,YAAY,CAAA;AAAA,IAC7B;AAAA,GACF;AACF;;;;"}