@semcore/core 2.39.1-prerelease.8 → 16.0.0-prerelease.10

package/lib/utils/createHoc.mjs

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["forwardedRef"];
+import React, { PureComponent } from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import getDisplayName from "./getDisplayName.mjs";
+function createHoc(EnhancedComponent) {
+  return function createWrapper() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return function (WrappedComponent) {
+      var Component = /*#__PURE__*/function (_PureComponent) {
+        _inherits(Component, _PureComponent);
+        var _super = _createSuper(Component);
+        function Component() {
+          _classCallCheck(this, Component);
+          return _super.apply(this, arguments);
+        }
+        _createClass(Component, [{
+          key: "render",
+          value: function render() {
+            // @ts-ignore
+            var _WrappedComponent$def = _objectSpread(_objectSpread({}, WrappedComponent.defaultProps), this.props),
+              forwardedRef = _WrappedComponent$def.forwardedRef,
+              others = _objectWithoutProperties(_WrappedComponent$def, _excluded);
+            return /*#__PURE__*/React.createElement(EnhancedComponent, _extends({}, options, this.props), function (enhancedComponentProps) {
+              return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+                forwardedRef: forwardedRef
+              }, others, enhancedComponentProps));
+            });
+          }
+        }]);
+        return Component;
+      }(PureComponent);
+      _defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
+      return hoistNonReactStatics(Component, WrappedComponent);
+    };
+  };
+}
+export default createHoc;
+//# sourceMappingURL=createHoc.mjs.map

