powell-react 0.0.31 → 0.0.33

package/dist/index.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es6.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":[],"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,GAAI,eAAgB,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.es7.js

@@ -0,0 +1,123 @@
+import { useContext } from 'react';
+import './index.es13.js';
+import { FormContext } from './index.es14.js';
+import { FormikContext, useFormikContext } from 'formik';
+import 'yup';
+import './index.es11.js';
+import 'primereact/autocomplete';
+import 'primereact/calendar';
+import 'primereact/cascadeselect';
+import 'primereact/checkbox';
+import 'primereact/chips';
+import 'primereact/colorpicker';
+import 'primereact/dropdown';
+import 'primereact/editor';
+import 'primereact/floatlabel';
+import 'primereact/inputicon';
+import 'primereact/iconfield';
+import 'primereact/inputmask';
+import 'primereact/inputswitch';
+import 'primereact/inputnumber';
+import 'primereact/inputotp';
+import 'primereact/inputtext';
+import 'primereact/inputtextarea';
+import 'primereact/knob';
+import 'primereact/listbox';
+import 'primereact/mention';
+import 'primereact/multiselect';
+import 'primereact/multistatecheckbox';
+import 'primereact/password';
+import 'primereact/radiobutton';
+import 'primereact/rating';
+import 'primereact/selectbutton';
+import 'primereact/slider';
+import 'primereact/treeselect';
+import 'primereact/tristatecheckbox';
+import 'primereact/togglebutton';
+import 'primereact/button';
+import 'primereact/speeddial';
+import 'primereact/splitbutton';
+import 'primereact/datatable';
+import 'primereact/dataview';
+import 'primereact/datascroller';
+import 'primereact/orderlist';
+import 'primereact/organizationchart';
+import 'primereact/paginator';
+import 'primereact/picklist';
+import 'primereact/tree';
+import 'primereact/treetable';
+import 'primereact/timeline';
+import 'primereact/virtualscroller';
+import 'primereact/accordion';
+import 'primereact/card';
+import 'primereact/deferredcontent';
+import 'primereact/divider';
+import 'primereact/fieldset';
+import 'primereact/panel';
+import 'primereact/scrollpanel';
+import 'primereact/splitter';
+import 'primereact/stepper';
+import 'primereact/tabview';
+import 'primereact/toolbar';
+import 'primereact/confirmdialog';
+import 'primereact/confirmpopup';
+import 'primereact/dialog';
+import 'primereact/overlaypanel';
+import 'primereact/sidebar';
+import 'primereact/tooltip';
+import 'primereact/fileupload';
+import 'primereact/breadcrumb';
+import 'primereact/contextmenu';
+import 'primereact/dock';
+import 'primereact/megamenu';
+import 'primereact/menu';
+import 'primereact/menubar';
+import 'primereact/panelmenu';
+import 'primereact/steps';
+import 'primereact/tabmenu';
+import 'primereact/tieredmenu';
+import 'primereact/message';
+import 'primereact/messages';
+import 'primereact/toast';
+import 'primereact/carousel';
+import 'primereact/galleria';
+import 'primereact/image';
+import 'primereact/avatar';
+import 'primereact/badge';
+import 'primereact/blockui';
+import 'primereact/chip';
+import 'primereact/inplace';
+import 'primereact/metergroup';
+import 'primereact/scrolltop';
+import 'primereact/skeleton';
+import 'primereact/progressbar';
+import 'primereact/progressspinner';
+import 'primereact/ripple';
+import 'primereact/styleclass';
+import 'primereact/tag';
+import 'primereact/terminal';
+import 'primereact/api';
+import 'primereact/utils';
+
+const useFormContext = () => {
+  const context = useContext(FormContext);
+  const formikContext = useSafeFormikContext();
+  if (!context || !formikContext) {
+    return null;
+  }
+  return { ...context, ...formikContext };
+};
+function useSafeFormikContext() {
+  const context = useContext(FormikContext);
+  try {
+    if (context) {
+      return useFormikContext();
+    }
+    return void 0;
+  } catch {
+    return void 0;
+  }
+}
+
+export { useFormContext, useSafeFormikContext };
+//# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es7.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":["$FormikContext","$useFormikContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,OAAA,GAAU,WAAW,WAAW,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,GAAU,WAAWA,aAAc,CAAA;AACzC,EAAI,IAAA;AACF,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAOC,gBAAqB,EAAA;AAAA;AAE9B,IAAO,OAAA,KAAA,CAAA;AAAA,GACD,CAAA,MAAA;AACN,IAAO,OAAA,MAAA;AAAA;AAEX;;;;"}

package/dist/index.es8.js

