@semcore/core 16.6.0 → 16.6.2-prerelease.0

package/lib/utils/createHoc.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+var _react = _interopRequireWildcard(require("react"));
+var _getDisplayName = _interopRequireDefault(require("./getDisplayName"));
+var _excluded = ["forwardedRef"];
+function createHoc(EnhancedComponent) {
+  return function createWrapper() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return function (WrappedComponent) {
+      var Component = /*#__PURE__*/function (_PureComponent) {
+        function Component() {
+          (0, _classCallCheck2["default"])(this, Component);
+          return (0, _callSuper2["default"])(this, Component, arguments);
+        }
+        (0, _inherits2["default"])(Component, _PureComponent);
+        return (0, _createClass2["default"])(Component, [{
+          key: "render",
+          value: function render() {
+            // @ts-ignore
+            var _WrappedComponent$def = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, WrappedComponent.defaultProps), this.props),
+              forwardedRef = _WrappedComponent$def.forwardedRef,
+              others = (0, _objectWithoutProperties2["default"])(_WrappedComponent$def, _excluded);
+            return /*#__PURE__*/_react["default"].createElement(EnhancedComponent, (0, _extends2["default"])({}, options, this.props), function (enhancedComponentProps) {
+              return /*#__PURE__*/_react["default"].createElement(WrappedComponent, (0, _extends2["default"])({
+                forwardedRef: forwardedRef
+              }, others, enhancedComponentProps));
+            });
+          }
+        }]);
+      }(_react.PureComponent);
+      (0, _defineProperty2["default"])(Component, "displayName", (0, _getDisplayName["default"])(WrappedComponent));
+      return (0, _hoistNonReactStatics["default"])(Component, WrappedComponent);
+    };
+  };
+}
+var _default = exports["default"] = createHoc;
+//# sourceMappingURL=createHoc.js.map

package/lib/utils/createHoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHoc.js","names":["_hoistNonReactStatics","_interopRequireDefault","require","_react","_interopRequireWildcard","_getDisplayName","_excluded","createHoc","EnhancedComponent","createWrapper","options","arguments","length","undefined","WrappedComponent","Component","_PureComponent","_classCallCheck2","_callSuper2","_inherits2","_createClass2","key","value","render","_WrappedComponent$def","_objectSpread2","defaultProps","props","forwardedRef","others","_objectWithoutProperties2","createElement","_extends2","enhancedComponentProps","PureComponent","_defineProperty2","getDisplayName","hoistNonReactStatics","_default","exports"],"sources":["../../src/utils/createHoc.tsx"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React, { type ComponentClass, type ComponentType, PureComponent } from 'react';\n\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,IAAAA,qBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8C,IAAAI,SAAA;AAE9C,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;QAAA,SAAAD,UAAA;UAAA,IAAAE,gBAAA,mBAAAF,SAAA;UAAA,WAAAG,WAAA,mBAAAH,SAAA,EAAAJ,SAAA;QAAA;QAAA,IAAAQ,UAAA,aAAAJ,SAAA,EAAAC,cAAA;QAAA,WAAAI,aAAA,aAAAL,SAAA;UAAAM,GAAA;UAAAC,KAAA,EAGb,SAAAC,MAAMA,CAAA,EAAG;YACP;YACA,IAAAC,qBAAA,OAAAC,cAAA,iBAAAA,cAAA,iBAAyCX,gBAAgB,CAACY,YAAY,GAAK,IAAI,CAACC,KAAK;cAA7EC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;cAAKC,MAAM,OAAAC,yBAAA,aAAAN,qBAAA,EAAAlB,SAAA;YAC/B,oBACEH,MAAA,YAAA4B,aAAA,CAACvB,iBAAiB,MAAAwB,SAAA,iBAAKtB,OAAO,EAAM,IAAI,CAACiB,KAAK,GAC3C,UAACM,sBAA2B;cAAA,oBAC3B9B,MAAA,YAAA4B,aAAA,CAACjB,gBAAgB,MAAAkB,SAAA;gBACfJ,YAAY,EAAEA;cAAa,GACvBC,MAAM,EACNI,sBAAsB,CAC3B,CAAC;YAAA,CAEa,CAAC;UAExB;QAAC;MAAA,EAjBqBC,oBAAa;MAAA,IAAAC,gBAAA,aAA/BpB,SAAS,iBACQ,IAAAqB,0BAAc,EAACtB,gBAAgB,CAAC;MAmBvD,OAAO,IAAAuB,gCAAoB,EAACtB,SAAS,EAAED,gBAAgB,CAAC;IAC1D,CAAC;EACH,CAAC;AACH;AAAC,IAAAwB,QAAA,GAAAC,OAAA,cAEchC,SAAS","ignoreList":[]}