package/lib/utils/createHoc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHoc.mjs","names":["React","PureComponent","hoistNonReactStatics","getDisplayName","createHoc","EnhancedComponent","createWrapper","options","arguments","length","undefined","WrappedComponent","Component","_PureComponent","_inherits","_super","_createSuper","_classCallCheck","apply","_createClass","key","value","render","_WrappedComponent$def","_objectSpread","defaultProps","props","forwardedRef","others","_objectWithoutProperties","_excluded","createElement","_extends","enhancedComponentProps","_defineProperty"],"sources":["../../src/utils/createHoc.tsx"],"sourcesContent":["import React, { ComponentClass, ComponentType, PureComponent } from 'react';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport getDisplayName from './getDisplayName';\n\nfunction createHoc(\n  EnhancedComponent: any,\n): (options?: {}) => (WrappedComponent: ComponentType) => ComponentClass {\n  return function createWrapper(options = {}) {\n    return (WrappedComponent) => {\n      class Component extends PureComponent {\n        static displayName = getDisplayName(WrappedComponent);\n\n        render() {\n          // @ts-ignore\n          const { forwardedRef, ...others } = { ...WrappedComponent.defaultProps, ...this.props };\n          return (\n            <EnhancedComponent {...options} {...this.props}>\n              {(enhancedComponentProps: any) => (\n                <WrappedComponent\n                  forwardedRef={forwardedRef}\n                  {...others}\n                  {...enhancedComponentProps}\n                />\n              )}\n            </EnhancedComponent>\n          );\n        }\n      }\n\n      return hoistNonReactStatics(Component, WrappedComponent);\n    };\n  };\n}\n\nexport default createHoc;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,IAAmCC,aAAa,QAAQ,OAAO;AAC3E,OAAOC,oBAAoB,MAAM,yBAAyB;AAC1D,OAAOC,cAAc,MAAM,sBAAkB;AAE7C,SAASC,SAASA,CAChBC,iBAAsB,EACiD;EACvE,OAAO,SAASC,aAAaA,CAAA,EAAe;IAAA,IAAdC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACxC,OAAO,UAACG,gBAAgB,EAAK;MAAA,IACrBC,SAAS,0BAAAC,cAAA;QAAAC,SAAA,CAAAF,SAAA,EAAAC,cAAA;QAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,SAAA;QAAA,SAAAA,UAAA;UAAAK,eAAA,OAAAL,SAAA;UAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAV,SAAA;QAAA;QAAAW,YAAA,CAAAP,SAAA;UAAAQ,GAAA;UAAAC,KAAA,EAGb,SAAAC,OAAA,EAAS;YACP;YACA,IAAAC,qBAAA,GAAAC,aAAA,CAAAA,aAAA,KAAyCb,gBAAgB,CAACc,YAAY,GAAK,IAAI,CAACC,KAAK;cAA7EC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;cAAKC,MAAM,GAAAC,wBAAA,CAAAN,qBAAA,EAAAO,SAAA;YAC/B,oBACE9B,KAAA,CAAA+B,aAAA,CAAC1B,iBAAiB,EAAA2B,QAAA,KAAKzB,OAAO,EAAM,IAAI,CAACmB,KAAK,GAC3C,UAACO,sBAA2B;cAAA,oBAC3BjC,KAAA,CAAA+B,aAAA,CAACpB,gBAAgB,EAAAqB,QAAA;gBACfL,YAAY,EAAEA;cAAa,GACvBC,MAAM,EACNK,sBAAsB,EAC1B;YAAA,CACH,CACiB;UAExB;QAAC;QAAA,OAAArB,SAAA;MAAA,EAjBqBX,aAAa;MAAAiC,eAAA,CAA/BtB,SAAS,iBACQT,cAAc,CAACQ,gBAAgB,CAAC;MAmBvD,OAAOT,oBAAoB,CAACU,SAAS,EAAED,gBAAgB,CAAC;IAC1D,CAAC;EACH,CAAC;AACH;AAEA,eAAeP,SAAS"}

package/lib/utils/createUUID.cjs

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createUUID;
+function createUUID() {
+  var pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
+  return pattern.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+}
+//# sourceMappingURL=createUUID.cjs.map

package/lib/utils/createUUID.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUUID.cjs","names":["createUUID","pattern","replace","c","r","Math","random","v","toString"],"sources":["../../src/utils/createUUID.ts"],"sourcesContent":["export default function createUUID() {\n  const pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';\n  return pattern.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n"],"mappings":";;;;;;AAAe,SAASA,UAAUA,CAAA,EAAG;EACnC,IAAMC,OAAO,GAAG,sCAAsC;EACtD,OAAOA,OAAO,CAACC,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC,EAAK;IACrC,IAAMC,CAAC,GAAIC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAI,CAAC;IAClC,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG;IACzC,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC;EACvB,CAAC,CAAC;AACJ"}

package/lib/utils/createUUID.d.ts

@@ -0,0 +1 @@
+export default function createUUID(): string;

package/lib/utils/createUUID.mjs

@@ -0,0 +1,9 @@
+export default function createUUID() {
+  var pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
+  return pattern.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+}
+//# sourceMappingURL=createUUID.mjs.map

package/lib/utils/createUUID.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUUID.mjs","names":["createUUID","pattern","replace","c","r","Math","random","v","toString"],"sources":["../../src/utils/createUUID.ts"],"sourcesContent":["export default function createUUID() {\n  const pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';\n  return pattern.replace(/[xy]/g, (c) => {\n    const r = (Math.random() * 16) | 0;\n    const v = c === 'x' ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n"],"mappings":"AAAA,eAAe,SAASA,UAAUA,CAAA,EAAG;EACnC,IAAMC,OAAO,GAAG,sCAAsC;EACtD,OAAOA,OAAO,CAACC,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC,EAAK;IACrC,IAAMC,CAAC,GAAIC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAI,CAAC;IAClC,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAI,GAAG;IACzC,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC;EACvB,CAAC,CAAC;AACJ"}

package/lib/utils/cssToIntDefault.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssToIntDefault;
+/**
+ * Converts CSS numeric value to int or returns defaultValue if
+ * value is not numeric
+ * @param {string} value
+ * @param {number} defaultValue
+ * @returns {Number|number}
+ */
+function cssToIntDefault(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var result = parseFloat(value);
+  if (Number.isNaN(result)) {
+    result = defaultValue;
+  }
+  return Math.ceil(result);
+}
+//# sourceMappingURL=cssToIntDefault.cjs.map

package/lib/utils/cssToIntDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssToIntDefault.cjs","names":["cssToIntDefault","value","defaultValue","arguments","length","undefined","result","parseFloat","Number","isNaN","Math","ceil"],"sources":["../../src/utils/cssToIntDefault.ts"],"sourcesContent":["/**\n * Converts CSS numeric value to int or returns defaultValue if\n * value is not numeric\n * @param {string} value\n * @param {number} defaultValue\n * @returns {Number|number}\n */\nexport default function cssToIntDefault(value: string, defaultValue = 0) {\n  let result = parseFloat(value);\n  if (Number.isNaN(result)) {\n    result = defaultValue;\n  }\n\n  return Math.ceil(result);\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,eAAeA,CAACC,KAAa,EAAoB;EAAA,IAAlBC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EACrE,IAAIG,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;EAC9B,IAAIO,MAAM,CAACC,KAAK,CAACH,MAAM,CAAC,EAAE;IACxBA,MAAM,GAAGJ,YAAY;EACvB;EAEA,OAAOQ,IAAI,CAACC,IAAI,CAACL,MAAM,CAAC;AAC1B"}

package/lib/utils/cssToIntDefault.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Converts CSS numeric value to int or returns defaultValue if
+ * value is not numeric
+ * @param {string} value
+ * @param {number} defaultValue
+ * @returns {Number|number}
+ */
+export default function cssToIntDefault(value: string, defaultValue?: number): number;

package/lib/utils/cssToIntDefault.mjs

@@ -0,0 +1,16 @@
+/**
+ * Converts CSS numeric value to int or returns defaultValue if
+ * value is not numeric
+ * @param {string} value
+ * @param {number} defaultValue
+ * @returns {Number|number}
+ */
+export default function cssToIntDefault(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var result = parseFloat(value);
+  if (Number.isNaN(result)) {
+    result = defaultValue;
+  }
+  return Math.ceil(result);
+}
+//# sourceMappingURL=cssToIntDefault.mjs.map

package/lib/utils/cssToIntDefault.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssToIntDefault.mjs","names":["cssToIntDefault","value","defaultValue","arguments","length","undefined","result","parseFloat","Number","isNaN","Math","ceil"],"sources":["../../src/utils/cssToIntDefault.ts"],"sourcesContent":["/**\n * Converts CSS numeric value to int or returns defaultValue if\n * value is not numeric\n * @param {string} value\n * @param {number} defaultValue\n * @returns {Number|number}\n */\nexport default function cssToIntDefault(value: string, defaultValue = 0) {\n  let result = parseFloat(value);\n  if (Number.isNaN(result)) {\n    result = defaultValue;\n  }\n\n  return Math.ceil(result);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASA,eAAeA,CAACC,KAAa,EAAoB;EAAA,IAAlBC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EACrE,IAAIG,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;EAC9B,IAAIO,MAAM,CAACC,KAAK,CAACH,MAAM,CAAC,EAAE;IACxBA,MAAM,GAAGJ,YAAY;EACvB;EAEA,OAAOQ,IAAI,CAACC,IAAI,CAACL,MAAM,CAAC;AAC1B"}

package/lib/utils/enhances/WithAutoFocus.cjs

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _reactDom = require("react-dom");
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2["default"])(EnhancedWithAutoFocus, _PureComponent);
+  var _super = (0, _createSuper2["default"])(EnhancedWithAutoFocus);
+  function EnhancedWithAutoFocus() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, EnhancedWithAutoFocus);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "timer", void 0);
+    return _this;
+  }
+  (0, _createClass2["default"])(EnhancedWithAutoFocus, [{
+    key: "notUsingNativeAutoFocus",
+    value: function notUsingNativeAutoFocus() {
+      var autoFocus = this.props.autoFocus;
+      return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.notUsingNativeAutoFocus()) {
+        var autoFocus = this.props.autoFocus;
+        if (autoFocus === false) return;
+        var node = (0, _reactDom.findDOMNode)(this);
+        if (!node) return;
+        //@ts-ignore
+        this.timer = setTimeout(function () {
+          return node.focus();
+        }, autoFocus || 0);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.props,
+        children = _ref.children;
+      var props = {};
+      if (this.notUsingNativeAutoFocus()) {
+        props.autoFocus = undefined;
+      }
+      return children(props);
+    }
+  }]);
+  return EnhancedWithAutoFocus;
+}(_react.PureComponent);
+(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "displayName", 'EnhancedWithAutoFocus');
+(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "defaultProps", {
+  autoFocus: undefined
+});
+var _default = (0, _createHoc["default"])(EnhancedWithAutoFocus);
+exports["default"] = _default;
+//# sourceMappingURL=WithAutoFocus.cjs.map

package/lib/utils/enhances/WithAutoFocus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithAutoFocus.cjs","names":["_react","require","_reactDom","_createHoc","_interopRequireDefault","EnhancedWithAutoFocus","_PureComponent","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","_createClass2","key","value","notUsingNativeAutoFocus","autoFocus","props","componentDidMount","node","findDOMNode","timer","setTimeout","focus","componentWillUnmount","clearTimeout","render","_ref","children","undefined","PureComponent","_default","createHoc","exports"],"sources":["../../../src/utils/enhances/WithAutoFocus.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { findDOMNode } from 'react-dom';\nimport createHoc from '../createHoc';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IEnhancedWithAutoFocusProps\n  extends EnhancedWithAutoFocusProps,\n    UnknownProperties {}\nexport type EnhancedWithAutoFocusProps = {\n  /**\n   * @default undefined\n   */\n  autoFocus?: string | number | boolean;\n  children?: (props: IEnhancedWithAutoFocusProps) => React.ReactNode;\n};\n\nclass EnhancedWithAutoFocus extends PureComponent<IEnhancedWithAutoFocusProps> {\n  static displayName = 'EnhancedWithAutoFocus';\n\n  static defaultProps = {\n    autoFocus: undefined,\n  };\n\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  notUsingNativeAutoFocus() {\n    const { autoFocus } = this.props;\n    return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';\n  }\n\n  componentDidMount() {\n    if (this.notUsingNativeAutoFocus()) {\n      const { autoFocus } = this.props;\n      if (autoFocus === false) return;\n      const node = findDOMNode(this);\n      if (!node) return;\n      //@ts-ignore\n      this.timer = setTimeout(() => node.focus(), (autoFocus as number) || 0);\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  render() {\n    const { children } = this.props as any;\n    const props = {} as IEnhancedWithAutoFocusProps;\n    if (this.notUsingNativeAutoFocus()) {\n      props.autoFocus = undefined;\n    }\n    return children(props);\n  }\n}\n\nexport default createHoc(EnhancedWithAutoFocus);\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAqC,IAe/BI,qBAAqB,0BAAAC,cAAA;EAAA,IAAAC,UAAA,aAAAF,qBAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,qBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA;IAAA,OAAAA,KAAA;EAAA;EAAA,IAAAa,aAAA,aAAAlB,qBAAA;IAAAmB,GAAA;IAAAC,KAAA,EASzB,SAAAC,wBAAA,EAA0B;MACxB,IAAQC,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;MACjB,OAAO,OAAOA,SAAS,KAAK,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ;IACxE;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACH,uBAAuB,EAAE,EAAE;QAClC,IAAQC,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;QACjB,IAAIA,SAAS,KAAK,KAAK,EAAE;QACzB,IAAMG,IAAI,GAAG,IAAAC,qBAAW,EAAC,IAAI,CAAC;QAC9B,IAAI,CAACD,IAAI,EAAE;QACX;QACA,IAAI,CAACE,KAAK,GAAGC,UAAU,CAAC;UAAA,OAAMH,IAAI,CAACI,KAAK,EAAE;QAAA,GAAGP,SAAS,IAAe,CAAC,CAAC;MACzE;IACF;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAU,qBAAA,EAAuB;MACrBC,YAAY,CAAC,IAAI,CAACJ,KAAK,CAAC;IAC1B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAY,OAAA,EAAS;MACP,IAAAC,IAAA,GAAqB,IAAI,CAACV,KAAK;QAAvBW,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAChB,IAAMX,KAAK,GAAG,CAAC,CAAgC;MAC/C,IAAI,IAAI,CAACF,uBAAuB,EAAE,EAAE;QAClCE,KAAK,CAACD,SAAS,GAAGa,SAAS;MAC7B;MACA,OAAOD,QAAQ,CAACX,KAAK,CAAC;IACxB;EAAC;EAAA,OAAAvB,qBAAA;AAAA,EApCiCoC,oBAAa;AAAA,IAAApB,gBAAA,aAA3ChB,qBAAqB,iBACJ,uBAAuB;AAAA,IAAAgB,gBAAA,aADxChB,qBAAqB,kBAGH;EACpBsB,SAAS,EAAEa;AACb,CAAC;AAAA,IAAAE,QAAA,GAkCY,IAAAC,qBAAS,EAACtC,qBAAqB,CAAC;AAAAuC,OAAA,cAAAF,QAAA"}

package/lib/utils/enhances/WithAutoFocus.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { UnknownProperties } from '../../core-types/UnknownProperties';
+/** @deprecated */
+export interface IEnhancedWithAutoFocusProps extends EnhancedWithAutoFocusProps, UnknownProperties {
+}
+export type EnhancedWithAutoFocusProps = {
+    /**
+     * @default undefined
+     */
+    autoFocus?: string | number | boolean;
+    children?: (props: IEnhancedWithAutoFocusProps) => React.ReactNode;
+};
+declare const _default: (options?: {} | undefined) => (WrappedComponent: React.ComponentType) => React.ComponentClass<{}, any>;
+export default _default;

package/lib/utils/enhances/WithAutoFocus.mjs

@@ -0,0 +1,67 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { PureComponent } from 'react';
+import { findDOMNode } from 'react-dom';
+import createHoc from "../createHoc.mjs";
+var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EnhancedWithAutoFocus, _PureComponent);
+  var _super = _createSuper(EnhancedWithAutoFocus);
+  function EnhancedWithAutoFocus() {
+    var _this;
+    _classCallCheck(this, EnhancedWithAutoFocus);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "timer", void 0);
+    return _this;
+  }
+  _createClass(EnhancedWithAutoFocus, [{
+    key: "notUsingNativeAutoFocus",
+    value: function notUsingNativeAutoFocus() {
+      var autoFocus = this.props.autoFocus;
+      return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.notUsingNativeAutoFocus()) {
+        var autoFocus = this.props.autoFocus;
+        if (autoFocus === false) return;
+        var node = findDOMNode(this);
+        if (!node) return;
+        //@ts-ignore
+        this.timer = setTimeout(function () {
+          return node.focus();
+        }, autoFocus || 0);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.props,
+        children = _ref.children;
+      var props = {};
+      if (this.notUsingNativeAutoFocus()) {
+        props.autoFocus = undefined;
+      }
+      return children(props);
+    }
+  }]);
+  return EnhancedWithAutoFocus;
+}(PureComponent);
+_defineProperty(EnhancedWithAutoFocus, "displayName", 'EnhancedWithAutoFocus');
+_defineProperty(EnhancedWithAutoFocus, "defaultProps", {
+  autoFocus: undefined
+});
+export default createHoc(EnhancedWithAutoFocus);
+//# sourceMappingURL=WithAutoFocus.mjs.map

package/lib/utils/enhances/WithAutoFocus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithAutoFocus.mjs","names":["PureComponent","findDOMNode","createHoc","EnhancedWithAutoFocus","_PureComponent","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","notUsingNativeAutoFocus","autoFocus","props","componentDidMount","node","timer","setTimeout","focus","componentWillUnmount","clearTimeout","render","_ref","children","undefined"],"sources":["../../../src/utils/enhances/WithAutoFocus.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { findDOMNode } from 'react-dom';\nimport createHoc from '../createHoc';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IEnhancedWithAutoFocusProps\n  extends EnhancedWithAutoFocusProps,\n    UnknownProperties {}\nexport type EnhancedWithAutoFocusProps = {\n  /**\n   * @default undefined\n   */\n  autoFocus?: string | number | boolean;\n  children?: (props: IEnhancedWithAutoFocusProps) => React.ReactNode;\n};\n\nclass EnhancedWithAutoFocus extends PureComponent<IEnhancedWithAutoFocusProps> {\n  static displayName = 'EnhancedWithAutoFocus';\n\n  static defaultProps = {\n    autoFocus: undefined,\n  };\n\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  notUsingNativeAutoFocus() {\n    const { autoFocus } = this.props;\n    return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';\n  }\n\n  componentDidMount() {\n    if (this.notUsingNativeAutoFocus()) {\n      const { autoFocus } = this.props;\n      if (autoFocus === false) return;\n      const node = findDOMNode(this);\n      if (!node) return;\n      //@ts-ignore\n      this.timer = setTimeout(() => node.focus(), (autoFocus as number) || 0);\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n  }\n\n  render() {\n    const { children } = this.props as any;\n    const props = {} as IEnhancedWithAutoFocusProps;\n    if (this.notUsingNativeAutoFocus()) {\n      props.autoFocus = undefined;\n    }\n    return children(props);\n  }\n}\n\nexport default createHoc(EnhancedWithAutoFocus);\n"],"mappings":";;;;;;AAAA,SAAgBA,aAAa,QAAQ,OAAO;AAC5C,SAASC,WAAW,QAAQ,WAAW;AACvC,OAAOC,SAAS,MAAM,kBAAc;AAAC,IAe/BC,qBAAqB,0BAAAC,cAAA;EAAAC,SAAA,CAAAF,qBAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,qBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA;IAAA,OAAAA,KAAA;EAAA;EAAAa,YAAA,CAAAlB,qBAAA;IAAAmB,GAAA;IAAAC,KAAA,EASzB,SAAAC,wBAAA,EAA0B;MACxB,IAAQC,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;MACjB,OAAO,OAAOA,SAAS,KAAK,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ;IACxE;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACH,uBAAuB,EAAE,EAAE;QAClC,IAAQC,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;QACjB,IAAIA,SAAS,KAAK,KAAK,EAAE;QACzB,IAAMG,IAAI,GAAG3B,WAAW,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC2B,IAAI,EAAE;QACX;QACA,IAAI,CAACC,KAAK,GAAGC,UAAU,CAAC;UAAA,OAAMF,IAAI,CAACG,KAAK,EAAE;QAAA,GAAGN,SAAS,IAAe,CAAC,CAAC;MACzE;IACF;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAS,qBAAA,EAAuB;MACrBC,YAAY,CAAC,IAAI,CAACJ,KAAK,CAAC;IAC1B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;MACP,IAAAC,IAAA,GAAqB,IAAI,CAACT,KAAK;QAAvBU,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAChB,IAAMV,KAAK,GAAG,CAAC,CAAgC;MAC/C,IAAI,IAAI,CAACF,uBAAuB,EAAE,EAAE;QAClCE,KAAK,CAACD,SAAS,GAAGY,SAAS;MAC7B;MACA,OAAOD,QAAQ,CAACV,KAAK,CAAC;IACxB;EAAC;EAAA,OAAAvB,qBAAA;AAAA,EApCiCH,aAAa;AAAAmB,eAAA,CAA3ChB,qBAAqB,iBACJ,uBAAuB;AAAAgB,eAAA,CADxChB,qBAAqB,kBAGH;EACpBsB,SAAS,EAAEY;AACb,CAAC;AAkCH,eAAenC,SAAS,CAACC,qBAAqB,CAAC"}

package/lib/utils/enhances/WithCSS.cjs

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStylesheet = exports["default"] = exports.WithCssContext = exports.Provider = exports.EnhancedWithCSS = void 0;
+exports.initNanoCss = initNanoCss;
+exports.normaliseCss = normaliseCss;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+var _CSSinJS2 = _interopRequireDefault(require("../CSSinJS"));
+var getStylesheet = function getStylesheet() {
+  return (0, _CSSinJS2["default"])().raw;
+};
+
+/**
+ * Function to clear the nano CSS styles object from keys with undefined value
+ * @param {Object} obj - nano CSS styles object
+ * @returns {Object}
+ */
+exports.getStylesheet = getStylesheet;
+function normaliseCss(obj) {
+  return Object.keys(obj).reduce(function (acc, key) {
+    var result = acc;
+    if (obj[key] !== undefined) {
+      result[key] = obj[key];
+    }
+    return result;
+  }, {});
+}
+var WithCssContext = /*#__PURE__*/_react["default"].createContext({});
+exports.WithCssContext = WithCssContext;
+var Provider = WithCssContext.Provider;
+exports.Provider = Provider;
+function initNanoCss() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _CSSinJS2["default"])(options);
+}
+
+/** @deprecated */
+var EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2["default"])(EnhancedWithCSS, _PureComponent);
+  var _super = (0, _createSuper2["default"])(EnhancedWithCSS);
+  function EnhancedWithCSS(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, EnhancedWithCSS);
+    _this = _super.call(this, props, context);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      dynamicClassName: ''
+    });
+    initNanoCss(context);
+    return _this;
+  }
+  (0, _createClass2["default"])(EnhancedWithCSS, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        _this$props$className = _this$props.className,
+        className = _this$props$className === void 0 ? '' : _this$props$className;
+      var dynamicClassName = this.state.dynamicClassName;
+      return children({
+        className: className + dynamicClassName || undefined
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      var _CSSinJS$cache, _CSSinJS;
+      var cleanCss = normaliseCss(props.css);
+      return {
+        dynamicClassName: Object.keys(cleanCss).length ? (_CSSinJS$cache = (_CSSinJS = (0, _CSSinJS2["default"])()).cache) === null || _CSSinJS$cache === void 0 ? void 0 : _CSSinJS$cache.call(_CSSinJS, cleanCss) : ''
+      };
+    }
+  }]);
+  return EnhancedWithCSS;
+}(_react.PureComponent);
+exports.EnhancedWithCSS = EnhancedWithCSS;
+(0, _defineProperty2["default"])(EnhancedWithCSS, "contextType", WithCssContext);
+(0, _defineProperty2["default"])(EnhancedWithCSS, "defaultProps", {
+  css: {}
+});
+var _default = (0, _createHoc["default"])(EnhancedWithCSS);
+exports["default"] = _default;
+//# sourceMappingURL=WithCSS.cjs.map

