@webiny/ui 5.40.0-beta.2 → 5.40.0-beta.4

package/Chips/Chips.js

@@ -12,15 +12,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _chip = require("@rmwc/chip");
 var _styles = require("./styles");
 var _excluded = ["children", "className", "disabled"];
-var Chips = function Chips(props) {
+var Chips = exports.Chips = function Chips(props) {
   var children = props.children,
     className = props.className,
     disabled = props.disabled,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_chip.ChipSet, Object.assign({}, rest, {
-    className: (0, _classnames.default)(className, _styles.chipIconWrapper, (0, _defineProperty2.default)({}, _styles.disabledChips, disabled))
-  }), children));
+  return /*#__PURE__*/_react.default.createElement(_chip.ChipSet, Object.assign({}, rest, {
+    className: (0, _classnames.default)("mdc-evolution-chip-set", className, _styles.chipIconWrapper, (0, _defineProperty2.default)({}, _styles.disabledChips, disabled))
+  }), children);
 };
-exports.Chips = Chips;
 
 //# sourceMappingURL=Chips.js.map

package/Chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_chip","_styles","_excluded","Chips","props","children","className","disabled","rest","_objectWithoutProperties2","default","createElement","Fragment","ChipSet","Object","assign","classNames","chipIconWrapper","_defineProperty2","disabledChips","exports"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\nexport const Chips = (props: ChipsProps) => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <React.Fragment>\n            <ChipSet\n                {...rest}\n                className={classNames(className, chipIconWrapper, {\n                    [disabledChips]: disabled\n                })}\n            >\n                {children}\n            </ChipSet>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA0D,IAAAI,SAAA;AAwBnD,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAiB,EAAK;EACxC,IAAQC,QAAQ,GAAmCD,KAAK,CAAhDC,QAAQ;IAAEC,SAAS,GAAwBF,KAAK,CAAtCE,SAAS;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAF,SAAA;EAExD,oBACIN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAc,OAAK,CAACE,QAAQ,qBACXhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAa,OAAO,EAAAC,MAAA,CAAAC,MAAA,KACAP,IAAI;IACRF,SAAS,EAAE,IAAAU,mBAAU,EAACV,SAAS,EAAEW,uBAAe,MAAAC,gBAAA,CAAAR,OAAA,MAC3CS,qBAAa,EAAGZ,QAAQ,CAC5B;EAAE,IAEFF,QACI,CACG,CAAC;AAEzB,CAAC;AAACe,OAAA,CAAAjB,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_chip","_styles","_excluded","Chips","exports","props","children","className","disabled","rest","_objectWithoutProperties2","default","createElement","ChipSet","Object","assign","classNames","chipIconWrapper","_defineProperty2","disabledChips"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\nexport const Chips = (props: ChipsProps) => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <ChipSet\n            {...rest}\n            className={classNames(\"mdc-evolution-chip-set\", className, chipIconWrapper, {\n                [disabledChips]: disabled\n            })}\n        >\n            {children}\n        </ChipSet>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA0D,IAAAI,SAAA;AAwBnD,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAIE,KAAiB,EAAK;EACxC,IAAQC,QAAQ,GAAmCD,KAAK,CAAhDC,QAAQ;IAAEC,SAAS,GAAwBF,KAAK,CAAtCE,SAAS;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAH,SAAA;EAExD,oBACIN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,OAAO,EAAAC,MAAA,CAAAC,MAAA,KACAN,IAAI;IACRF,SAAS,EAAE,IAAAS,mBAAU,EAAC,wBAAwB,EAAET,SAAS,EAAEU,uBAAe,MAAAC,gBAAA,CAAAP,OAAA,MACrEQ,qBAAa,EAAGX,QAAQ,CAC5B;EAAE,IAEFF,QACI,CAAC;AAElB,CAAC","ignoreList":[]}

package/Chips/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Chips","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Chip"],"sources":["index.ts"],"sourcesContent":["export * from \"./Chips\";\nexport * from \"./Chip\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Chips","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Chip"],"sources":["index.ts"],"sourcesContent":["export * from \"./Chips\";\nexport * from \"./Chip\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/Chips/styles.js

@@ -5,25 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.disabledChips = exports.chipIconWrapper = void 0;
 var _emotion = require("emotion");
-var chipIconWrapper = /*#__PURE__*/(0, _emotion.css)({
-  ".mdc-chip__icon": {
-    "&.mdc-chip__icon--trailing": {
-      boxSizing: "border-box",
-      display: "flex",
-      marginLeft: "4px",
-      marginRight: "0px"
-    },
-    svg: {
-      width: 18,
-      height: 18
+var chipIconWrapper = exports.chipIconWrapper = (0, _emotion.css)({
+  ".mdc-evolution-chip__text-label": {
+    display: "flex",
+    alignItems: "center",
+    ".mdc-chip__icon": {
+      svg: {
+        width: 18,
+        height: 18
+      }
     }
   }
-}, "label:chipIconWrapper;");
-exports.chipIconWrapper = chipIconWrapper;
-var disabledChips = /*#__PURE__*/(0, _emotion.css)({
+});
+var disabledChips = exports.disabledChips = (0, _emotion.css)({
   opacity: 0.75,
   pointerEvents: "none"
-}, "label:disabledChips;");
-exports.disabledChips = disabledChips;
+});
 
 //# sourceMappingURL=styles.js.map

package/Chips/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","chipIconWrapper","css","boxSizing","display","marginLeft","marginRight","svg","width","height","exports","disabledChips","opacity","pointerEvents"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-chip__icon\": {\n        \"&.mdc-chip__icon--trailing\": {\n            boxSizing: \"border-box\",\n            display: \"flex\",\n            marginLeft: \"4px\",\n            marginRight: \"0px\"\n        },\n        svg: {\n            width: 18,\n            height: 18\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,eAAe,gBAAG,IAAAC,YAAG,EAAC;EAC/B,iBAAiB,EAAE;IACf,4BAA4B,EAAE;MAC1BC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,KAAK;MACjBC,WAAW,EAAE;IACjB,CAAC;IACDC,GAAG,EAAE;MACDC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACZ;EACJ;AACJ,CAAC,2BAAC;AAACC,OAAA,CAAAT,eAAA,GAAAA,eAAA;AAEI,IAAMU,aAAa,gBAAG,IAAAT,YAAG,EAAC;EAC7BU,OAAO,EAAE,IAAI;EACbC,aAAa,EAAE;AACnB,CAAC,yBAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_emotion","require","chipIconWrapper","exports","css","display","alignItems","svg","width","height","disabledChips","opacity","pointerEvents"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-evolution-chip__text-label\": {\n        display: \"flex\",\n        alignItems: \"center\",\n        \".mdc-chip__icon\": {\n            svg: {\n                width: 18,\n                height: 18\n            }\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,YAAG,EAAC;EAC/B,iCAAiC,EAAE;IAC/BC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpB,iBAAiB,EAAE;MACfC,GAAG,EAAE;QACDC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACZ;IACJ;EACJ;AACJ,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,IAAAN,YAAG,EAAC;EAC7BO,OAAO,EAAE,IAAI;EACbC,aAAa,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}

package/CodeEditor/CodeEditor.d.ts

@@ -17,6 +17,6 @@ interface Props extends FormComponentProps {
  */
 declare class CodeEditor extends React.Component<Props> {
     onChange: (value: string) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { CodeEditor };

package/CodeEditor/CodeEditor.js

@@ -8,9 +8,8 @@ exports.CodeEditor = void 0;
 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
@@ -29,30 +28,29 @@ var _excluded = ["value", "description", "validation", "theme"]; // Modes
  * Controls the helper text below the checkbox.
  * @type {string}
  */
-var webinyCheckboxHelperText = /*#__PURE__*/(0, _emotion.css)({}, {
+var webinyCheckboxHelperText = (0, _emotion.css)({}, {
   "&.mdc-text-field-helper-text": {
     paddingTop: 5
   }
-}, "label:webinyCheckboxHelperText;");
+});
 /**
  * CodeEditor component can be used to store simple boolean values.
  */
-var CodeEditor = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(CodeEditor, _React$Component);
-  var _super = (0, _createSuper2.default)(CodeEditor);
+var CodeEditor = exports.CodeEditor = /*#__PURE__*/function (_React$Component) {
   function CodeEditor() {
     var _this;
     (0, _classCallCheck2.default)(this, CodeEditor);
     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), "onChange", function (value) {
+    _this = (0, _callSuper2.default)(this, CodeEditor, [].concat(args));
+    (0, _defineProperty2.default)(_this, "onChange", function (value) {
       _this.props.onChange && _this.props.onChange(value);
     });
     return _this;
   }
-  (0, _createClass2.default)(CodeEditor, [{
+  (0, _inherits2.default)(CodeEditor, _React$Component);
+  return (0, _createClass2.default)(CodeEditor, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -83,8 +81,6 @@ var CodeEditor = /*#__PURE__*/function (_React$Component) {
       }, description));
     }
   }]);
-  return CodeEditor;
 }(_react.default.Component);
-exports.CodeEditor = CodeEditor;
 
 //# sourceMappingURL=CodeEditor.js.map

package/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_reactAce","_FormElementMessage","_excluded","webinyCheckboxHelperText","css","paddingTop","CodeEditor","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","props","onChange","_createClass2","key","render","_this$props","description","validation","_this$props$theme","theme","rest","_objectWithoutProperties2","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","String","width","className","editorProps","$blockScrolling","Infinity","FormElementMessage","error","React","Component","exports"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\n// Modes\nimport \"brace/mode/html\";\nimport \"brace/mode/json\";\n// Extensions\nimport \"brace/ext/searchbox\";\n// Themes\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\nimport \"brace/theme/chrome\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxHelperText = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingTop: 5\n        }\n    }\n);\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    readOnly?: boolean;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * CodeEditor component can be used to store simple boolean values.\n */\nclass CodeEditor extends React.Component<Props> {\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    public override render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AceEditor\n                    value={value ? String(value) : \"\"}\n                    theme={theme}\n                    onChange={this.onChange}\n                    {...rest}\n                    width=\"100%\"\n                    className={\"mdc-text-field\"}\n                    editorProps={{\n                        $blockScrolling: Infinity // Suppresses scrolling warning in console.\n                    }}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validationMessage}\n                    </FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_reactAce","_FormElementMessage","_excluded","webinyCheckboxHelperText","css","paddingTop","CodeEditor","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","value","props","onChange","_inherits2","_createClass2","key","render","_this$props","description","validation","_this$props$theme","theme","rest","_objectWithoutProperties2","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","String","width","className","editorProps","$blockScrolling","Infinity","FormElementMessage","error","React","Component"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\n// Modes\nimport \"brace/mode/html\";\nimport \"brace/mode/json\";\n// Extensions\nimport \"brace/ext/searchbox\";\n// Themes\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\nimport \"brace/theme/chrome\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxHelperText = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingTop: 5\n        }\n    }\n);\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    readOnly?: boolean;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * CodeEditor component can be used to store simple boolean values.\n */\nclass CodeEditor extends React.Component<Props> {\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    public override render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AceEditor\n                    value={value ? String(value) : \"\"}\n                    theme={theme}\n                    onChange={this.onChange}\n                    {...rest}\n                    width=\"100%\"\n                    className={\"mdc-text-field\"}\n                    editorProps={{\n                        $blockScrolling: Infinity // Suppresses scrolling warning in console.\n                    }}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validationMessage}\n                    </FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"mappings":"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","ignoreList":[]}

package/CodeEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CodeEditor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeEditor\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_CodeEditor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./CodeEditor\";\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/ColorPicker/ColorPicker.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorResult } from "react-color";
+import { ColorState } from "react-color";
 import { FormComponentProps } from "../types";
 interface ColorPickerState {
     showColorPicker: boolean;
@@ -18,7 +18,7 @@ declare class ColorPicker extends React.Component<ColorPickerProps, ColorPickerS
     };
     handleClick: () => void;
     handleClose: () => void;
-    handleChange: (color: ColorResult) => void;
-    render(): JSX.Element;
+    handleChange: (color: ColorState) => void;
+    render(): React.JSX.Element;
 }
 export { ColorPicker };

package/ColorPicker/ColorPicker.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColorPicker = 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 = _interopRequireDefault(require("react"));
 var _reactColor = require("react-color");
@@ -17,72 +16,71 @@ var _emotion = require("emotion");
 var _FormElementMessage = require("../FormElementMessage");
 var _classnames = _interopRequireDefault(require("classnames"));
 var classes = {
-  label: /*#__PURE__*/(0, _emotion.css)({
+  label: (0, _emotion.css)({
     marginBottom: "10px !important"
-  }, "label:label;"),
-  color: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  color: (0, _emotion.css)({
     width: "36px",
     height: "14px",
     borderRadius: "2px"
-  }, "label:color;"),
-  swatch: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  swatch: (0, _emotion.css)({
     padding: "5px",
     background: "#fff",
     borderRadius: "1px",
     boxShadow: "0 0 0 1px rgba(0,0,0,.1)",
     display: "inline-block",
     cursor: "pointer"
-  }, "label:swatch;"),
+  }),
   // @ts-expect-error
-  popover: /*#__PURE__*/(0, _emotion.css)({
+  popover: (0, _emotion.css)({
     position: "absolute",
     zIndex: "2"
-  }, "label:popover;"),
-  classNames: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  classNames: (0, _emotion.css)({
     position: "fixed",
     top: "0px",
     right: "0px",
     bottom: "0px",
     left: "0px"
-  }, "label:classNames;"),
-  disable: /*#__PURE__*/(0, _emotion.css)({
+  }),
+  disable: (0, _emotion.css)({
     opacity: 0.7,
     pointerEvents: "none"
-  }, "label:disable;")
+  })
 };
 /**
  * Use ColorPicker component to display a list of choices, once the handler is triggered.
  */
-var ColorPicker = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ColorPicker, _React$Component);
-  var _super = (0, _createSuper2.default)(ColorPicker);
+var ColorPicker = exports.ColorPicker = /*#__PURE__*/function (_React$Component) {
   function ColorPicker() {
     var _this;
     (0, _classCallCheck2.default)(this, ColorPicker);
     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), "state", {
+    _this = (0, _callSuper2.default)(this, ColorPicker, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       showColorPicker: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
+    (0, _defineProperty2.default)(_this, "handleClick", function () {
       _this.setState({
         showColorPicker: !_this.state.showColorPicker
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
+    (0, _defineProperty2.default)(_this, "handleClose", function () {
       _this.setState({
         showColorPicker: false
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (color) {
+    (0, _defineProperty2.default)(_this, "handleChange", function (color) {
       var onChange = _this.props.onChange;
       onChange && onChange(color.hex);
     });
     return _this;
   }
-  (0, _createClass2.default)(ColorPicker, [{
+  (0, _inherits2.default)(ColorPicker, _React$Component);
+  return (0, _createClass2.default)(ColorPicker, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -123,8 +121,6 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
       }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
     }
   }]);
-  return ColorPicker;
 }(_react.default.Component);
-exports.ColorPicker = ColorPicker;
 
 //# sourceMappingURL=ColorPicker.js.map

package/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactColor","_emotion","_FormElementMessage","_classnames","classes","label","css","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","classNames","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","showColorPicker","setState","state","onChange","props","hex","_createClass2","key","value","render","_this$props","description","validation","backgroundColorStyle","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","onClick","handleClick","style","handleClose","SketchPicker","handleChange","FormElementMessage","error","React","Component","exports"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { SketchPicker, ColorResult } from \"react-color\";\nimport { css } from \"emotion\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    color: css({\n        width: \"36px\",\n        height: \"14px\",\n        borderRadius: \"2px\"\n    }),\n    swatch: css({\n        padding: \"5px\",\n        background: \"#fff\",\n        borderRadius: \"1px\",\n        boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n        display: \"inline-block\",\n        cursor: \"pointer\"\n    }),\n    // @ts-expect-error\n    popover: css({\n        position: \"absolute\",\n        zIndex: \"2\"\n    }),\n    classNames: css({\n        position: \"fixed\",\n        top: \"0px\",\n        right: \"0px\",\n        bottom: \"0px\",\n        left: \"0px\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface ColorPickerState {\n    showColorPicker: boolean;\n}\n\ninterface ColorPickerProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n}\n\n/**\n * Use ColorPicker component to display a list of choices, once the handler is triggered.\n */\nclass ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\n    public override state = {\n        showColorPicker: false\n    };\n\n    handleClick = () => {\n        this.setState({ showColorPicker: !this.state.showColorPicker });\n    };\n\n    handleClose = () => {\n        this.setState({ showColorPicker: false });\n    };\n\n    handleChange = (color: ColorResult) => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    public override render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = {};\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={classNames({ [classes.disable]: disable })}>\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n\n                <div>\n                    <div className={classes.swatch} onClick={this.handleClick}>\n                        <div className={classes.color} style={backgroundColorStyle} />\n                    </div>\n                    {this.state.showColorPicker ? (\n                        <div className={classes.popover}>\n                            <div className={classes.classNames} onClick={this.handleClose} />\n                            <SketchPicker color={value || \"\"} onChange={this.handleChange} />\n                        </div>\n                    ) : null}\n                </div>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactColor","_emotion","_FormElementMessage","_classnames","classes","label","css","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","classNames","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","showColorPicker","setState","state","onChange","props","hex","_inherits2","_createClass2","key","value","render","_this$props","description","validation","backgroundColorStyle","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","onClick","handleClick","style","handleClose","SketchPicker","handleChange","FormElementMessage","error","React","Component"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { SketchPicker, ColorState } from \"react-color\";\nimport { css } from \"emotion\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    color: css({\n        width: \"36px\",\n        height: \"14px\",\n        borderRadius: \"2px\"\n    }),\n    swatch: css({\n        padding: \"5px\",\n        background: \"#fff\",\n        borderRadius: \"1px\",\n        boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n        display: \"inline-block\",\n        cursor: \"pointer\"\n    }),\n    // @ts-expect-error\n    popover: css({\n        position: \"absolute\",\n        zIndex: \"2\"\n    }),\n    classNames: css({\n        position: \"fixed\",\n        top: \"0px\",\n        right: \"0px\",\n        bottom: \"0px\",\n        left: \"0px\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface ColorPickerState {\n    showColorPicker: boolean;\n}\n\ninterface ColorPickerProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n}\n\n/**\n * Use ColorPicker component to display a list of choices, once the handler is triggered.\n */\nclass ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\n    public override state = {\n        showColorPicker: false\n    };\n\n    handleClick = () => {\n        this.setState({ showColorPicker: !this.state.showColorPicker });\n    };\n\n    handleClose = () => {\n        this.setState({ showColorPicker: false });\n    };\n\n    handleChange = (color: ColorState) => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    public override render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = {};\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={classNames({ [classes.disable]: disable })}>\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n\n                <div>\n                    <div className={classes.swatch} onClick={this.handleClick}>\n                        <div className={classes.color} style={backgroundColorStyle} />\n                    </div>\n                    {this.state.showColorPicker ? (\n                        <div className={classes.popover}>\n                            <div className={classes.classNames} onClick={this.handleClose} />\n                            <SketchPicker color={value || \"\"} onChange={this.handleChange} />\n                        </div>\n                    ) : null}\n                </div>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,OAAO,GAAG;EACZC,KAAK,EAAE,IAAAC,YAAG,EAAC;IACPC,YAAY,EAAE;EAClB,CAAC,CAAC;EACFC,KAAK,EAAE,IAAAF,YAAG,EAAC;IACPG,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,YAAY,EAAE;EAClB,CAAC,CAAC;EACFC,MAAM,EAAE,IAAAN,YAAG,EAAC;IACRO,OAAO,EAAE,KAAK;IACdC,UAAU,EAAE,MAAM;IAClBH,YAAY,EAAE,KAAK;IACnBI,SAAS,EAAE,0BAA0B;IACrCC,OAAO,EAAE,cAAc;IACvBC,MAAM,EAAE;EACZ,CAAC,CAAC;EACF;EACAC,OAAO,EAAE,IAAAZ,YAAG,EAAC;IACTa,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACZ,CAAC,CAAC;EACFC,UAAU,EAAE,IAAAf,YAAG,EAAC;IACZa,QAAQ,EAAE,OAAO;IACjBG,GAAG,EAAE,KAAK;IACVC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,KAAK;IACbC,IAAI,EAAE;EACV,CAAC,CAAC;EACFC,OAAO,EAAE,IAAApB,YAAG,EAAC;IACTqB,OAAO,EAAE,GAAG;IACZC,aAAa,EAAE;EACnB,CAAC;AACL,CAAC;AAiBD;AACA;AACA;AAFA,IAGMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA;EAAA,SAAAF,YAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,WAAA;IAAA,SAAAM,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;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,WAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACW;MACpBY,eAAe,EAAE;IACrB,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,iBAEa,YAAM;MAChBA,KAAA,CAAKa,QAAQ,CAAC;QAAED,eAAe,EAAE,CAACZ,KAAA,CAAKc,KAAK,CAACF;MAAgB,CAAC,CAAC;IACnE,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,iBAEa,YAAM;MAChBA,KAAA,CAAKa,QAAQ,CAAC;QAAED,eAAe,EAAE;MAAM,CAAC,CAAC;IAC7C,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,kBAEc,UAACxB,KAAiB,EAAK;MAClC,IAAQuC,QAAQ,GAAKf,KAAA,CAAKgB,KAAK,CAAvBD,QAAQ;MAChBA,QAAQ,IAAIA,QAAQ,CAACvC,KAAK,CAACyC,GAAG,CAAC;IACnC,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAA,IAAAkB,UAAA,CAAAhB,OAAA,EAAAL,WAAA,EAAAE,gBAAA;EAAA,WAAAoB,aAAA,CAAAjB,OAAA,EAAAL,WAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAA2D,IAAI,CAACP,KAAK;QAA7DK,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEhD,KAAK,GAAAkD,WAAA,CAALlD,KAAK;QAAEqB,OAAO,GAAA6B,WAAA,CAAP7B,OAAO;QAAE8B,WAAW,GAAAD,WAAA,CAAXC,WAAW;QAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;MAEtD,IAAIC,oBAAoB,GAAG,CAAC,CAAC;MAC7B,IAAIL,KAAK,EAAE;QACPK,oBAAoB,GAAG;UACnB5C,UAAU,KAAA4B,MAAA,CAAKW,KAAK;QACxB,CAAC;MACL;MAEA,IAAAM,IAAA,GAAmEF,UAAU,IAAI,CAAC,CAAC;QAAlEG,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACIlE,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QAAKC,SAAS,EAAE,IAAA5C,mBAAU,MAAAsB,gBAAA,CAAAT,OAAA,MAAI9B,OAAO,CAACsB,OAAO,EAAGA,OAAO,CAAE;MAAE,GACtDrB,KAAK,iBACFR,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QACIC,SAAS,EAAE,IAAA5C,mBAAU,EACjB,mEAAmE,EACnEjB,OAAO,CAACC,KACZ;MAAE,GAEDA,KACA,CACR,eAEDR,MAAA,CAAAqC,OAAA,CAAA8B,aAAA,2BACInE,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QAAKC,SAAS,EAAE7D,OAAO,CAACQ,MAAO;QAACsD,OAAO,EAAE,IAAI,CAACC;MAAY,gBACtDtE,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QAAKC,SAAS,EAAE7D,OAAO,CAACI,KAAM;QAAC4D,KAAK,EAAEV;MAAqB,CAAE,CAC5D,CAAC,EACL,IAAI,CAACZ,KAAK,CAACF,eAAe,gBACvB/C,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QAAKC,SAAS,EAAE7D,OAAO,CAACc;MAAQ,gBAC5BrB,MAAA,CAAAqC,OAAA,CAAA8B,aAAA;QAAKC,SAAS,EAAE7D,OAAO,CAACiB,UAAW;QAAC6C,OAAO,EAAE,IAAI,CAACG;MAAY,CAAE,CAAC,eACjExE,MAAA,CAAAqC,OAAA,CAAA8B,aAAA,CAAChE,WAAA,CAAAsE,YAAY;QAAC9D,KAAK,EAAE6C,KAAK,IAAI,EAAG;QAACN,QAAQ,EAAE,IAAI,CAACwB;MAAa,CAAE,CAC/D,CAAC,GACN,IACH,CAAC,EAELX,iBAAiB,KAAK,KAAK,iBACxB/D,MAAA,CAAAqC,OAAA,CAAA8B,aAAA,CAAC9D,mBAAA,CAAAsE,kBAAkB;QAACC,KAAK;MAAA,GAAEX,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvC3D,MAAA,CAAAqC,OAAA,CAAA8B,aAAA,CAAC9D,mBAAA,CAAAsE,kBAAkB,QAAEhB,WAAgC,CAExD,CAAC;IAEd;EAAC;AAAA,EAhEqBkB,cAAK,CAACC,SAAS","ignoreList":[]}

package/ColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ColorPicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./ColorPicker\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ColorPicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./ColorPicker\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -26,7 +26,7 @@ declare class ConfirmationDialog extends React.Component<Props, ConfirmationDial
     static defaultProps: {
         title: string;
         message: string;
-        loading: JSX.Element;
+        loading: React.JSX.Element;
     };
     __isMounted: boolean;
     callbacks: ConfirmationCallbacks;
@@ -40,6 +40,6 @@ declare class ConfirmationDialog extends React.Component<Props, ConfirmationDial
     private readonly hideConfirmation;
     private readonly onAccept;
     private readonly onCancel;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { ConfirmationDialog };

package/ConfirmationDialog/ConfirmationDialog.js

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ConfirmationDialog = 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 = _interopRequireDefault(require("react"));
 var _Dialog = require("./../Dialog");
@@ -18,18 +17,16 @@ var _Button = require("../Button");
 /**
  * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.
  */
-var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
-  var _super = (0, _createSuper2.default)(ConfirmationDialog);
+var ConfirmationDialog = exports.ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
   function ConfirmationDialog() {
     var _this;
     (0, _classCallCheck2.default)(this, ConfirmationDialog);
     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), "__isMounted", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callbacks", {
+    _this = (0, _callSuper2.default)(this, ConfirmationDialog, [].concat(args));
+    (0, _defineProperty2.default)(_this, "__isMounted", false);
+    (0, _defineProperty2.default)(_this, "callbacks", {
       onAccept: function onAccept() {
         return void 0;
       },
@@ -37,11 +34,11 @@ var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
         return void 0;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    (0, _defineProperty2.default)(_this, "state", {
       show: false,
       loading: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showConfirmation", function (onAccept, onCancel) {
+    (0, _defineProperty2.default)(_this, "showConfirmation", function (onAccept, onCancel) {
       _this.callbacks = {
         onAccept: onAccept,
         onCancel: onCancel
@@ -50,12 +47,12 @@ var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
         show: true
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideConfirmation", function () {
+    (0, _defineProperty2.default)(_this, "hideConfirmation", function () {
       _this.setState({
         show: false
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onAccept", async function () {
+    (0, _defineProperty2.default)(_this, "onAccept", async function () {
       var onAccept = _this.callbacks.onAccept;
       if (typeof onAccept === "function") {
         _this.setState({
@@ -70,7 +67,7 @@ var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCancel", async function () {
+    (0, _defineProperty2.default)(_this, "onCancel", async function () {
       var onCancel = _this.callbacks.onCancel;
       if (typeof onCancel === "function") {
         await onCancel();
@@ -78,7 +75,8 @@ var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(ConfirmationDialog, [{
+  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
+  return (0, _createClass2.default)(ConfirmationDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.__isMounted = true;
@@ -107,9 +105,7 @@ var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return ConfirmationDialog;
 }(_react.default.Component);
-exports.ConfirmationDialog = ConfirmationDialog;
 (0, _defineProperty2.default)(ConfirmationDialog, "defaultProps", {
   title: "Confirmation",
   message: "Are you sure you want to continue?",

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Dialog","_Progress","_Button","ConfirmationDialog","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","_createClass2","key","value","componentDidMount","componentWillUnmount","render","createElement","Fragment","Dialog","style","props","open","state","onClose","hideConfirmation","DialogTitle","title","DialogContent","message","DialogActions","DialogCancel","onClick","ButtonPrimary","disabled","disableConfirm","children","showConfirmation","React","Component","exports","CircularProgress"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\nimport { ButtonPrimary } from \"~/Button\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: () => void, onCancel?: () => void) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface Props {\n    // Title of confirmation dialog\n    title?: React.ReactNode;\n\n    // Message of confirmation dialog\n    message?: React.ReactNode;\n\n    // This element will be rendered during loading\n    loading?: React.ReactNode;\n\n    // For testing purposes\n    \"data-testid\"?: string;\n\n    // An element that will trigger the confirmation dialog.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n\n    // Is `Confirm` button disabled\n    disableConfirm?: boolean;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\ninterface ConfirmationDialogState {\n    show: boolean;\n    loading: boolean;\n}\n\n/**\n * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.\n */\nclass ConfirmationDialog extends React.Component<Props, ConfirmationDialogState> {\n    static defaultProps = {\n        title: \"Confirmation\",\n        message: \"Are you sure you want to continue?\",\n        loading: <CircularProgress />\n    };\n\n    __isMounted = false;\n\n    callbacks: ConfirmationCallbacks = {\n        onAccept: () => {\n            return void 0;\n        },\n        onCancel: () => {\n            return void 0;\n        }\n    };\n\n    public override state = {\n        show: false,\n        loading: false\n    };\n\n    public override componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    public override componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    private readonly showConfirmation = (onAccept?: () => void, onCancel?: () => void) => {\n        this.callbacks = {\n            onAccept,\n            onCancel\n        };\n        this.setState({ show: true });\n    };\n\n    private readonly hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    private readonly onAccept = async () => {\n        const { onAccept } = this.callbacks;\n        if (typeof onAccept === \"function\") {\n            this.setState({ loading: true });\n            await onAccept();\n            if (this.__isMounted) {\n                this.setState({ loading: false, show: false });\n            }\n        }\n    };\n\n    private readonly onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Dialog\n                    style={this.props.style}\n                    open={this.state.show}\n                    onClose={this.hideConfirmation}\n                    data-testid={this.props[\"data-testid\"]}\n                >\n                    {this.state.loading ? this.props.loading : null}\n                    <DialogTitle>{this.props.title}</DialogTitle>\n                    <DialogContent>{this.props.message}</DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={this.onCancel}>Cancel</DialogCancel>\n                        <ButtonPrimary\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </ButtonPrimary>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Dialog","_Progress","_Button","ConfirmationDialog","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","_inherits2","_createClass2","key","value","componentDidMount","componentWillUnmount","render","createElement","Fragment","Dialog","style","props","open","state","onClose","hideConfirmation","DialogTitle","title","DialogContent","message","DialogActions","DialogCancel","onClick","ButtonPrimary","disabled","disableConfirm","children","showConfirmation","React","Component","CircularProgress"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\nimport { ButtonPrimary } from \"~/Button\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: () => void, onCancel?: () => void) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface Props {\n    // Title of confirmation dialog\n    title?: React.ReactNode;\n\n    // Message of confirmation dialog\n    message?: React.ReactNode;\n\n    // This element will be rendered during loading\n    loading?: React.ReactNode;\n\n    // For testing purposes\n    \"data-testid\"?: string;\n\n    // An element that will trigger the confirmation dialog.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n\n    // Is `Confirm` button disabled\n    disableConfirm?: boolean;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\ninterface ConfirmationDialogState {\n    show: boolean;\n    loading: boolean;\n}\n\n/**\n * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.\n */\nclass ConfirmationDialog extends React.Component<Props, ConfirmationDialogState> {\n    static defaultProps = {\n        title: \"Confirmation\",\n        message: \"Are you sure you want to continue?\",\n        loading: <CircularProgress />\n    };\n\n    __isMounted = false;\n\n    callbacks: ConfirmationCallbacks = {\n        onAccept: () => {\n            return void 0;\n        },\n        onCancel: () => {\n            return void 0;\n        }\n    };\n\n    public override state = {\n        show: false,\n        loading: false\n    };\n\n    public override componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    public override componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    private readonly showConfirmation = (onAccept?: () => void, onCancel?: () => void) => {\n        this.callbacks = {\n            onAccept,\n            onCancel\n        };\n        this.setState({ show: true });\n    };\n\n    private readonly hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    private readonly onAccept = async () => {\n        const { onAccept } = this.callbacks;\n        if (typeof onAccept === \"function\") {\n            this.setState({ loading: true });\n            await onAccept();\n            if (this.__isMounted) {\n                this.setState({ loading: false, show: false });\n            }\n        }\n    };\n\n    private readonly onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Dialog\n                    style={this.props.style}\n                    open={this.state.show}\n                    onClose={this.hideConfirmation}\n                    data-testid={this.props[\"data-testid\"]}\n                >\n                    {this.state.loading ? this.props.loading : null}\n                    <DialogTitle>{this.props.title}</DialogTitle>\n                    <DialogContent>{this.props.message}</DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={this.onCancel}>Cancel</DialogCancel>\n                        <ButtonPrimary\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </ButtonPrimary>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAuCA;AACA;AACA;AAFA,IAGMI,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,gBAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,kBAAA;IAAA,SAAAM,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;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,kBAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,iBAON,KAAK;IAAA,IAAAW,gBAAA,CAAAT,OAAA,EAAAF,KAAA,eAEgB;MAC/BY,QAAQ,EAAE,SAAAA,SAAA,EAAM;QACZ,OAAO,KAAK,CAAC;MACjB,CAAC;MACDC,QAAQ,EAAE,SAAAA,SAAA,EAAM;QACZ,OAAO,KAAK,CAAC;MACjB;IACJ,CAAC;IAAA,IAAAF,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WAEuB;MACpBc,IAAI,EAAE,KAAK;MACXC,OAAO,EAAE;IACb,CAAC;IAAA,IAAAJ,gBAAA,CAAAT,OAAA,EAAAF,KAAA,sBAUmC,UAACY,QAAqB,EAAEC,QAAqB,EAAK;MAClFb,KAAA,CAAKgB,SAAS,GAAG;QACbJ,QAAQ,EAARA,QAAQ;QACRC,QAAQ,EAARA;MACJ,CAAC;MACDb,KAAA,CAAKiB,QAAQ,CAAC;QAAEH,IAAI,EAAE;MAAK,CAAC,CAAC;IACjC,CAAC;IAAA,IAAAH,gBAAA,CAAAT,OAAA,EAAAF,KAAA,sBAEmC,YAAM;MACtCA,KAAA,CAAKiB,QAAQ,CAAC;QAAEH,IAAI,EAAE;MAAM,CAAC,CAAC;IAClC,CAAC;IAAA,IAAAH,gBAAA,CAAAT,OAAA,EAAAF,KAAA,cAE2B,kBAAY;MACpC,IAAQY,QAAQ,GAAKZ,KAAA,CAAKgB,SAAS,CAA3BJ,QAAQ;MAChB,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAChCZ,KAAA,CAAKiB,QAAQ,CAAC;UAAEF,OAAO,EAAE;QAAK,CAAC,CAAC;QAChC,MAAMH,QAAQ,CAAC,CAAC;QAChB,IAAIZ,KAAA,CAAKkB,WAAW,EAAE;UAClBlB,KAAA,CAAKiB,QAAQ,CAAC;YAAEF,OAAO,EAAE,KAAK;YAAED,IAAI,EAAE;UAAM,CAAC,CAAC;QAClD;MACJ;IACJ,CAAC;IAAA,IAAAH,gBAAA,CAAAT,OAAA,EAAAF,KAAA,cAE2B,kBAAY;MACpC,IAAQa,QAAQ,GAAKb,KAAA,CAAKgB,SAAS,CAA3BH,QAAQ;MAChB,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAChC,MAAMA,QAAQ,CAAC,CAAC;MACpB;IACJ,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAmB,UAAA,CAAAjB,OAAA,EAAAL,kBAAA,EAAAE,gBAAA;EAAA,WAAAqB,aAAA,CAAAlB,OAAA,EAAAL,kBAAA;IAAAwB,GAAA;IAAAC,KAAA,EApCD,SAAAC,kBAAA,EAAoC;MAChC,IAAI,CAACL,WAAW,GAAG,IAAI;IAC3B;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAED,SAAAE,qBAAA,EAAuC;MACnC,IAAI,CAACN,WAAW,GAAG,KAAK;IAC5B;EAAC;IAAAG,GAAA;IAAAC,KAAA,EAgCD,SAAAG,OAAA,EAAyB;MACrB,oBACIlC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAACnC,MAAA,CAAAW,OAAK,CAACyB,QAAQ,qBACXpC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,OAAA,CAAAkC,MAAM;QACHC,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAM;QACxBE,IAAI,EAAE,IAAI,CAACC,KAAK,CAAClB,IAAK;QACtBmB,OAAO,EAAE,IAAI,CAACC,gBAAiB;QAC/B,eAAa,IAAI,CAACJ,KAAK,CAAC,aAAa;MAAE,GAEtC,IAAI,CAACE,KAAK,CAACjB,OAAO,GAAG,IAAI,CAACe,KAAK,CAACf,OAAO,GAAG,IAAI,eAC/CxB,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,OAAA,CAAAyC,WAAW,QAAE,IAAI,CAACL,KAAK,CAACM,KAAmB,CAAC,eAC7C7C,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,OAAA,CAAA2C,aAAa,QAAE,IAAI,CAACP,KAAK,CAACQ,OAAuB,CAAC,eACnD/C,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,OAAA,CAAA6C,aAAa,qBACVhD,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,OAAA,CAAA8C,YAAY;QAACC,OAAO,EAAE,IAAI,CAAC5B;MAAS,GAAC,QAAoB,CAAC,eAC3DtB,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAC9B,OAAA,CAAA8C,aAAa;QACV,eAAY,mCAAmC;QAC/CD,OAAO,EAAE,IAAI,CAAC7B,QAAS;QACvB+B,QAAQ,EAAE,IAAI,CAACb,KAAK,CAACc;MAAe,GACvC,SAEc,CACJ,CACX,CAAC,EACR,IAAI,CAACd,KAAK,CAACe,QAAQ,CAAC;QACjBC,gBAAgB,EAAE,IAAI,CAACA;MAC3B,CAAC,CACW,CAAC;IAEzB;EAAC;AAAA,EAzF4BC,cAAK,CAACC,SAAS;AAAA,IAAArC,gBAAA,CAAAT,OAAA,EAA1CL,kBAAkB,kBACE;EAClBuC,KAAK,EAAE,cAAc;EACrBE,OAAO,EAAE,oCAAoC;EAC7CvB,OAAO,eAAExB,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAC/B,SAAA,CAAAsD,gBAAgB,MAAE;AAChC,CAAC","ignoreList":[]}

package/ConfirmationDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_withConfirmation"],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ConfirmationDialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_withConfirmation"],"sources":["index.ts"],"sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/ConfirmationDialog/withConfirmation.d.ts

@@ -7,5 +7,5 @@ declare type WithConfirmationParams = (props: Record<string, any>) => Confirmati
 export declare type WithConfirmationProps = {
     showConfirmation: (confirm: () => void, cancel: () => void) => void;
 };
-export declare const withConfirmation: (dialogProps: WithConfirmationParams) => (Component: typeof React.Component) => (ownProps: Record<string, any>) => JSX.Element;
+export declare const withConfirmation: (dialogProps: WithConfirmationParams) => (Component: typeof React.Component) => (ownProps: Record<string, any>) => React.JSX.Element;
 export {};

package/ConfirmationDialog/withConfirmation.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.withConfirmation = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ConfirmationDialog = require("./ConfirmationDialog");
-var withConfirmation = function withConfirmation(dialogProps) {
+var withConfirmation = exports.withConfirmation = function withConfirmation(dialogProps) {
   return function (Component) {
     return function withConfirmationRender(ownProps) {
       var props = typeof dialogProps === "function" ? dialogProps(ownProps) : dialogProps;
@@ -20,6 +20,5 @@ var withConfirmation = function withConfirmation(dialogProps) {
     };
   };
 };
-exports.withConfirmation = withConfirmation;
 
 //# sourceMappingURL=withConfirmation.js.map

package/ConfirmationDialog/withConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ConfirmationDialog","withConfirmation","dialogProps","Component","withConfirmationRender","ownProps","props","default","createElement","ConfirmationDialog","_ref","showConfirmation","Object","assign","exports"],"sources":["withConfirmation.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\ntype ConfirmationProps = {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n};\n\ntype WithConfirmationParams = (props: Record<string, any>) => ConfirmationProps;\n\nexport type WithConfirmationProps = {\n    showConfirmation: (confirm: () => void, cancel: () => void) => void;\n};\n\nexport const withConfirmation = (dialogProps: WithConfirmationParams) => {\n    return (Component: typeof React.Component) => {\n        return function withConfirmationRender(ownProps: Record<string, any>) {\n            const props = typeof dialogProps === \"function\" ? dialogProps(ownProps) : dialogProps;\n            return (\n                <ConfirmationDialog {...props}>\n                    {({ showConfirmation }) => (\n                        <Component {...ownProps} showConfirmation={showConfirmation} />\n                    )}\n                </ConfirmationDialog>\n            );\n        };\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAaO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,WAAmC,EAAK;EACrE,OAAO,UAACC,SAAiC,EAAK;IAC1C,OAAO,SAASC,sBAAsBA,CAACC,QAA6B,EAAE;MAClE,IAAMC,KAAK,GAAG,OAAOJ,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACG,QAAQ,CAAC,GAAGH,WAAW;MACrF,oBACIL,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAS,kBAAkB,EAAKH,KAAK,EACxB,UAAAI,IAAA;QAAA,IAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;QAAA,oBAChBd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,SAAS,EAAAS,MAAA,CAAAC,MAAA,KAAKR,QAAQ;UAAEM,gBAAgB,EAAEA;QAAiB,EAAE,CAAC;MAAA,CAEnD,CAAC;IAE7B,CAAC;EACL,CAAC;AACL,CAAC;AAACG,OAAA,CAAAb,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ConfirmationDialog","withConfirmation","exports","dialogProps","Component","withConfirmationRender","ownProps","props","default","createElement","ConfirmationDialog","_ref","showConfirmation","Object","assign"],"sources":["withConfirmation.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\ntype ConfirmationProps = {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n};\n\ntype WithConfirmationParams = (props: Record<string, any>) => ConfirmationProps;\n\nexport type WithConfirmationProps = {\n    showConfirmation: (confirm: () => void, cancel: () => void) => void;\n};\n\nexport const withConfirmation = (dialogProps: WithConfirmationParams) => {\n    return (Component: typeof React.Component) => {\n        return function withConfirmationRender(ownProps: Record<string, any>) {\n            const props = typeof dialogProps === \"function\" ? dialogProps(ownProps) : dialogProps;\n            return (\n                <ConfirmationDialog {...props}>\n                    {({ showConfirmation }) => (\n                        <Component {...ownProps} showConfirmation={showConfirmation} />\n                    )}\n                </ConfirmationDialog>\n            );\n        };\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAaO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,WAAmC,EAAK;EACrE,OAAO,UAACC,SAAiC,EAAK;IAC1C,OAAO,SAASC,sBAAsBA,CAACC,QAA6B,EAAE;MAClE,IAAMC,KAAK,GAAG,OAAOJ,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACG,QAAQ,CAAC,GAAGH,WAAW;MACrF,oBACIN,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,mBAAA,CAAAU,kBAAkB,EAAKH,KAAK,EACxB,UAAAI,IAAA;QAAA,IAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;QAAA,oBAChBf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACL,SAAS,EAAAS,MAAA,CAAAC,MAAA,KAAKR,QAAQ;UAAEM,gBAAgB,EAAEA;QAAiB,EAAE,CAAC;MAAA,CAEnD,CAAC;IAE7B,CAAC;EACL,CAAC;AACL,CAAC","ignoreList":[]}

package/DataTable/ColumnDirection.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 export interface ColumnDirectionProps {
     direction?: "asc" | "desc";
 }
-export declare const ColumnDirection: (props: ColumnDirectionProps) => JSX.Element | null;
+export declare const ColumnDirection: (props: ColumnDirectionProps) => React.JSX.Element | null;