package/lib/utils/createHoc.mjs

@@ -0,0 +1,42 @@
+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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import React, { PureComponent } from "react";
+import getDisplayName from "./getDisplayName.mjs";
+var _excluded = ["forwardedRef"];
+function createHoc(EnhancedComponent) {
+  return function createWrapper() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return function(WrappedComponent) {
+      var Component = /* @__PURE__ */ (function(_PureComponent) {
+        function Component2() {
+          _classCallCheck(this, Component2);
+          return _callSuper(this, Component2, arguments);
+        }
+        _inherits(Component2, _PureComponent);
+        return _createClass(Component2, [{
+          key: "render",
+          value: function render() {
+            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
+              }, others, enhancedComponentProps));
+            });
+          }
+        }]);
+      })(PureComponent);
+      _defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
+      return hoistNonReactStatics(Component, WrappedComponent);
+    };
+  };
+}
+export {
+  createHoc as default
+};

package/lib/utils/createHoc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHoc.mjs","names":["hoistNonReactStatics","React","PureComponent","getDisplayName","createHoc","EnhancedComponent","createWrapper","options","arguments","length","undefined","WrappedComponent","Component","_PureComponent","_classCallCheck","_callSuper","_inherits","_createClass","key","value","render","_WrappedComponent$def","_objectSpread","defaultProps","props","forwardedRef","others","_objectWithoutProperties","_excluded","createElement","_extends","enhancedComponentProps","_defineProperty"],"sources":["../../src/utils/createHoc.tsx"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React, { type ComponentClass, type ComponentType, PureComponent } from 'react';\n\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,oBAAoB,MAAM,yBAAyB;AAC1D,OAAOC,KAAK,IAA6CC,aAAa,QAAQ,OAAO;AAErF,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;QAAA,SAAAD,UAAA;UAAAE,eAAA,OAAAF,SAAA;UAAA,OAAAG,UAAA,OAAAH,SAAA,EAAAJ,SAAA;QAAA;QAAAQ,SAAA,CAAAJ,SAAA,EAAAC,cAAA;QAAA,OAAAI,YAAA,CAAAL,SAAA;UAAAM,GAAA;UAAAC,KAAA,EAGb,SAAAC,MAAMA,CAAA,EAAG;YACP;YACA,IAAAC,qBAAA,GAAAC,aAAA,CAAAA,aAAA,KAAyCX,gBAAgB,CAACY,YAAY,GAAK,IAAI,CAACC,KAAK;cAA7EC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;cAAKC,MAAM,GAAAC,wBAAA,CAAAN,qBAAA,EAAAO,SAAA;YAC/B,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,iBAAiB,EAAAyB,QAAA,KAAKvB,OAAO,EAAM,IAAI,CAACiB,KAAK,GAC3C,UAACO,sBAA2B;cAAA,oBAC3B9B,KAAA,CAAA4B,aAAA,CAAClB,gBAAgB,EAAAmB,QAAA;gBACfL,YAAY,EAAEA;cAAa,GACvBC,MAAM,EACNK,sBAAsB,CAC3B,CAAC;YAAA,CAEa,CAAC;UAExB;QAAC;MAAA,EAjBqB7B,aAAa;MAAA8B,eAAA,CAA/BpB,SAAS,iBACQT,cAAc,CAACQ,gBAAgB,CAAC;MAmBvD,OAAOX,oBAAoB,CAACY,SAAS,EAAED,gBAAgB,CAAC;IAC1D,CAAC;EACH,CAAC;AACH;AAEA,eAAeP,SAAS","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { 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?: {}) => (WrappedComponent: React.ComponentType) => React.ComponentClass;
+export default _default;