package/lib/utils/enhances/WithCSS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCSS.cjs","names":["_react","_interopRequireWildcard","require","_createHoc","_interopRequireDefault","_CSSinJS2","getStylesheet","CSSinJS","raw","exports","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","React","createContext","Provider","initNanoCss","options","arguments","length","EnhancedWithCSS","_PureComponent","_inherits2","_super","_createSuper2","props","context","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","dynamicClassName","_createClass2","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache","PureComponent","_default","createHoc"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { NanoOptions } from '@phytonmk/nano-css';\nimport { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\nconst getStylesheet = () => CSSinJS().raw;\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\n/** @deprecated */\nexport interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {}\nexport type EnhancedWithCSSProps = {\n  className?: string;\n  css?: {};\n\n  children(props: { className: string | undefined }): React.ReactNode;\n};\n\nclass EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {\n  static contextType = WithCssContext;\n\n  static defaultProps = {\n    css: {},\n  };\n\n  state = {\n    dynamicClassName: '',\n  };\n\n  static getDerivedStateFromProps(props: any) {\n    const cleanCss = normaliseCss(props.css);\n    return {\n      dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache?.(cleanCss) : '',\n    };\n  }\n\n  constructor(props: any, context: any) {\n    super(props, context);\n\n    initNanoCss(context);\n  }\n\n  render() {\n    const { children, className = '' } = this.props;\n    const { dynamicClassName } = this.state;\n    return children({\n      className: className + dynamicClassName || undefined,\n    });\n  }\n}\n\nexport { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };\nexport default createHoc(EnhancedWithCSS);\n"],"mappings":"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"}

