powell-react 0.0.4 → 0.0.5

package/dist/esm/index.js

@@ -4168,6 +4168,64 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
+const useIsomorphicLayoutEffect = typeof window !== "undefined" || typeof document !== "undefined"
+    ? reactExports.useLayoutEffect
+    : reactExports.useEffect;
+const equ = (a, b) => a === b;
+const FR = {};
+function useComparator(v, c = equ) {
+    const f = reactExports.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);
+        });
+    }
+    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] = reactExports.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,
+    };
+}
+
+const configService = globalState({});
+
 /**
  * Based on Kendo UI Core expression code <https://github.com/telerik/kendo-ui-core#license-information>
  */
@@ -5628,11 +5686,49 @@ class DateSchema extends Schema {
 }
 DateSchema.INVALID_DATE = invalidDate;
 
-function _arrayWithHoles$4(arr) {
+const powellDefaults = {
+    theme: 'lara-light-cyan',
+    rtl: false,
+    showRequiredStar: true,
+    ripple: true,
+    inputSize: 'md',
+    labelPosition: 'fix-top',
+    fixLabelPosition: 'fix-side'
+};
+
+const createThemeLink = () => {
+    const headEl = document.head;
+    const linkEl = document.createElement("link");
+    linkEl.rel = "stylesheet";
+    linkEl.type = "text/css";
+    linkEl.id = "powell-theme-link";
+    headEl.appendChild(linkEl);
+    return linkEl;
+};
+const applyTheme = (theme) => {
+    let themeEl = document.getElementById('powell-theme-link');
+    if (!themeEl) {
+        themeEl = createThemeLink();
+    }
+    const themeLink = `/src/powell/themes/${theme}.css`;
+    themeEl.setAttribute('href', themeLink);
+};
+const PowellProvider = (props) => {
+    const { children, config } = props;
+    const defaultConfig = {
+        ...powellDefaults,
+        ...config
+    };
+    configService.set(defaultConfig);
+    applyTheme(defaultConfig.theme);
+    return (jsxRuntimeExports.jsx(PrimeReactProvider, { value: defaultConfig, children: children }));
+};
+
+function _arrayWithHoles$5(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit$4(r, l) {
+function _iterableToArrayLimit$5(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
     var e,
@@ -5672,12 +5768,12 @@ function _unsupportedIterableToArray$2$1(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2$1(o, minLen);
 }
 
-function _nonIterableRest$4() {
+function _nonIterableRest$5() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray$4(arr, i) {
-  return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$2$1(arr, i) || _nonIterableRest$4();
+function _slicedToArray$5(arr, i) {
+  return _arrayWithHoles$5(arr) || _iterableToArrayLimit$5(arr, i) || _unsupportedIterableToArray$2$1(arr, i) || _nonIterableRest$5();
 }
 
 function _typeof$5(o) {
@@ -5706,7 +5802,7 @@ function classNames() {
         classes.push(className);
       } else if (type === 'object') {
         var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
-          var _ref2 = _slicedToArray$4(_ref, 2),
+          var _ref2 = _slicedToArray$5(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];
           return value ? key : null;
@@ -6008,7 +6104,7 @@ var DomHandler = /*#__PURE__*/function () {
       var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       if (element) {
         Object.entries(styles).forEach(function (_ref) {
-          var _ref2 = _slicedToArray$4(_ref, 2),
+          var _ref2 = _slicedToArray$5(_ref, 2),
             key = _ref2[0],
             value = _ref2[1];
           return element.style[key] = value;
@@ -6044,7 +6140,7 @@ var DomHandler = /*#__PURE__*/function () {
                 cv.push(v);
               } else if (type === 'object') {
                 var _cv = Array.isArray(v) ? _computedStyles(rule, v) : Object.entries(v).map(function (_ref3) {
-                  var _ref4 = _slicedToArray$4(_ref3, 2),
+                  var _ref4 = _slicedToArray$5(_ref3, 2),
                     _k = _ref4[0],
                     _v = _ref4[1];
                   return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : _v ? _k : undefined;
@@ -6058,7 +6154,7 @@ var DomHandler = /*#__PURE__*/function () {
           }, styles);
         };
         Object.entries(attributes).forEach(function (_ref5) {
-          var _ref6 = _slicedToArray$4(_ref5, 2),
+          var _ref6 = _slicedToArray$5(_ref5, 2),
             key = _ref6[0],
             value = _ref6[1];
           if (value !== undefined && value !== null) {
@@ -7053,9 +7149,9 @@ function _extends$4() {
   return _extends$4.apply(this, arguments);
 }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(o)) || allowArrayLike) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen); }
-function _arrayLikeToArray$5(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(o)) || allowArrayLike) { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen); }
+function _arrayLikeToArray$6(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck$1(this, ObjectUtils);
@@ -7846,7 +7942,210 @@ _defineProperty$4(PrimeReact$1, "changeTheme", function (currentTheme, newTheme,
   (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
 });
 
+function _arrayWithHoles$4(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit$4(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray$5(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray$5(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$5(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen);
+}
+
+function _nonIterableRest$4() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray$4(arr, i) {
+  return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$5(arr, i) || _nonIterableRest$4();
+}
+
 var PrimeReactContext = /*#__PURE__*/React__default.createContext();
+var PrimeReactProvider = function PrimeReactProvider(props) {
+  var propsValue = props.value || {};
+  var _useState = reactExports.useState(propsValue.ripple || false),
+    _useState2 = _slicedToArray$4(_useState, 2),
+    ripple = _useState2[0],
+    setRipple = _useState2[1];
+  var _useState3 = reactExports.useState(propsValue.inputStyle || 'outlined'),
+    _useState4 = _slicedToArray$4(_useState3, 2),
+    inputStyle = _useState4[0],
+    setInputStyle = _useState4[1];
+  var _useState5 = reactExports.useState(propsValue.locale || 'en'),
+    _useState6 = _slicedToArray$4(_useState5, 2),
+    locale = _useState6[0],
+    setLocale = _useState6[1];
+  var _useState7 = reactExports.useState(propsValue.appendTo || null),
+    _useState8 = _slicedToArray$4(_useState7, 2),
+    appendTo = _useState8[0],
+    setAppendTo = _useState8[1];
+  var _useState9 = reactExports.useState(propsValue.styleContainer || null),
+    _useState10 = _slicedToArray$4(_useState9, 2),
+    styleContainer = _useState10[0],
+    setStyleContainer = _useState10[1];
+  var _useState11 = reactExports.useState(propsValue.cssTransition || true),
+    _useState12 = _slicedToArray$4(_useState11, 2),
+    cssTransition = _useState12[0],
+    setCssTransition = _useState12[1];
+  var _useState13 = reactExports.useState(propsValue.autoZIndex || true),
+    _useState14 = _slicedToArray$4(_useState13, 2),
+    autoZIndex = _useState14[0],
+    setAutoZIndex = _useState14[1];
+  var _useState15 = reactExports.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
+    _useState16 = _slicedToArray$4(_useState15, 2),
+    hideOverlaysOnDocumentScrolling = _useState16[0],
+    setHideOverlaysOnDocumentScrolling = _useState16[1];
+  var _useState17 = reactExports.useState(propsValue.nonce || null),
+    _useState18 = _slicedToArray$4(_useState17, 2),
+    nonce = _useState18[0],
+    setNonce = _useState18[1];
+  var _useState19 = reactExports.useState(propsValue.nullSortOrder || 1),
+    _useState20 = _slicedToArray$4(_useState19, 2),
+    nullSortOrder = _useState20[0],
+    setNullSortOrder = _useState20[1];
+  var _useState21 = reactExports.useState(propsValue.zIndex || {
+      modal: 1100,
+      overlay: 1000,
+      menu: 1000,
+      tooltip: 1100,
+      toast: 1200
+    }),
+    _useState22 = _slicedToArray$4(_useState21, 2),
+    zIndex = _useState22[0],
+    setZIndex = _useState22[1];
+  var _useState23 = reactExports.useState(propsValue.ptOptions || {
+      mergeSections: true,
+      mergeProps: true
+    }),
+    _useState24 = _slicedToArray$4(_useState23, 2),
+    ptOptions = _useState24[0],
+    setPtOptions = _useState24[1];
+  var _useState25 = reactExports.useState(propsValue.pt || undefined),
+    _useState26 = _slicedToArray$4(_useState25, 2),
+    pt = _useState26[0],
+    setPt = _useState26[1];
+  var _useState27 = reactExports.useState(propsValue.unstyled || false),
+    _useState28 = _slicedToArray$4(_useState27, 2),
+    unstyled = _useState28[0],
+    setUnstyled = _useState28[1];
+  var _useState29 = reactExports.useState(propsValue.filterMatchModeOptions || {
+      text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
+      numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
+      date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
+    }),
+    _useState30 = _slicedToArray$4(_useState29, 2),
+    filterMatchModeOptions = _useState30[0],
+    setFilterMatchModeOptions = _useState30[1];
+  var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {
+    var _linkElement$parentNo;
+    var linkElement = document.getElementById(linkElementId);
+    if (!linkElement) {
+      throw Error("Element with id ".concat(linkElementId, " not found."));
+    }
+    var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
+    var newLinkElement = document.createElement('link');
+    newLinkElement.setAttribute('rel', 'stylesheet');
+    newLinkElement.setAttribute('id', linkElementId);
+    newLinkElement.setAttribute('href', newThemeUrl);
+    newLinkElement.addEventListener('load', function () {
+      if (callback) {
+        callback();
+      }
+    });
+    (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.replaceChild(newLinkElement, linkElement);
+  };
+
+  /**
+   * @deprecated
+   */
+  React__default.useEffect(function () {
+    PrimeReact$1.ripple = ripple;
+  }, [ripple]);
+
+  /**
+   * @deprecated
+   */
+  React__default.useEffect(function () {
+    PrimeReact$1.inputStyle = inputStyle;
+  }, [inputStyle]);
+
+  /**
+   * @deprecated
+   */
+  React__default.useEffect(function () {
+    PrimeReact$1.locale = locale;
+  }, [locale]);
+  var value = {
+    changeTheme: changeTheme,
+    ripple: ripple,
+    setRipple: setRipple,
+    inputStyle: inputStyle,
+    setInputStyle: setInputStyle,
+    locale: locale,
+    setLocale: setLocale,
+    appendTo: appendTo,
+    setAppendTo: setAppendTo,
+    styleContainer: styleContainer,
+    setStyleContainer: setStyleContainer,
+    cssTransition: cssTransition,
+    setCssTransition: setCssTransition,
+    autoZIndex: autoZIndex,
+    setAutoZIndex: setAutoZIndex,
+    hideOverlaysOnDocumentScrolling: hideOverlaysOnDocumentScrolling,
+    setHideOverlaysOnDocumentScrolling: setHideOverlaysOnDocumentScrolling,
+    nonce: nonce,
+    setNonce: setNonce,
+    nullSortOrder: nullSortOrder,
+    setNullSortOrder: setNullSortOrder,
+    zIndex: zIndex,
+    setZIndex: setZIndex,
+    ptOptions: ptOptions,
+    setPtOptions: setPtOptions,
+    pt: pt,
+    setPt: setPt,
+    filterMatchModeOptions: filterMatchModeOptions,
+    setFilterMatchModeOptions: setFilterMatchModeOptions,
+    unstyled: unstyled,
+    setUnstyled: setUnstyled
+  };
+  return /*#__PURE__*/React__default.createElement(PrimeReactContext.Provider, {
+    value: value
+  }, props.children);
+};
 
 var PrimeReact = PrimeReact$1;
 
@@ -41061,5 +41360,5 @@ const Button = reactExports.memo((props) => {
     return (jsxRuntimeExports.jsx(Button$1, { type: type, ...rest, onClick: handleClick, label: async ? tempProps.current.label : rest.label, icon: async ? tempProps.current.icon : rest.icon, severity: async ? tempProps.current.severity : rest.severity, raised: async ? tempProps.current.raised : rest.raised, text: async ? tempProps.current.appearance === 'text' : rest.appearance === 'text', outlined: async ? tempProps.current.appearance === 'outlined' : rest.appearance === 'outlined', link: async ? tempProps.current.appearance === 'link' : rest.appearance === 'link', loading: _state === 'loading', className: classNames(rest.className, `state-${_state}`) }));
 });
 
-export { Button };
+export { Button, PowellProvider };
 //# sourceMappingURL=index.js.map