package/lib/utils/enhances/WithAutoFocus.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _reactDom = require("react-dom");
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+/** @deprecated */
+var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
+  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 = (0, _callSuper2["default"])(this, EnhancedWithAutoFocus, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "timer", void 0);
+    return _this;
+  }
+  (0, _inherits2["default"])(EnhancedWithAutoFocus, _PureComponent);
+  return (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);
+    }
+  }]);
+}(_react.PureComponent);
+(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "displayName", 'EnhancedWithAutoFocus');
+(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "defaultProps", {
+  autoFocus: undefined
+});
+var _default = exports["default"] = (0, _createHoc["default"])(EnhancedWithAutoFocus);
+//# sourceMappingURL=WithAutoFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithAutoFocus.js","names":["_react","require","_reactDom","_createHoc","_interopRequireDefault","EnhancedWithAutoFocus","_PureComponent","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","_inherits2","_createClass2","key","value","notUsingNativeAutoFocus","autoFocus","props","componentDidMount","node","findDOMNode","timer","setTimeout","focus","componentWillUnmount","clearTimeout","render","_ref","children","undefined","PureComponent","_default","exports","createHoc"],"sources":["../../../src/utils/enhances/WithAutoFocus.tsx"],"sourcesContent":["import type React from 'react';\nimport { PureComponent } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\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":";;;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA;AAAA,IAYMI,qBAAqB,0BAAAC,cAAA;EAAA,SAAAD,sBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,qBAAA;IAAA,SAAAI,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,OAAAQ,WAAA,mBAAAV,qBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA;IAAA,OAAAA,KAAA;EAAA;EAAA,IAAAW,UAAA,aAAAb,qBAAA,EAAAC,cAAA;EAAA,WAAAa,aAAA,aAAAd,qBAAA;IAAAe,GAAA;IAAAC,KAAA,EASzB,SAAAC,uBAAuBA,CAAA,EAAG;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,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAACH,uBAAuB,CAAC,CAAC,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,CAAC,CAAC;QAAA,GAAGP,SAAS,IAAe,CAAC,CAAC;MACzE;IACF;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAU,oBAAoBA,CAAA,EAAG;MACrBC,YAAY,CAAC,IAAI,CAACJ,KAAK,CAAC;IAC1B;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAY,MAAMA,CAAA,EAAG;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,CAAC,CAAC,EAAE;QAClCE,KAAK,CAACD,SAAS,GAAGa,SAAS;MAC7B;MACA,OAAOD,QAAQ,CAACX,KAAK,CAAC;IACxB;EAAC;AAAA,EApCiCa,oBAAa;AAAA,IAAApB,gBAAA,aAA3CZ,qBAAqB,iBACJ,uBAAuB;AAAA,IAAAY,gBAAA,aADxCZ,qBAAqB,kBAGH;EACpBkB,SAAS,EAAEa;AACb,CAAC;AAAA,IAAAE,QAAA,GAAAC,OAAA,cAkCY,IAAAC,qBAAS,EAACnC,qBAAqB,CAAC","ignoreList":[]}

package/lib/utils/enhances/WithAutoFocus.mjs