package/lib/utils/enhances/WithCSS.d.ts

@@ -0,0 +1,41 @@
+import React, { PureComponent } from 'react';
+import { NanoOptions } from '@phytonmk/nano-css';
+import { CssLikeObject } from '@phytonmk/nano-css/types/common';
+import { UnknownProperties } from '../../core-types/UnknownProperties';
+declare const getStylesheet: () => string;
+/**
+ * Function to clear the nano CSS styles object from keys with undefined value
+ * @param {Object} obj - nano CSS styles object
+ * @returns {Object}
+ */
+declare function normaliseCss(obj: CssLikeObject): any;
+declare const WithCssContext: React.Context<NanoOptions>;
+declare const Provider: React.Provider<NanoOptions>;
+declare function initNanoCss(options?: NanoOptions): import("@phytonmk/nano-css").NanoRenderer;
+/** @deprecated */
+export interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {
+}
+export type EnhancedWithCSSProps = {
+    className?: string;
+    css?: {};
+    children(props: {
+        className: string | undefined;
+    }): React.ReactNode;
+};
+declare class EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {
+    static contextType: React.Context<NanoOptions>;
+    static defaultProps: {
+        css: {};
+    };
+    state: {
+        dynamicClassName: string;
+    };
+    static getDerivedStateFromProps(props: any): {
+        dynamicClassName: string | undefined;
+    };
+    constructor(props: any, context: any);
+    render(): React.ReactNode;
+}
+export { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
+declare const _default: (options?: {} | undefined) => (WrappedComponent: React.ComponentType) => React.ComponentClass<{}, any>;
+export default _default;

package/lib/utils/enhances/WithCSS.mjs

@@ -0,0 +1,79 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React, { PureComponent } from 'react';
+import createHoc from "../createHoc.mjs";
+import CSSinJS from "../CSSinJS.mjs";
+var getStylesheet = function getStylesheet() {
+  return CSSinJS().raw;
+};
+
+/**
+ * Function to clear the nano CSS styles object from keys with undefined value
+ * @param {Object} obj - nano CSS styles object
+ * @returns {Object}
+ */
+function normaliseCss(obj) {
+  return Object.keys(obj).reduce(function (acc, key) {
+    var result = acc;
+    if (obj[key] !== undefined) {
+      result[key] = obj[key];
+    }
+    return result;
+  }, {});
+}
+var WithCssContext = /*#__PURE__*/React.createContext({});
+var Provider = WithCssContext.Provider;
+function initNanoCss() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return CSSinJS(options);
+}
+
+/** @deprecated */
+var EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EnhancedWithCSS, _PureComponent);
+  var _super = _createSuper(EnhancedWithCSS);
+  function EnhancedWithCSS(props, context) {
+    var _this;
+    _classCallCheck(this, EnhancedWithCSS);
+    _this = _super.call(this, props, context);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      dynamicClassName: ''
+    });
+    initNanoCss(context);
+    return _this;
+  }
+  _createClass(EnhancedWithCSS, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        _this$props$className = _this$props.className,
+        className = _this$props$className === void 0 ? '' : _this$props$className;
+      var dynamicClassName = this.state.dynamicClassName;
+      return children({
+        className: className + dynamicClassName || undefined
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props) {
+      var _CSSinJS$cache, _CSSinJS;
+      var cleanCss = normaliseCss(props.css);
+      return {
+        dynamicClassName: Object.keys(cleanCss).length ? (_CSSinJS$cache = (_CSSinJS = CSSinJS()).cache) === null || _CSSinJS$cache === void 0 ? void 0 : _CSSinJS$cache.call(_CSSinJS, cleanCss) : ''
+      };
+    }
+  }]);
+  return EnhancedWithCSS;
+}(PureComponent);
+_defineProperty(EnhancedWithCSS, "contextType", WithCssContext);
+_defineProperty(EnhancedWithCSS, "defaultProps", {
+  css: {}
+});
+export { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
+export default createHoc(EnhancedWithCSS);
+//# sourceMappingURL=WithCSS.mjs.map

package/lib/utils/enhances/WithCSS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCSS.mjs","names":["React","PureComponent","createHoc","CSSinJS","getStylesheet","raw","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","createContext","Provider","initNanoCss","options","arguments","length","EnhancedWithCSS","_PureComponent","_inherits","_super","_createSuper","props","context","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","dynamicClassName","_createClass","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { NanoOptions } from '@phytonmk/nano-css';\nimport { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\nconst getStylesheet = () => CSSinJS().raw;\n\n/**\n * Function to clear the nano CSS styles object from keys with undefined value\n * @param {Object} obj - nano CSS styles object\n * @returns {Object}\n */\nfunction normaliseCss(obj: CssLikeObject) {\n  return Object.keys(obj).reduce((acc: any, key) => {\n    const result = acc;\n    if (obj[key] !== undefined) {\n      result[key] = obj[key];\n    }\n    return result;\n  }, {});\n}\n\nconst WithCssContext = React.createContext<NanoOptions>({});\nconst { Provider } = WithCssContext;\n\nfunction initNanoCss(options: NanoOptions = {}) {\n  return CSSinJS(options);\n}\n\n/** @deprecated */\nexport interface IEnhancedWithCSSProps extends EnhancedWithCSSProps, UnknownProperties {}\nexport type EnhancedWithCSSProps = {\n  className?: string;\n  css?: {};\n\n  children(props: { className: string | undefined }): React.ReactNode;\n};\n\nclass EnhancedWithCSS extends PureComponent<IEnhancedWithCSSProps> {\n  static contextType = WithCssContext;\n\n  static defaultProps = {\n    css: {},\n  };\n\n  state = {\n    dynamicClassName: '',\n  };\n\n  static getDerivedStateFromProps(props: any) {\n    const cleanCss = normaliseCss(props.css);\n    return {\n      dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache?.(cleanCss) : '',\n    };\n  }\n\n  constructor(props: any, context: any) {\n    super(props, context);\n\n    initNanoCss(context);\n  }\n\n  render() {\n    const { children, className = '' } = this.props;\n    const { dynamicClassName } = this.state;\n    return children({\n      className: className + dynamicClassName || undefined,\n    });\n  }\n}\n\nexport { getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };\nexport default createHoc(EnhancedWithCSS);\n"],"mappings":"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"}