@@ -0,0 +1,196 @@
+import { configService } from './index.es3.js';
+import 'formik';
+import 'yup';
+import './index.es11.js';
+import { useContext } from 'react';
+import './index.es13.js';
+import './index.es14.js';
+import 'primereact/autocomplete';
+import 'primereact/calendar';
+import 'primereact/cascadeselect';
+import 'primereact/checkbox';
+import 'primereact/chips';
+import 'primereact/colorpicker';
+import 'primereact/dropdown';
+import 'primereact/editor';
+import 'primereact/floatlabel';
+import 'primereact/inputicon';
+import 'primereact/iconfield';
+import 'primereact/inputmask';
+import 'primereact/inputswitch';
+import 'primereact/inputnumber';
+import 'primereact/inputotp';
+import 'primereact/inputtext';
+import 'primereact/inputtextarea';
+import 'primereact/knob';
+import 'primereact/listbox';
+import 'primereact/mention';
+import 'primereact/multiselect';
+import 'primereact/multistatecheckbox';
+import 'primereact/password';
+import 'primereact/radiobutton';
+import 'primereact/rating';
+import 'primereact/selectbutton';
+import 'primereact/slider';
+import 'primereact/treeselect';
+import 'primereact/tristatecheckbox';
+import 'primereact/togglebutton';
+import 'primereact/button';
+import 'primereact/speeddial';
+import 'primereact/splitbutton';
+import 'primereact/datatable';
+import 'primereact/dataview';
+import 'primereact/datascroller';
+import 'primereact/orderlist';
+import 'primereact/organizationchart';
+import 'primereact/paginator';
+import 'primereact/picklist';
+import 'primereact/tree';
+import 'primereact/treetable';
+import 'primereact/timeline';
+import 'primereact/virtualscroller';
+import 'primereact/accordion';
+import 'primereact/card';
+import 'primereact/deferredcontent';
+import 'primereact/divider';
+import 'primereact/fieldset';
+import 'primereact/panel';
+import 'primereact/scrollpanel';
+import 'primereact/splitter';
+import 'primereact/stepper';
+import 'primereact/tabview';
+import 'primereact/toolbar';
+import 'primereact/confirmdialog';
+import 'primereact/confirmpopup';
+import 'primereact/dialog';
+import 'primereact/overlaypanel';
+import 'primereact/sidebar';
+import 'primereact/tooltip';
+import 'primereact/fileupload';
+import 'primereact/breadcrumb';
+import 'primereact/contextmenu';
+import 'primereact/dock';
+import 'primereact/megamenu';
+import 'primereact/menu';
+import 'primereact/menubar';
+import 'primereact/panelmenu';
+import 'primereact/steps';
+import 'primereact/tabmenu';
+import 'primereact/tieredmenu';
+import 'primereact/message';
+import 'primereact/messages';
+import 'primereact/toast';
+import 'primereact/carousel';
+import 'primereact/galleria';
+import 'primereact/image';
+import 'primereact/avatar';
+import 'primereact/badge';
+import 'primereact/blockui';
+import 'primereact/chip';
+import 'primereact/inplace';
+import 'primereact/metergroup';
+import 'primereact/scrolltop';
+import 'primereact/skeleton';
+import 'primereact/progressbar';
+import 'primereact/progressspinner';
+import 'primereact/ripple';
+import 'primereact/styleclass';
+import 'primereact/tag';
+import 'primereact/terminal';
+import { PrimeReactContext } from 'primereact/api';
+import 'primereact/utils';
+
+const usePowellConfig = () => {
+  const [powellConfig, setPowellConfig] = configService.use();
+  const {
+    setPt,
+    setFilterMatchModeOptions,
+    setLocale,
+    setNonce,
+    setHideOverlaysOnDocumentScrolling,
+    setRipple,
+    setCssTransition,
+    setStyleContainer,
+    setInputStyle,
+    setNullSortOrder,
+    setZIndex,
+    setAutoZIndex,
+    setAppendTo,
+    changeTheme,
+    ...restPrimeConfig
+  } = useContext(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}`);
+    }
+  }
+};
+
+export { applyConfigToDom, usePowellConfig };
+//# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es8.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":["$PrimeReactContext"],"mappings":"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"}

package/dist/index.es9.js

@@ -0,0 +1,59 @@
+import { useState, useLayoutEffect, useEffect, useRef } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== "undefined" || typeof document !== "undefined" ? useLayoutEffect : useEffect;
+const equ = (a, b) => a === b;
+const FR = {};
+function useComparator(v, c = equ) {
+  const f = 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] = 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
+  };
+}
+
+export { globalState };
+//# sourceMappingURL=index.es9.js.map

package/dist/index.es9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es9.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":[],"mappings":";;AAwBA,MAAM,4BACF,OAAO,MAAA,KAAW,eAAe,OAAO,QAAA,KAAa,cAC/C,eACA,GAAA,SAAA;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,GAAI,OAAO,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,GAAI,SAAY,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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powell-react",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "private": false,
   "description": "A collection of PrimeReact-based components for Powell projects.",
   "keywords": [
@@ -41,7 +41,10 @@
     "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist/types",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "release:patch": "npm version patch && npm publish --access public",
+    "release:minor": "npm version minor && npm publish --access public",
+    "release:major": "npm version major && npm publish --access public"
   },
   "dependencies": {
     "formik": "^2.4.6",