@@ -0,0 +1,66 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { PureComponent } from 'react';
+import { findDOMNode } from 'react-dom';
+import createHoc from "../createHoc.mjs";
+
+/** @deprecated */
+var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
+  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 = _callSuper(this, EnhancedWithAutoFocus, [].concat(args));
+    _defineProperty(_this, "timer", void 0);
+    return _this;
+  }
+  _inherits(EnhancedWithAutoFocus, _PureComponent);
+  return _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);
+    }
+  }]);
+}(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","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_inherits","_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 type React from 'react';\nimport { PureComponent } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\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":";;;;;AACA,SAASA,aAAa,QAAQ,OAAO;AACrC,SAASC,WAAW,QAAQ,WAAW;AAGvC,OAAOC,SAAS,MAAM,kBAAc;;AAEpC;AAAA,IAYMC,qBAAqB,0BAAAC,cAAA;EAAA,SAAAD,sBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,qBAAA;IAAA,SAAAI,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,GAAAQ,UAAA,OAAAV,qBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA;IAAA,OAAAA,KAAA;EAAA;EAAAW,SAAA,CAAAb,qBAAA,EAAAC,cAAA;EAAA,OAAAa,YAAA,CAAAd,qBAAA;IAAAe,GAAA;IAAAC,KAAA,EASzB,SAAAC,uBAAuBA,CAAA,EAAG;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,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAACH,uBAAuB,CAAC,CAAC,EAAE;QAClC,IAAQC,SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;QACjB,IAAIA,SAAS,KAAK,KAAK,EAAE;QACzB,IAAMG,IAAI,GAAGvB,WAAW,CAAC,IAAI,CAAC;QAC9B,IAAI,CAACuB,IAAI,EAAE;QACX;QACA,IAAI,CAACC,KAAK,GAAGC,UAAU,CAAC;UAAA,OAAMF,IAAI,CAACG,KAAK,CAAC,CAAC;QAAA,GAAGN,SAAS,IAAe,CAAC,CAAC;MACzE;IACF;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAS,oBAAoBA,CAAA,EAAG;MACrBC,YAAY,CAAC,IAAI,CAACJ,KAAK,CAAC;IAC1B;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAW,MAAMA,CAAA,EAAG;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,CAAC,CAAC,EAAE;QAClCE,KAAK,CAACD,SAAS,GAAGY,SAAS;MAC7B;MACA,OAAOD,QAAQ,CAACV,KAAK,CAAC;IACxB;EAAC;AAAA,EApCiCtB,aAAa;AAAAe,eAAA,CAA3CZ,qBAAqB,iBACJ,uBAAuB;AAAAY,eAAA,CADxCZ,qBAAqB,kBAGH;EACpBkB,SAAS,EAAEY;AACb,CAAC;AAkCH,eAAe/B,SAAS,CAACC,qBAAqB,CAAC","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 import type { NanoOptions } from '@phytonmk/nano-css';
 import type { CssLikeObject } from '@phytonmk/nano-css/types/common';
-import React from 'react';
+import React, { PureComponent } from 'react';
+import type { 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
@@ -10,4 +12,30 @@ 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;
-export { Provider, WithCssContext, initNanoCss, normaliseCss };
+/** @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?: {}) => (WrappedComponent: React.ComponentType) => React.ComponentClass;
+export default _default;

package/lib/utils/enhances/WithCSS.js

@@ -1,14 +1,25 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithCssContext = exports.Provider = void 0;
+exports.getStylesheet = exports["default"] = exports.WithCssContext = exports.Provider = exports.EnhancedWithCSS = void 0;
 exports.initNanoCss = initNanoCss;
 exports.normaliseCss = normaliseCss;
-var _react = _interopRequireDefault(require("react"));
-var _CSSinJS = _interopRequireDefault(require("../CSSinJS"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+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 = exports.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
@@ -27,6 +38,48 @@ var WithCssContext = exports.WithCssContext = /*#__PURE__*/_react["default"].cre
 var Provider = exports.Provider = WithCssContext.Provider;
 function initNanoCss() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _CSSinJS["default"])(options);
+  return (0, _CSSinJS2["default"])(options);
 }
+
+/** @deprecated */
+var EnhancedWithCSS = exports.EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
+  function EnhancedWithCSS(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, EnhancedWithCSS);
+    _this = (0, _callSuper2["default"])(this, EnhancedWithCSS, [props, context]);
+    (0, _defineProperty2["default"])(_this, "state", {
+      dynamicClassName: ''
+    });
+    initNanoCss(context);
+    return _this;
+  }
+  (0, _inherits2["default"])(EnhancedWithCSS, _PureComponent);
+  return (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) : ''
+      };
+    }
+  }]);
+}(_react.PureComponent);
+(0, _defineProperty2["default"])(EnhancedWithCSS, "contextType", WithCssContext);
+(0, _defineProperty2["default"])(EnhancedWithCSS, "defaultProps", {
+  css: {}
+});
+var _default = exports["default"] = (0, _createHoc["default"])(EnhancedWithCSS);
 //# sourceMappingURL=WithCSS.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WithCSS.js","names":["_react","_interopRequireDefault","require","_CSSinJS","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","exports","React","createContext","Provider","initNanoCss","options","arguments","length","CSSinJS"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport CSSinJS from '../CSSinJS';\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\nexport { Provider, WithCssContext, initNanoCss, normaliseCss };\n"],"mappings":";;;;;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,YAAYA,CAACC,GAAkB,EAAE;EACxC,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,MAAM,CAAC,UAACC,GAAQ,EAAEC,GAAG,EAAK;IAChD,IAAMC,MAAM,GAAGF,GAAG;IAClB,IAAIJ,GAAG,CAACK,GAAG,CAAC,KAAKE,SAAS,EAAE;MAC1BD,MAAM,CAACD,GAAG,CAAC,GAAGL,GAAG,CAACK,GAAG,CAAC;IACxB;IACA,OAAOC,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAc,CAAC,CAAC,CAAC;AAC3D,IAAQC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAKJ,cAAc,CAA3BI,QAAQ;AAEhB,SAASC,WAAWA,CAAA,EAA4B;EAAA,IAA3BC,OAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAR,SAAA,GAAAQ,SAAA,MAAG,CAAC,CAAC;EAC5C,OAAO,IAAAE,mBAAO,EAACH,OAAO,CAAC;AACzB","ignoreList":[]}
+{"version":3,"file":"WithCSS.js","names":["_react","_interopRequireWildcard","require","_createHoc","_interopRequireDefault","_CSSinJS2","getStylesheet","exports","CSSinJS","raw","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","React","createContext","Provider","initNanoCss","options","arguments","length","EnhancedWithCSS","_PureComponent","props","context","_this","_classCallCheck2","_callSuper2","_defineProperty2","dynamicClassName","_inherits2","_createClass2","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache","call","PureComponent","_default","createHoc"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React, { PureComponent } from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\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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","ignoreList":[]}

package/lib/utils/enhances/WithCSS.mjs

@@ -1,5 +1,14 @@
-import React from 'react';
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+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
@@ -21,5 +30,47 @@ function initNanoCss() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return CSSinJS(options);
 }
-export { Provider, WithCssContext, initNanoCss, normaliseCss };
+
+/** @deprecated */
+var EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
+  function EnhancedWithCSS(props, context) {
+    var _this;
+    _classCallCheck(this, EnhancedWithCSS);
+    _this = _callSuper(this, EnhancedWithCSS, [props, context]);
+    _defineProperty(_this, "state", {
+      dynamicClassName: ''
+    });
+    initNanoCss(context);
+    return _this;
+  }
+  _inherits(EnhancedWithCSS, _PureComponent);
+  return _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) : ''
+      };
+    }
+  }]);
+}(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

@@ -1 +1 @@
-{"version":3,"file":"WithCSS.mjs","names":["React","CSSinJS","normaliseCss","obj","Object","keys","reduce","acc","key","result","undefined","WithCssContext","createContext","Provider","initNanoCss","options","arguments","length"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React from 'react';\n\nimport CSSinJS from '../CSSinJS';\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\nexport { Provider, WithCssContext, initNanoCss, normaliseCss };\n"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,OAAO,MAAM,gBAAY;;AAEhC;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAACC,GAAkB,EAAE;EACxC,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,MAAM,CAAC,UAACC,GAAQ,EAAEC,GAAG,EAAK;IAChD,IAAMC,MAAM,GAAGF,GAAG;IAClB,IAAIJ,GAAG,CAACK,GAAG,CAAC,KAAKE,SAAS,EAAE;MAC1BD,MAAM,CAACD,GAAG,CAAC,GAAGL,GAAG,CAACK,GAAG,CAAC;IACxB;IACA,OAAOC,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,IAAME,cAAc,gBAAGX,KAAK,CAACY,aAAa,CAAc,CAAC,CAAC,CAAC;AAC3D,IAAQC,QAAQ,GAAKF,cAAc,CAA3BE,QAAQ;AAEhB,SAASC,WAAWA,CAAA,EAA4B;EAAA,IAA3BC,OAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAN,SAAA,GAAAM,SAAA,MAAG,CAAC,CAAC;EAC5C,OAAOf,OAAO,CAACc,OAAO,CAAC;AACzB;AAEA,SAASF,QAAQ,EAAEF,cAAc,EAAEG,WAAW,EAAEZ,YAAY","ignoreList":[]}
+{"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","props","context","_this","_classCallCheck","_callSuper","_defineProperty","dynamicClassName","_inherits","_createClass","value","render","_this$props","children","_this$props$className","className","state","getDerivedStateFromProps","_CSSinJS$cache","_CSSinJS","cleanCss","css","cache","call"],"sources":["../../../src/utils/enhances/WithCSS.tsx"],"sourcesContent":["import type { NanoOptions } from '@phytonmk/nano-css';\nimport type { CssLikeObject } from '@phytonmk/nano-css/types/common';\nimport React, { PureComponent } from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport createHoc from '../createHoc';\nimport CSSinJS from '../CSSinJS';\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":";;;;;AAEA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAG5C,OAAOC,SAAS,MAAM,kBAAc;AACpC,OAAOC,OAAO,MAAM,gBAAY;AAEhC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA;EAAA,OAASD,OAAO,CAAC,CAAC,CAACE,GAAG;AAAA;;AAEzC;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CAACC,GAAkB,EAAE;EACxC,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,MAAM,CAAC,UAACC,GAAQ,EAAEC,GAAG,EAAK;IAChD,IAAMC,MAAM,GAAGF,GAAG;IAClB,IAAIJ,GAAG,CAACK,GAAG,CAAC,KAAKE,SAAS,EAAE;MAC1BD,MAAM,CAACD,GAAG,CAAC,GAAGL,GAAG,CAACK,GAAG,CAAC;IACxB;IACA,OAAOC,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC;AACR;AAEA,IAAME,cAAc,gBAAGf,KAAK,CAACgB,aAAa,CAAc,CAAC,CAAC,CAAC;AAC3D,IAAQC,QAAQ,GAAKF,cAAc,CAA3BE,QAAQ;AAEhB,SAASC,WAAWA,CAAA,EAA4B;EAAA,IAA3BC,OAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAN,SAAA,GAAAM,SAAA,MAAG,CAAC,CAAC;EAC5C,OAAOjB,OAAO,CAACgB,OAAO,CAAC;AACzB;;AAEA;AAAA,IASMG,eAAe,0BAAAC,cAAA;EAkBnB,SAAAD,gBAAYE,KAAU,EAAEC,OAAY,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAL,eAAA;IACpCI,KAAA,GAAAE,UAAA,OAAAN,eAAA,GAAME,KAAK,EAAEC,OAAO;IAAEI,eAAA,CAAAH,KAAA,WAZhB;MACNI,gBAAgB,EAAE;IACpB,CAAC;IAYCZ,WAAW,CAACO,OAAO,CAAC;IAAC,OAAAC,KAAA;EACvB;EAACK,SAAA,CAAAT,eAAA,EAAAC,cAAA;EAAA,OAAAS,YAAA,CAAAV,eAAA;IAAAV,GAAA;IAAAqB,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAqC,IAAI,CAACX,KAAK;QAAvCY,QAAQ,GAAAD,WAAA,CAARC,QAAQ;QAAAC,qBAAA,GAAAF,WAAA,CAAEG,SAAS;QAATA,SAAS,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;MAChC,IAAQP,gBAAgB,GAAK,IAAI,CAACS,KAAK,CAA/BT,gBAAgB;MACxB,OAAOM,QAAQ,CAAC;QACdE,SAAS,EAAEA,SAAS,GAAGR,gBAAgB,IAAIhB;MAC7C,CAAC,CAAC;IACJ;EAAC;IAAAF,GAAA;IAAAqB,KAAA,EAnBD,SAAOO,wBAAwBA,CAAChB,KAAU,EAAE;MAAA,IAAAiB,cAAA,EAAAC,QAAA;MAC1C,IAAMC,QAAQ,GAAGrC,YAAY,CAACkB,KAAK,CAACoB,GAAG,CAAC;MACxC,OAAO;QACLd,gBAAgB,EAAEtB,MAAM,CAACC,IAAI,CAACkC,QAAQ,CAAC,CAACtB,MAAM,IAAAoB,cAAA,GAAG,CAAAC,QAAA,GAAAvC,OAAO,CAAC,CAAC,EAAC0C,KAAK,cAAAJ,cAAA,uBAAfA,cAAA,CAAAK,IAAA,CAAAJ,QAAA,EAAkBC,QAAQ,CAAC,GAAG;MACjF,CAAC;IACH;EAAC;AAAA,EAhB2B1C,aAAa;AAAA4B,eAAA,CAArCP,eAAe,iBACEP,cAAc;AAAAc,eAAA,CAD/BP,eAAe,kBAGG;EACpBsB,GAAG,EAAE,CAAC;AACR,CAAC;AA4BH,SAASxC,aAAa,EAAEkB,eAAe,EAAEL,QAAQ,EAAEF,cAAc,EAAEG,WAAW,EAAEZ,YAAY;AAC5F,eAAeJ,SAAS,CAACoB,eAAe,CAAC","ignoreList":[]}

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { Component } from 'react';
+import type { UnknownProperties } from '../../core-types/UnknownProperties';
 export type LocaleKeys = string;
 export type DictionaryItem = {
     [key: string]: string;
@@ -8,7 +9,35 @@ export type Dictionary = {
 };
 export declare const Context: React.Context<string | undefined>;
 declare const I18nProvider: React.Provider<string | undefined>, I18nConsumer: React.Consumer<string | undefined>;
+declare function getText(dictionaries: Dictionary, locale: LocaleKeys): (key: keyof DictionaryItem) => any;
+/** @deprecated */
+export interface IWithI18nInjectedProps extends WithI18nInjectedProps, UnknownProperties {
+}
+export type WithI18nInjectedProps = {
+    getText: WithI18n['getText'];
+};
+/** @deprecated */
+export interface IWithI18nProps extends WithI18nProps, UnknownProperties {
+}
+export type WithI18nProps = WithI18nInjectedProps & {
+    locale?: LocaleKeys;
+    children?(props: IWithI18nInjectedProps): React.ReactNode;
+};
+/**
+ * @deprecated use `useI18n` instead
+ */
+declare class WithI18n extends Component<IWithI18nProps> {
+    context: LocaleKeys;
+    static contextType: React.Context<string | undefined>;
+    static defaultProps: {
+        getText: typeof getText;
+    };
+    getText: (dictionary: Dictionary, selfLocale?: string) => string;
+    render(): any;
+}
 declare const useI18n: (dictionary: Dictionary, locale?: LocaleKeys, fallbackDictionary?: Dictionary) => (messageId: string, variables?: {
     [key: string]: string | number | undefined;
 }) => string;
+declare const _default: (options?: {}) => (WrappedComponent: React.ComponentType) => React.ComponentClass;
+export default _default;
 export { useI18n, I18nProvider, I18nConsumer };

package/lib/utils/enhances/WithI18n.js

@@ -1,17 +1,72 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useI18n = exports.I18nProvider = exports.I18nConsumer = exports.Context = void 0;
+exports.useI18n = exports["default"] = exports.I18nProvider = exports.I18nConsumer = exports.Context = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _intl = require("@formatjs/intl");
 var _react = _interopRequireWildcard(require("react"));
+var _createHoc = _interopRequireDefault(require("../createHoc"));
 var _i18nEnhance = require("./i18nEnhance");
 var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(undefined);
 var I18nProvider = exports.I18nProvider = Context.Provider,
   I18nConsumer = exports.I18nConsumer = Context.Consumer;
 var messagesCache = (0, _intl.createIntlCache)();
+function getText(dictionaries, locale) {
+  return function (key) {
+    var dictionary = dictionaries[locale];
+    return dictionary ? dictionary[key] : dictionaries['en'][key];
+  };
+}
+
+/** @deprecated */
+
+/** @deprecated */
+/**
+ * @deprecated use `useI18n` instead
+ */
+var WithI18n = /*#__PURE__*/function (_Component) {
+  function WithI18n() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, WithI18n);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, WithI18n, [].concat(args));
+    /* @ts-ignore */
+    (0, _defineProperty2["default"])(_this, "context", void 0);
+    (0, _defineProperty2["default"])(_this, "getText", function (dictionary, selfLocale) {
+      var _this$props = _this.props,
+        locale = _this$props.locale,
+        getText = _this$props.getText;
+      var contextLocale = _this.context;
+      return getText(dictionary, selfLocale || locale || contextLocale);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(WithI18n, _Component);
+  return (0, _createClass2["default"])(WithI18n, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props,
+        children = _ref.children;
+      return children({
+        getText: this.getText
+      });
+    }
+  }]);
+}(_react.Component);
+(0, _defineProperty2["default"])(WithI18n, "contextType", Context);
+(0, _defineProperty2["default"])(WithI18n, "defaultProps", {
+  getText: getText
+});
 var useI18n = exports.useI18n = function useI18n(dictionary) {
   var _React$useContext;
   var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
@@ -30,4 +85,5 @@ var useI18n = exports.useI18n = function useI18n(dictionary) {
     }, variables);
   }, [intl]);
 };
+var _default = exports["default"] = (0, _createHoc["default"])(WithI18n);
 //# sourceMappingURL=WithI18n.js.map