@webiny/ui 5.39.0-beta.0 → 5.39.0-beta.2

package/Radio/Radio.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { FormComponentProps } from "../types";
 declare type Props = FormComponentProps & {

package/Radio/Radio.js

@@ -48,9 +48,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_radio.Radio, {
         disabled: disabled,
         checked: Boolean(value),
-        onChange: this.onChange
-        // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.
-        ,
+        onChange: this.onChange,
         label: label
       }), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
         error: true

package/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_radio","_FormElementMessage","Radio","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","label","disabled","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio as RmwcRadio } from \"@rmwc/radio\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * Wrap Radio components with RadioGroup to create a set of options.\n * Each Radio component must receive value and onChange callback via props.\n */\nclass Radio extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as any).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcRadio\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.\n                    label={label}\n                />\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAaA;AACA;AACA;AACA;AAHA,IAIMG,KAAK,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,KAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,KAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,eACI,UAACa,CAAyC,EAAK;MACtDb,KAAA,CAAKc,KAAK,CAACC,QAAQ,IAAIf,KAAA,CAAKc,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAASC,OAAO,CAAC;IACzE,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAA,IAAAkB,aAAA,CAAArB,OAAA,EAAAH,KAAA;IAAAyB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAA4D,IAAI,CAACR,KAAK;QAA9DM,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEG,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEvD,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI1C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAAC3C,MAAA,CAAAQ,OAAK,CAACoC,QAAQ,qBACX5C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACxC,MAAA,CAAAE,KAAS;QACN8B,QAAQ,EAAEA,QAAS;QACnBP,OAAO,EAAEiB,OAAO,CAACd,KAAK,CAAE;QACxBL,QAAQ,EAAE,IAAI,CAACA;QACf;QAAA;QACAQ,KAAK,EAAEA;MAAM,CAChB,CAAC,EACDK,iBAAiB,KAAK,KAAK,iBACxBvC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB;QAACC,KAAK;MAAA,GAAEN,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvCpC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB,QAAEV,WAAgC,CAE7C,CAAC;IAEzB;EAAC;EAAA,OAAA/B,KAAA;AAAA,EA5Be2C,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GA+BpB7C,KAAK;AAAA8C,OAAA,CAAA3C,OAAA,GAAA0C,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_radio","_FormElementMessage","Radio","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","label","disabled","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Radio as RmwcRadio } from \"@rmwc/radio\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * Wrap Radio components with RadioGroup to create a set of options.\n * Each Radio component must receive value and onChange callback via props.\n */\nclass Radio extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcRadio\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    label={label}\n                />\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAaA;AACA;AACA;AACA;AAHA,IAIMG,KAAK,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,KAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,KAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,eACI,UAACa,CAAyC,EAAK;MACtDb,KAAA,CAAKc,KAAK,CAACC,QAAQ,IAAIf,KAAA,CAAKc,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAsBC,OAAO,CAAC;IACtF,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAA,IAAAkB,aAAA,CAAArB,OAAA,EAAAH,KAAA;IAAAyB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,IAAAC,WAAA,GAA4D,IAAI,CAACR,KAAK;QAA9DM,KAAK,GAAAE,WAAA,CAALF,KAAK;QAAEG,KAAK,GAAAD,WAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEvD,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI1C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAAC3C,MAAA,CAAAQ,OAAK,CAACoC,QAAQ,qBACX5C,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACxC,MAAA,CAAAE,KAAS;QACN8B,QAAQ,EAAEA,QAAS;QACnBP,OAAO,EAAEiB,OAAO,CAACd,KAAK,CAAE;QACxBL,QAAQ,EAAE,IAAI,CAACA,QAAS;QACxBQ,KAAK,EAAEA;MAAM,CAChB,CAAC,EACDK,iBAAiB,KAAK,KAAK,iBACxBvC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB;QAACC,KAAK;MAAA,GAAEN,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvCpC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACvC,mBAAA,CAAA0C,kBAAkB,QAAEV,WAAgC,CAE7C,CAAC;IAEzB;EAAC;EAAA,OAAA/B,KAAA;AAAA,EA3Be2C,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GA8BpB7C,KAAK;AAAA8C,OAAA,CAAA3C,OAAA,GAAA0C,QAAA"}

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
 import { FormComponentProps } from "@webiny/form";
 export interface OnReadyParams {
@@ -28,4 +28,4 @@ export interface RichTextEditorProps {
     validation?: FormComponentProps["validation"];
     value?: RichTextEditorValue;
 }
-export declare const RichTextEditor: React.FC<RichTextEditorProps>;
+export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;

package/RichTextEditor/RichTextEditor.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RichTextEditor = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -68,41 +66,17 @@ var RichTextEditor = function RichTextEditor(props) {
         holder: elementId.current,
         logLevel: "ERROR",
         data: initialData,
-        onChange: function () {
-          var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-            var _yield$editorRef$curr, data;
-            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  if (editorRef.current) {
-                    _context.next = 2;
-                    break;
-                  }
-                  return _context.abrupt("return");
-                case 2:
-                  _context.next = 4;
-                  return editorRef.current.save();
-                case 4:
-                  _yield$editorRef$curr = _context.sent;
-                  data = _yield$editorRef$curr.blocks;
-                  if (props.onChange) {
-                    _context.next = 8;
-                    break;
-                  }
-                  return _context.abrupt("return");
-                case 8:
-                  props.onChange(data);
-                case 9:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          function onChange() {
-            return _onChange.apply(this, arguments);
+        onChange: async function onChange() {
+          if (!editorRef.current) {
+            return;
+          }
+          var _await$editorRef$curr = await editorRef.current.save(),
+            data = _await$editorRef$curr.blocks;
+          if (!props.onChange) {
+            return;
           }
-          return onChange;
-        }(),
+          props.onChange(data);
+        },
         onReady: function onReady() {
           if (typeof _onReady !== "function") {
             return;

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_onChange","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$editorRef$curr","wrap","_callee$","_context","prev","next","abrupt","save","sent","stop","apply","arguments","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS, {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    className?: string;\n    context?: { [key: string]: any };\n    description?: string;\n    disabled?: boolean;\n    label?: string;\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    validation?: FormComponentProps[\"validation\"];\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\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                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_await$editorRef$curr","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS, {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    className?: string;\n    context?: { [key: string]: any };\n    description?: string;\n    disabled?: boolean;\n    label?: string;\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    validation?: FormComponentProps[\"validation\"];\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\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                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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"}

package/Ripple/Ripple.d.ts

@@ -2,9 +2,10 @@ import React from "react";
 interface Props {
     type?: "unbounded" | "primary" | "accent";
     disabled?: boolean;
+    children: React.ReactNode;
 }
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Ripple: React.FC<Props>;
+declare const Ripple: (props: Props) => JSX.Element;
 export { Ripple };

package/Ripple/Ripple.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ripple","Ripple","props","type","default","createElement","Object","assign","_defineProperty2","children","exports"],"sources":["Ripple.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ripple as RmwcRipple } from \"@rmwc/ripple\";\n\ninterface Props {\n    // Choose the type of ripple.\n    type?: \"unbounded\" | \"primary\" | \"accent\";\n\n    // Makes the ripple disabled.\n    disabled?: boolean;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Ripple: React.FC<Props> = props => {\n    // Let's pass \"unbounded\" / \"primary\" / \"accent\" flags as \"type\" prop instead.\n    const type = props.type || \"surface\";\n\n    return (\n        <RmwcRipple {...{ [type]: true }} {...props}>\n            {props.children}\n        </RmwcRipple>\n    );\n};\n\nexport { Ripple };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAUA;AACA;AACA;AACA,IAAME,MAAuB,GAAG,SAA1BA,MAAuBA,CAAGC,KAAK,EAAI;EACrC;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,IAAI,SAAS;EAEpC,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAC,MAAU,EAAAK,MAAA,CAAAC,MAAA,SAAAC,gBAAA,CAAAJ,OAAA,MAAQD,IAAI,EAAG,IAAI,GAAQD,KAAK,GACtCA,KAAK,CAACO,QACC,CAAC;AAErB,CAAC;AAACC,OAAA,CAAAT,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ripple","Ripple","props","type","default","createElement","Object","assign","_defineProperty2","children","exports"],"sources":["Ripple.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ripple as RmwcRipple } from \"@rmwc/ripple\";\n\ninterface Props {\n    // Choose the type of ripple.\n    type?: \"unbounded\" | \"primary\" | \"accent\";\n\n    // Makes the ripple disabled.\n    disabled?: boolean;\n\n    children: React.ReactNode;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Ripple = (props: Props) => {\n    // Let's pass \"unbounded\" / \"primary\" / \"accent\" flags as \"type\" prop instead.\n    const type = props.type || \"surface\";\n\n    return (\n        <RmwcRipple {...{ [type]: true }} {...props}>\n            {props.children}\n        </RmwcRipple>\n    );\n};\n\nexport { Ripple };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAY,EAAK;EAC7B;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,IAAI,SAAS;EAEpC,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAC,MAAU,EAAAK,MAAA,CAAAC,MAAA,SAAAC,gBAAA,CAAAJ,OAAA,MAAQD,IAAI,EAAG,IAAI,GAAQD,KAAK,GACtCA,KAAK,CAACO,QACC,CAAC;AAErB,CAAC;AAACC,OAAA,CAAAT,MAAA,GAAAA,MAAA"}

package/Scrollbar/Scrollbar.d.ts

@@ -7,5 +7,5 @@ interface Props extends ScrollbarProps {
 /**
  * Use Scrollbar component to show vertical or horizontal scrollbars.
  */
-declare const Scrollbar: React.FC<Props>;
+declare const Scrollbar: (props: Props) => JSX.Element;
 export { Scrollbar };

package/Scrollbar/Scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactCustomScrollbars","Scrollbar","props","default","createElement","Scrollbars","exports"],"sources":["Scrollbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollbarProps, Scrollbars } from \"react-custom-scrollbars\";\n\ninterface Props extends ScrollbarProps {\n    style?: React.CSSProperties;\n    [key: string]: any;\n}\n\n/**\n * Use Scrollbar component to show vertical or horizontal scrollbars.\n */\nconst Scrollbar: React.FC<Props> = props => {\n    return <Scrollbars {...props} />;\n};\n\nexport { Scrollbar };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACA,IAAME,SAA0B,GAAG,SAA7BA,SAA0BA,CAAGC,KAAK,EAAI;EACxC,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,sBAAA,CAAAK,UAAU,EAAKH,KAAQ,CAAC;AACpC,CAAC;AAACI,OAAA,CAAAL,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactCustomScrollbars","Scrollbar","props","default","createElement","Scrollbars","exports"],"sources":["Scrollbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollbarProps, Scrollbars } from \"react-custom-scrollbars\";\n\ninterface Props extends ScrollbarProps {\n    style?: React.CSSProperties;\n    [key: string]: any;\n}\n\n/**\n * Use Scrollbar component to show vertical or horizontal scrollbars.\n */\nconst Scrollbar = (props: Props) => {\n    return <Scrollbars {...props} />;\n};\n\nexport { Scrollbar };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAY,EAAK;EAChC,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,sBAAA,CAAAK,UAAU,EAAKH,KAAQ,CAAC;AACpC,CAAC;AAACI,OAAA,CAAAL,SAAA,GAAAA,SAAA"}

package/Section/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface SectionProps {
-    title?: String;
+    title?: string;
+    children: React.ReactNode;
 }
-declare const Section: React.FC<SectionProps>;
+declare const Section: ({ children, title, ...props }: SectionProps) => JSX.Element;
 export default Section;

package/Section/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_emotion","_Typography","_Elevation","_excluded","SectionWrapper","styled","target","label","backgroundColor","padding","titleStyle","css","display","alignItems","color","lineHeight","svg","height","ElevationContent","Section","_ref","children","title","props","_objectWithoutProperties2","default","createElement","Typography","className","use","Elevation","z","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\nimport { Elevation } from \"~/Elevation\";\n\nconst SectionWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"0 0 25px 0\"\n});\n\nconst titleStyle = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".tooltip-content-wrapper\": {\n        lineHeight: \"100%\",\n        svg: {\n            height: 13,\n            color: \"var(--mdc-theme-on-surface)\"\n        }\n    }\n});\n\nconst ElevationContent = styled(\"div\")({\n    padding: 20,\n    backgroundColor: \"#fff\"\n});\n\ninterface SectionProps {\n    title?: String;\n}\n\nconst Section: React.FC<SectionProps> = ({ children, title, ...props }) => {\n    return (\n        <SectionWrapper {...props}>\n            <h4>\n                <Typography className={titleStyle} use={\"overline\"}>\n                    {title}\n                </Typography>\n            </h4>\n\n            <Elevation z={2}>\n                <ElevationContent>{children}</ElevationContent>\n            </Elevation>\n        </SectionWrapper>\n    );\n};\n\nexport default Section;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAwC,IAAAK,SAAA;AAExC,IAAMC,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,eAAe,EAAE,6BAA6B;EAC9CC,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE,6BAA6B;EACpC,0BAA0B,EAAE;IACxBC,UAAU,EAAE,MAAM;IAClBC,GAAG,EAAE;MACDC,MAAM,EAAE,EAAE;MACVH,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,sBAAC;AAEF,IAAMI,gBAAgB,oBAAGb,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACnCE,OAAO,EAAE,EAAE;EACXD,eAAe,EAAE;AACrB,CAAC,CAAC;AAMF,IAAMW,OAA+B,GAAG,SAAlCA,OAA+BA,CAAAC,IAAA,EAAsC;EAAA,IAAhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAjB,SAAA;EAChE,oBACIP,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACtB,cAAc,EAAKmB,KAAK,eACrB3B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,0BACI9B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACzB,WAAA,CAAA0B,UAAU;IAACC,SAAS,EAAElB,UAAW;IAACmB,GAAG,EAAE;EAAW,GAC9CP,KACO,CACZ,CAAC,eAEL1B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACxB,UAAA,CAAA4B,SAAS;IAACC,CAAC,EAAE;EAAE,gBACZnC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACR,gBAAgB,QAAEG,QAA2B,CACvC,CACC,CAAC;AAEzB,CAAC;AAAC,IAAAW,QAAA,GAEab,OAAO;AAAAc,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_emotion","_Typography","_Elevation","_excluded","SectionWrapper","styled","target","label","backgroundColor","padding","titleStyle","css","display","alignItems","color","lineHeight","svg","height","ElevationContent","Section","_ref","children","title","props","_objectWithoutProperties2","default","createElement","Typography","className","use","Elevation","z","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\nimport { Elevation } from \"~/Elevation\";\n\nconst SectionWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"0 0 25px 0\"\n});\n\nconst titleStyle = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".tooltip-content-wrapper\": {\n        lineHeight: \"100%\",\n        svg: {\n            height: 13,\n            color: \"var(--mdc-theme-on-surface)\"\n        }\n    }\n});\n\nconst ElevationContent = styled(\"div\")({\n    padding: 20,\n    backgroundColor: \"#fff\"\n});\n\ninterface SectionProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nconst Section = ({ children, title, ...props }: SectionProps) => {\n    return (\n        <SectionWrapper {...props}>\n            <h4>\n                <Typography className={titleStyle} use={\"overline\"}>\n                    {title}\n                </Typography>\n            </h4>\n\n            <Elevation z={2}>\n                <ElevationContent>{children}</ElevationContent>\n            </Elevation>\n        </SectionWrapper>\n    );\n};\n\nexport default Section;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAwC,IAAAK,SAAA;AAExC,IAAMC,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,eAAe,EAAE,6BAA6B;EAC9CC,OAAO,EAAE;AACb,CAAC,CAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE,6BAA6B;EACpC,0BAA0B,EAAE;IACxBC,UAAU,EAAE,MAAM;IAClBC,GAAG,EAAE;MACDC,MAAM,EAAE,EAAE;MACVH,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,sBAAC;AAEF,IAAMI,gBAAgB,oBAAGb,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACnCE,OAAO,EAAE,EAAE;EACXD,eAAe,EAAE;AACrB,CAAC,CAAC;AAOF,IAAMW,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAoD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAjB,SAAA;EACxC,oBACIP,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACtB,cAAc,EAAKmB,KAAK,eACrB3B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,0BACI9B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACzB,WAAA,CAAA0B,UAAU;IAACC,SAAS,EAAElB,UAAW;IAACmB,GAAG,EAAE;EAAW,GAC9CP,KACO,CACZ,CAAC,eAEL1B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACxB,UAAA,CAAA4B,SAAS;IAACC,CAAC,EAAE;EAAE,gBACZnC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACR,gBAAgB,QAAEG,QAA2B,CACvC,CACC,CAAC;AAEzB,CAAC;AAAC,IAAAW,QAAA,GAEab,OAAO;AAAAc,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/Select/Select.d.ts

@@ -7,8 +7,10 @@ export declare type SelectProps = FormComponentProps & RmwcSelectProps & {
     description?: string;
     placeholder?: string;
     box?: string;
-    children?: Array<React.ReactElement<"option"> | React.ReactElement<"optgroup">>;
-    rootProps?: Object;
+    children?: (React.ReactElement<"option"> | React.ReactElement<"optgroup">)[];
+    rootProps?: {
+        [key: string]: any;
+    };
     className?: string;
     size?: "small" | "medium" | "large";
 };
@@ -16,5 +18,5 @@ export declare type SelectProps = FormComponentProps & RmwcSelectProps & {
  * We check for null and undefined in the value because React is complaining about those values.
  * Error says to use the empty string in null/undefined case.
  */
-export declare const Select: React.FC<SelectProps>;
+export declare const Select: (props: SelectProps) => JSX.Element;
 export default Select;

package/Select/Select.js

@@ -64,7 +64,7 @@ var getRmwcProps = function getRmwcProps(props) {
   Object.keys(props).filter(function (name) {
     return !skipProps.includes(name);
   })
-  // @ts-ignore
+  // @ts-expect-error
   .forEach(function (name) {
     return newProps[name] = props[name];
   });

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_select","_FormElementMessage","_classnames","_styled","_excluded","getOptions","initialOptions","Array","isArray","options","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","option","value","push","label","err","e","f","Object","keys","map","key","skipProps","getRmwcProps","props","newProps","filter","name","includes","forEach","Select","initialValue","description","validation","other","_objectWithoutProperties2","undefined","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","assign","className","classNames","webinySelect","size","concat","_defineProperty2","noLabel","onChange","target","FormElementMessage","error","exports","_default"],"sources":["Select.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormattedOption,\n    Select as RmwcSelect,\n    SelectProps as RmwcSelectProps\n} from \"@rmwc/select\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\nimport classNames from \"classnames\";\nimport { webinySelect, noLabel } from \"./styled\";\n\nexport type SelectProps = FormComponentProps &\n    RmwcSelectProps & {\n        // Component label.\n        label?: string;\n\n        // Is checkbox disabled?\n        disabled?: boolean;\n\n        // Description beneath the select.\n        description?: string;\n\n        // Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n        placeholder?: string;\n\n        // Makes the Select have a visual box.\n        box?: string;\n\n        // One or more <option> or <optgroup> elements.\n        children?: Array<React.ReactElement<\"option\"> | React.ReactElement<\"optgroup\">>;\n\n        // IconProps for the root element. By default, additional props spread to the native select element.\n        rootProps?: Object;\n\n        // A className for the root element.\n        className?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * TODO verify that this is correct method get all options.\n */\nconst getOptions = (initialOptions: SelectProps[\"options\"]): FormattedOption[] => {\n    if (!initialOptions) {\n        return [];\n    } else if (Array.isArray(initialOptions)) {\n        const options: FormattedOption[] = [];\n        for (const option of initialOptions) {\n            if (typeof option === \"string\") {\n                options.push({\n                    label: option,\n                    value: option\n                });\n                continue;\n            }\n            options.push({\n                label: option.label,\n                value: option.value,\n                options: option.options\n            });\n        }\n        return options;\n    }\n    return Object.keys(initialOptions).map(key => {\n        return {\n            label: initialOptions[key],\n            value: key\n        };\n    });\n};\n\n/**\n * Select component lets users choose a value from given set of options.\n */\nconst skipProps = [\"validate\", \"form\"];\n\nconst getRmwcProps = (props: SelectProps): FormComponentProps & RmwcSelectProps => {\n    const newProps: FormComponentProps & RmwcSelectProps = {};\n    Object.keys(props)\n        .filter(name => !skipProps.includes(name))\n        // @ts-ignore\n        .forEach((name: any) => (newProps[name] = props[name]));\n\n    return newProps;\n};\n/**\n * We check for null and undefined in the value because React is complaining about those values.\n * Error says to use the empty string in null/undefined case.\n */\nexport const Select: React.FC<SelectProps> = props => {\n    const { value: initialValue, description, validation, ...other } = props;\n\n    const value = initialValue === null || initialValue === undefined ? \"\" : initialValue;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const options = getOptions(other.options);\n\n    return (\n        <React.Fragment>\n            <RmwcSelect\n                {...getRmwcProps(other)}\n                options={options}\n                value={value}\n                className={classNames(\n                    \"webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded\",\n                    webinySelect,\n                    props.size ? `webiny-ui-select--size-${props.size}` : null,\n                    props.className,\n                    {\n                        [noLabel]: !props.label\n                    }\n                )}\n                onChange={e => {\n                    props.onChange && props.onChange((e.target as any).value);\n                }}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_select","_FormElementMessage","_classnames","_styled","_excluded","getOptions","initialOptions","Array","isArray","options","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","option","value","push","label","err","e","f","Object","keys","map","key","skipProps","getRmwcProps","props","newProps","filter","name","includes","forEach","Select","initialValue","description","validation","other","_objectWithoutProperties2","undefined","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","assign","className","classNames","webinySelect","size","concat","_defineProperty2","noLabel","onChange","target","FormElementMessage","error","exports","_default"],"sources":["Select.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormattedOption,\n    Select as RmwcSelect,\n    SelectProps as RmwcSelectProps\n} from \"@rmwc/select\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\nimport classNames from \"classnames\";\nimport { webinySelect, noLabel } from \"./styled\";\n\nexport type SelectProps = FormComponentProps &\n    RmwcSelectProps & {\n        // Component label.\n        label?: string;\n\n        // Is checkbox disabled?\n        disabled?: boolean;\n\n        // Description beneath the select.\n        description?: string;\n\n        // Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n        placeholder?: string;\n\n        // Makes the Select have a visual box.\n        box?: string;\n\n        // One or more <option> or <optgroup> elements.\n        children?: (React.ReactElement<\"option\"> | React.ReactElement<\"optgroup\">)[];\n\n        // IconProps for the root element. By default, additional props spread to the native select element.\n        rootProps?: {\n            [key: string]: any;\n        };\n\n        // A className for the root element.\n        className?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * TODO verify that this is correct method get all options.\n */\nconst getOptions = (initialOptions: SelectProps[\"options\"]): FormattedOption[] => {\n    if (!initialOptions) {\n        return [];\n    } else if (Array.isArray(initialOptions)) {\n        const options: FormattedOption[] = [];\n        for (const option of initialOptions) {\n            if (typeof option === \"string\") {\n                options.push({\n                    label: option,\n                    value: option\n                });\n                continue;\n            }\n            options.push({\n                label: option.label,\n                value: option.value,\n                options: option.options\n            });\n        }\n        return options;\n    }\n    return Object.keys(initialOptions).map(key => {\n        return {\n            label: initialOptions[key],\n            value: key\n        };\n    });\n};\n\n/**\n * Select component lets users choose a value from given set of options.\n */\nconst skipProps = [\"validate\", \"form\"];\n\nconst getRmwcProps = (props: SelectProps): FormComponentProps & RmwcSelectProps => {\n    const newProps: FormComponentProps & RmwcSelectProps = {};\n    Object.keys(props)\n        .filter(name => !skipProps.includes(name))\n        // @ts-expect-error\n        .forEach((name: any) => (newProps[name] = props[name]));\n\n    return newProps;\n};\n/**\n * We check for null and undefined in the value because React is complaining about those values.\n * Error says to use the empty string in null/undefined case.\n */\nexport const Select = (props: SelectProps) => {\n    const { value: initialValue, description, validation, ...other } = props;\n\n    const value = initialValue === null || initialValue === undefined ? \"\" : initialValue;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const options = getOptions(other.options);\n\n    return (\n        <React.Fragment>\n            <RmwcSelect\n                {...getRmwcProps(other)}\n                options={options}\n                value={value}\n                className={classNames(\n                    \"webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded\",\n                    webinySelect,\n                    props.size ? `webiny-ui-select--size-${props.size}` : null,\n                    props.className,\n                    {\n                        [noLabel]: !props.label\n                    }\n                )}\n                onChange={e => {\n                    props.onChange && props.onChange((e.target as HTMLInputElement).value);\n                }}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Select;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAiD,IAAAK,SAAA;AAkCjD;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,cAAsC,EAAwB;EAC9E,IAAI,CAACA,cAAc,EAAE;IACjB,OAAO,EAAE;EACb,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACF,cAAc,CAAC,EAAE;IACtC,IAAMG,OAA0B,GAAG,EAAE;IAAC,IAAAC,SAAA,OAAAC,2BAAA,CAAAC,OAAA,EACjBN,cAAc;MAAAO,KAAA;IAAA;MAAnC,KAAAH,SAAA,CAAAI,CAAA,MAAAD,KAAA,GAAAH,SAAA,CAAAK,CAAA,IAAAC,IAAA,GAAqC;QAAA,IAA1BC,MAAM,GAAAJ,KAAA,CAAAK,KAAA;QACb,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE;UAC5BR,OAAO,CAACU,IAAI,CAAC;YACTC,KAAK,EAAEH,MAAM;YACbC,KAAK,EAAED;UACX,CAAC,CAAC;UACF;QACJ;QACAR,OAAO,CAACU,IAAI,CAAC;UACTC,KAAK,EAAEH,MAAM,CAACG,KAAK;UACnBF,KAAK,EAAED,MAAM,CAACC,KAAK;UACnBT,OAAO,EAAEQ,MAAM,CAACR;QACpB,CAAC,CAAC;MACN;IAAC,SAAAY,GAAA;MAAAX,SAAA,CAAAY,CAAA,CAAAD,GAAA;IAAA;MAAAX,SAAA,CAAAa,CAAA;IAAA;IACD,OAAOd,OAAO;EAClB;EACA,OAAOe,MAAM,CAACC,IAAI,CAACnB,cAAc,CAAC,CAACoB,GAAG,CAAC,UAAAC,GAAG,EAAI;IAC1C,OAAO;MACHP,KAAK,EAAEd,cAAc,CAACqB,GAAG,CAAC;MAC1BT,KAAK,EAAES;IACX,CAAC;EACL,CAAC,CAAC;AACN,CAAC;;AAED;AACA;AACA;AACA,IAAMC,SAAS,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC;AAEtC,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAkB,EAA2C;EAC/E,IAAMC,QAA8C,GAAG,CAAC,CAAC;EACzDP,MAAM,CAACC,IAAI,CAACK,KAAK,CAAC,CACbE,MAAM,CAAC,UAAAC,IAAI;IAAA,OAAI,CAACL,SAAS,CAACM,QAAQ,CAACD,IAAI,CAAC;EAAA;EACzC;EAAA,CACCE,OAAO,CAAC,UAACF,IAAS;IAAA,OAAMF,QAAQ,CAACE,IAAI,CAAC,GAAGH,KAAK,CAACG,IAAI,CAAC;EAAA,CAAC,CAAC;EAE3D,OAAOF,QAAQ;AACnB,CAAC;AACD;AACA;AACA;AACA;AACO,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAIN,KAAkB,EAAK;EAC1C,IAAeO,YAAY,GAAwCP,KAAK,CAAhEZ,KAAK;IAAgBoB,WAAW,GAA2BR,KAAK,CAA3CQ,WAAW;IAAEC,UAAU,GAAeT,KAAK,CAA9BS,UAAU;IAAKC,KAAK,OAAAC,yBAAA,CAAA7B,OAAA,EAAKkB,KAAK,EAAA1B,SAAA;EAExE,IAAMc,KAAK,GAAGmB,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAKK,SAAS,GAAG,EAAE,GAAGL,YAAY;EAErF,IAAAM,IAAA,GAAmEJ,UAAU,IAAI,CAAC,CAAC;IAAlEK,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;IAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;EAE3C,IAAMtC,OAAO,GAAGJ,UAAU,CAACmC,KAAK,CAAC/B,OAAO,CAAC;EAEzC,oBACIZ,MAAA,CAAAe,OAAA,CAAAoC,aAAA,CAACnD,MAAA,CAAAe,OAAK,CAACqC,QAAQ,qBACXpD,MAAA,CAAAe,OAAA,CAAAoC,aAAA,CAAChD,OAAA,CAAAoC,MAAU,EAAAZ,MAAA,CAAA0B,MAAA,KACHrB,YAAY,CAACW,KAAK,CAAC;IACvB/B,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAEA,KAAM;IACbiC,SAAS,EAAE,IAAAC,mBAAU,EACjB,yDAAyD,EACzDC,oBAAY,EACZvB,KAAK,CAACwB,IAAI,6BAAAC,MAAA,CAA6BzB,KAAK,CAACwB,IAAI,IAAK,IAAI,EAC1DxB,KAAK,CAACqB,SAAS,MAAAK,gBAAA,CAAA5C,OAAA,MAEV6C,eAAO,EAAG,CAAC3B,KAAK,CAACV,KAAK,CAE/B,CAAE;IACFsC,QAAQ,EAAE,SAAAA,SAAApC,CAAC,EAAI;MACXQ,KAAK,CAAC4B,QAAQ,IAAI5B,KAAK,CAAC4B,QAAQ,CAAEpC,CAAC,CAACqC,MAAM,CAAsBzC,KAAK,CAAC;IAC1E;EAAE,EACL,CAAC,EAED0B,iBAAiB,KAAK,KAAK,iBACxB/C,MAAA,CAAAe,OAAA,CAAAoC,aAAA,CAAC/C,mBAAA,CAAA2D,kBAAkB;IAACC,KAAK;EAAA,GAAEf,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIN,WAAW,iBACvCzC,MAAA,CAAAe,OAAA,CAAAoC,aAAA,CAAC/C,mBAAA,CAAA2D,kBAAkB,QAAEtB,WAAgC,CAE7C,CAAC;AAEzB,CAAC;AAACwB,OAAA,CAAA1B,MAAA,GAAAA,MAAA;AAAA,IAAA2B,QAAA,GAEa3B,MAAM;AAAA0B,OAAA,CAAAlD,OAAA,GAAAmD,QAAA"}

package/Slider/Slider.d.ts

@@ -9,7 +9,7 @@ declare type Props = FormComponentProps & {
     step?: number | string;
     discrete?: boolean;
     displayMarkers?: boolean;
-    onInput?: Function;
+    onInput?: (value: any) => void;
 };
 /**
  * Slider component lets users choose a value from given range.

package/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_slider","_styled","_FormElementMessage","Wrapper","styled","target","label","width","left","Slider","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","detail","value","onInput","_createClass2","key","render","_this$props","description","validation","sliderValue","min","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","Object","assign","FormElementMessage","error","React","Component","_default","exports"],"sources":["Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider as RmwcSlider } from \"@rmwc/slider\";\nimport { FormComponentProps } from \"~/types\";\nimport styled from \"@emotion/styled\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // Description beneath the slider.\n    description?: string;\n\n    // The minimum value of the Slider.\n    min: number | string;\n\n    // The maximum value of the Slider.\n    max: number | string;\n\n    // A step to quantize values by.\n    step?: number | string;\n\n    // Displays the exact value of the Slider on the knob.\n    discrete?: boolean;\n\n    // Displays the individual step markers on the Slider track.\n    displayMarkers?: boolean;\n\n    // Function that gets triggered on each input.\n    onInput?: Function;\n};\n\n// wrapper fixes a bug in slider where the slider handle is rendered outside the bounds of the slider box\nconst Wrapper = styled(\"div\")({\n    width: \"100%\",\n    \".mdc-slider .mdc-slider__thumb-container\": {\n        left: 5\n    }\n});\n\n/**\n * Slider component lets users choose a value from given range.\n */\nclass Slider extends React.Component<Props> {\n    onChange = (e: { detail: { value: number } }) => {\n        this.props.onChange && this.props.onChange(e.detail.value);\n    };\n\n    onInput = (e: { detail: { value: number } }) => {\n        this.props.onInput && this.props.onInput(e.detail.value);\n    };\n\n    public override render() {\n        const { value, label, description, validation } = this.props;\n\n        let sliderValue = value;\n        if (value === null || typeof value === \"undefined\") {\n            sliderValue = this.props.min || 0;\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div className=\"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\">\n                        {label}\n                    </div>\n                )}\n\n                <Wrapper>\n                    <RmwcSlider\n                        {...this.props}\n                        value={sliderValue}\n                        onChange={this.onChange}\n                        onInput={this.onInput}\n                    />\n                </Wrapper>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_slider","_styled","_FormElementMessage","Wrapper","styled","target","label","width","left","Slider","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","detail","value","onInput","_createClass2","key","render","_this$props","description","validation","sliderValue","min","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","Object","assign","FormElementMessage","error","React","Component","_default","exports"],"sources":["Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider as RmwcSlider } from \"@rmwc/slider\";\nimport { FormComponentProps } from \"~/types\";\nimport styled from \"@emotion/styled\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // Description beneath the slider.\n    description?: string;\n\n    // The minimum value of the Slider.\n    min: number | string;\n\n    // The maximum value of the Slider.\n    max: number | string;\n\n    // A step to quantize values by.\n    step?: number | string;\n\n    // Displays the exact value of the Slider on the knob.\n    discrete?: boolean;\n\n    // Displays the individual step markers on the Slider track.\n    displayMarkers?: boolean;\n\n    // Function that gets triggered on each input.\n    onInput?: (value: any) => void;\n};\n\n// wrapper fixes a bug in slider where the slider handle is rendered outside the bounds of the slider box\nconst Wrapper = styled(\"div\")({\n    width: \"100%\",\n    \".mdc-slider .mdc-slider__thumb-container\": {\n        left: 5\n    }\n});\n\n/**\n * Slider component lets users choose a value from given range.\n */\nclass Slider extends React.Component<Props> {\n    onChange = (e: { detail: { value: number } }) => {\n        this.props.onChange && this.props.onChange(e.detail.value);\n    };\n\n    onInput = (e: { detail: { value: number } }) => {\n        this.props.onInput && this.props.onInput(e.detail.value);\n    };\n\n    public override render() {\n        const { value, label, description, validation } = this.props;\n\n        let sliderValue = value;\n        if (value === null || typeof value === \"undefined\") {\n            sliderValue = this.props.min || 0;\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div className=\"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\">\n                        {label}\n                    </div>\n                )}\n\n                <Wrapper>\n                    <RmwcSlider\n                        {...this.props}\n                        value={sliderValue}\n                        onChange={this.onChange}\n                        onInput={this.onInput}\n                    />\n                </Wrapper>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Slider;\n"],"mappings":"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"}

package/Snackbar/Snackbar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { SnackbarAction, SnackbarProps } from "@rmwc/snackbar";
 declare type Props = SnackbarProps;

package/Switch/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="web" />
 import React from "react";
 import { SwitchProps } from "@rmwc/switch";
 import { FormComponentProps } from "../types";

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_switch","_pick","_FormElementMessage","_Helpers","Switch","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","getClasses","_objectSpread2","pick","rmwcProps","Boolean","FormElementMessage","error","React","Component","exports"],"sources":["Switch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch as RmwcSwitch, SwitchProps } from \"@rmwc/switch\";\nimport { FormComponentProps } from \"~/types\";\nimport pick from \"lodash/pick\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { getClasses } from \"~/Helpers\";\n\ntype Props = Omit<SwitchProps, \"value\"> &\n    FormComponentProps<boolean> & {\n        // Description beneath the switch.\n        description?: string;\n\n        // Optional class name.\n        className?: string;\n    };\n\n/**\n * Switch component can be used to store simple boolean values.\n */\nclass Switch extends React.Component<Props> {\n    static rmwcProps = [\"id\", \"disabled\", \"checked\", \"label\", \"rootProps\", \"className\"];\n\n    onChange = (e: React.SyntheticEvent<HTMLElement>) => {\n        this.props.onChange && this.props.onChange((e.target as any).checked);\n    };\n\n    public override render() {\n        const { value, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcSwitch\n                    {...getClasses({ ...pick(this.props, Switch.rmwcProps) }, \"webiny-ui-switch\")}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { Switch };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_switch","_pick","_FormElementMessage","_Helpers","Switch","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","props","onChange","target","checked","_createClass2","key","value","render","_this$props","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","getClasses","_objectSpread2","pick","rmwcProps","Boolean","FormElementMessage","error","React","Component","exports"],"sources":["Switch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch as RmwcSwitch, SwitchProps } from \"@rmwc/switch\";\nimport { FormComponentProps } from \"~/types\";\nimport pick from \"lodash/pick\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { getClasses } from \"~/Helpers\";\n\ntype Props = Omit<SwitchProps, \"value\"> &\n    FormComponentProps<boolean> & {\n        // Description beneath the switch.\n        description?: string;\n\n        // Optional class name.\n        className?: string;\n    };\n\n/**\n * Switch component can be used to store simple boolean values.\n */\nclass Switch extends React.Component<Props> {\n    static rmwcProps = [\"id\", \"disabled\", \"checked\", \"label\", \"rootProps\", \"className\"];\n\n    onChange = (e: React.SyntheticEvent<HTMLElement>) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcSwitch\n                    {...getClasses({ ...pick(this.props, Switch.rmwcProps) }, \"webiny-ui-switch\")}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { Switch };\n"],"mappings":"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"}

package/Tabs/Tab.d.ts

@@ -16,4 +16,4 @@ export declare type TabProps = RmwcTabProps & {
      */
     "data-testid"?: string;
 };
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: React.MemoExoticComponent<(props: TabProps) => null>;

package/Tabs/Tab.js

@@ -14,10 +14,9 @@ var Tab = /*#__PURE__*/_react.default.memo(function (props) {
   var tabsContext = (0, _react.useContext)(_Tabs.TabsContext);
   var idRef = (0, _react.useRef)(_shortid.default.generate());
   (0, _react.useEffect)(function () {
-    var _props$visible;
     tabsContext.addTab((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       id: idRef.current,
-      visible: (_props$visible = props.visible) !== null && _props$visible !== void 0 ? _props$visible : true
+      visible: props.visible ?? true
     }));
   }, [props]);
   (0, _react.useEffect)(function () {

package/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_Tabs","Tab","React","memo","props","tabsContext","useContext","TabsContext","idRef","useRef","shortid","generate","useEffect","_props$visible","addTab","_objectSpread2","default","id","current","visible","removeTab","exports","displayName"],"sources":["Tab.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { TabProps as RmwcTabProps } from \"@rmwc/tabs\";\nimport shortid from \"shortid\";\nimport { TabsContext } from \"./Tabs\";\n\nexport type TabProps = RmwcTabProps & {\n    visible?: boolean;\n\n    tag?: string;\n    /**\n     * Is tab disabled?\n     */\n    disabled?: boolean;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n};\n\nexport const Tab: React.FC<TabProps> = React.memo(props => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(shortid.generate());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n});\n\nTab.displayName = \"Tab\";\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAoBO,IAAMI,GAAuB,gBAAGC,cAAK,CAACC,IAAI,CAAC,UAAAC,KAAK,EAAI;EACvD,IAAMC,WAAW,GAAG,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAC3C,IAAMC,KAAK,GAAG,IAAAC,aAAM,EAACC,gBAAO,CAACC,QAAQ,CAAC,CAAC,CAAC;EAExC,IAAAC,gBAAS,EAAC,YAAM;IAAA,IAAAC,cAAA;IACZR,WAAW,CAAES,MAAM,KAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAMZ,KAAK;MAAEa,EAAE,EAAET,KAAK,CAACU,OAAO;MAAEC,OAAO,GAAAN,cAAA,GAAET,KAAK,CAACe,OAAO,cAAAN,cAAA,cAAAA,cAAA,GAAI;IAAI,EAAE,CAAC;EACxF,CAAC,EAAE,CAACT,KAAK,CAAC,CAAC;EAEX,IAAAQ,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACT,OAAOP,WAAW,CAAEe,SAAS,CAACZ,KAAK,CAACU,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC,CAAC;AAACG,OAAA,CAAApB,GAAA,GAAAA,GAAA;AAEHA,GAAG,CAACqB,WAAW,GAAG,KAAK"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_Tabs","Tab","React","memo","props","tabsContext","useContext","TabsContext","idRef","useRef","shortid","generate","useEffect","addTab","_objectSpread2","default","id","current","visible","removeTab","exports","displayName"],"sources":["Tab.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { TabProps as RmwcTabProps } from \"@rmwc/tabs\";\nimport shortid from \"shortid\";\nimport { TabsContext } from \"./Tabs\";\n\nexport type TabProps = RmwcTabProps & {\n    visible?: boolean;\n\n    tag?: string;\n    /**\n     * Is tab disabled?\n     */\n    disabled?: boolean;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n};\n\nexport const Tab = React.memo((props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(shortid.generate());\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n});\n\nTab.displayName = \"Tab\";\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAoBO,IAAMI,GAAG,gBAAGC,cAAK,CAACC,IAAI,CAAC,UAACC,KAAe,EAAK;EAC/C,IAAMC,WAAW,GAAG,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAC3C,IAAMC,KAAK,GAAG,IAAAC,aAAM,EAACC,gBAAO,CAACC,QAAQ,CAAC,CAAC,CAAC;EAExC,IAAAC,gBAAS,EAAC,YAAM;IACZP,WAAW,CAAEQ,MAAM,KAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAMX,KAAK;MAAEY,EAAE,EAAER,KAAK,CAACS,OAAO;MAAEC,OAAO,EAAEd,KAAK,CAACc,OAAO,IAAI;IAAI,EAAE,CAAC;EACxF,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEX,IAAAQ,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACT,OAAOP,WAAW,CAAEc,SAAS,CAACX,KAAK,CAACS,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC,CAAC;AAACG,OAAA,CAAAnB,GAAA,GAAAA,GAAA;AAEHA,GAAG,CAACoB,WAAW,GAAG,KAAK"}

package/Tabs/Tabs.js

@@ -52,8 +52,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
    * This effect will make sure that disabled tabs automatically switch to the first tab.
    */
   (0, _react.useEffect)(function () {
-    var _tabs$activeIndex;
-    if ((_tabs$activeIndex = tabs[activeIndex]) !== null && _tabs$activeIndex !== void 0 && _tabs$activeIndex.disabled) {
+    if (tabs[activeIndex]?.disabled) {
       activateTabIndex(0);
     }
   });

package/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","disabledStyles","opacity","pointerEvents","TabsContext","createContext","undefined","exports","Tabs","forwardRef","props","ref","_useState","useState","_useState2","_slicedToArray2","default","activeTabIndex","setActiveIndex","_useState3","_useState4","tabs","setTabs","activeIndex","value","activateTabIndex","useCallback","index","updateValue","useImperativeHandle","getActiveIndex","switchTab","tabIndex","useEffect","_tabs$activeIndex","disabled","tabBar","createElement","TabBar","key","map","tab","id","join","className","onActivate","evt","detail","item","visible","Tab","tag","style","display","Object","assign","icon","label","content","filter","Boolean","children","context","useMemo","addTab","existingIndex","findIndex","concat","_toConsumableArray2","slice","removeTab","classNames","Provider","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import React, {\n    createContext,\n    forwardRef,\n    PropsWithChildren,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState\n} from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar, Tab as RmwcTab } from \"@rmwc/tabs\";\nimport { TabProps } from \"./Tab\";\n\nexport type TabsProps = PropsWithChildren<{\n    /**\n     * Append a class name.\n     */\n    className?: string;\n\n    /**\n     * Callback to execute when a tab is changed.\n     */\n    onActivate?: (index: number) => void;\n\n    /**\n     * Active tab index value.\n     */\n    value?: number;\n\n    /**\n     * Function to change active tab.\n     */\n    updateValue?: (index: number) => void;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n}>;\n\nconst disabledStyles: Record<string, string | number> = {\n    opacity: 0.5,\n    pointerEvents: \"none\"\n};\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\ninterface TabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport interface TabsImperativeApi {\n    switchTab(index: number): void;\n    getActiveIndex(): number;\n}\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport const Tabs = forwardRef<TabsImperativeApi | undefined, TabsProps>((props, ref) => {\n    const [activeTabIndex, setActiveIndex] = useState(0);\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const activeIndex = props.value !== undefined ? props.value : activeTabIndex;\n\n    const activateTabIndex = useCallback((index: number) => {\n        if (typeof props.updateValue === \"function\") {\n            props.updateValue(index);\n            return;\n        }\n\n        setActiveIndex(index);\n    }, []);\n\n    useImperativeHandle(ref, () => ({\n        getActiveIndex() {\n            return activeIndex;\n        },\n        switchTab(tabIndex: number) {\n            activateTabIndex(tabIndex);\n        }\n    }));\n\n    /**\n     * This effect will make sure that disabled tabs automatically switch to the first tab.\n     */\n    useEffect(() => {\n        if (tabs[activeIndex]?.disabled) {\n            activateTabIndex(0);\n        }\n    });\n\n    /* We need to generate a key like this to trigger a proper component re-render when child tabs change. */\n    const tabBar = (\n        <TabBar\n            key={tabs.map(tab => tab.id).join(\";\")}\n            className=\"webiny-ui-tabs__tab-bar\"\n            activeTabIndex={activeIndex}\n            onActivate={evt => {\n                if (typeof props.updateValue === \"function\") {\n                    props.updateValue(evt.detail.index);\n                } else {\n                    setActiveIndex(evt.detail.index);\n                }\n                props.onActivate && props.onActivate(evt.detail.index);\n            }}\n        >\n            {tabs.map(item => {\n                if (!item.visible) {\n                    return <RmwcTab tag={\"div\"} style={{ display: \"none\" }} key={item.id} />;\n                }\n\n                const style = item.style || {};\n                if (item.disabled) {\n                    Object.assign(style, disabledStyles);\n                }\n\n                return (\n                    <RmwcTab\n                        tag={\"div\"}\n                        style={style}\n                        key={item.id}\n                        data-testid={item[\"data-testid\"]}\n                        {...(item.icon ? { icon: item.icon } : {})}\n                    >\n                        {item.label}\n                    </RmwcTab>\n                );\n            })}\n        </TabBar>\n    );\n\n    const content = tabs.filter(Boolean).map((tab, index) => {\n        if (activeIndex === index) {\n            return <div key={index}>{tab.children}</div>;\n        } else {\n            return (\n                <div key={index} style={{ display: \"none\" }}>\n                    {tab.children}\n                </div>\n            );\n        }\n    });\n\n    const context: TabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.id === props.id);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id === id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <div className={classNames(\"webiny-ui-tabs\", props.className)}>\n            {tabBar}\n            <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n            <TabsContext.Provider value={context}>{props.children}</TabsContext.Provider>\n        </div>\n    );\n});\n\nTabs.displayName = \"Tabs\";\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_tabs","disabledStyles","opacity","pointerEvents","TabsContext","createContext","undefined","exports","Tabs","forwardRef","props","ref","_useState","useState","_useState2","_slicedToArray2","default","activeTabIndex","setActiveIndex","_useState3","_useState4","tabs","setTabs","activeIndex","value","activateTabIndex","useCallback","index","updateValue","useImperativeHandle","getActiveIndex","switchTab","tabIndex","useEffect","disabled","tabBar","createElement","TabBar","key","map","tab","id","join","className","onActivate","evt","detail","item","visible","Tab","tag","style","display","Object","assign","icon","label","content","filter","Boolean","children","context","useMemo","addTab","existingIndex","findIndex","concat","_toConsumableArray2","slice","removeTab","classNames","Provider","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import React, {\n    createContext,\n    forwardRef,\n    PropsWithChildren,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState\n} from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar, Tab as RmwcTab } from \"@rmwc/tabs\";\nimport { TabProps } from \"./Tab\";\n\nexport type TabsProps = PropsWithChildren<{\n    /**\n     * Append a class name.\n     */\n    className?: string;\n\n    /**\n     * Callback to execute when a tab is changed.\n     */\n    onActivate?: (index: number) => void;\n\n    /**\n     * Active tab index value.\n     */\n    value?: number;\n\n    /**\n     * Function to change active tab.\n     */\n    updateValue?: (index: number) => void;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n}>;\n\nconst disabledStyles: Record<string, string | number> = {\n    opacity: 0.5,\n    pointerEvents: \"none\"\n};\n\ninterface TabItem extends TabProps {\n    id: string;\n}\n\ninterface TabsContext {\n    addTab(props: TabItem): void;\n    removeTab(id: string): void;\n}\n\nexport const TabsContext = createContext<TabsContext | undefined>(undefined);\n\nexport interface TabsImperativeApi {\n    switchTab(index: number): void;\n    getActiveIndex(): number;\n}\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport const Tabs = forwardRef<TabsImperativeApi | undefined, TabsProps>((props, ref) => {\n    const [activeTabIndex, setActiveIndex] = useState(0);\n    const [tabs, setTabs] = useState<TabItem[]>([]);\n\n    const activeIndex = props.value !== undefined ? props.value : activeTabIndex;\n\n    const activateTabIndex = useCallback((index: number) => {\n        if (typeof props.updateValue === \"function\") {\n            props.updateValue(index);\n            return;\n        }\n\n        setActiveIndex(index);\n    }, []);\n\n    useImperativeHandle(ref, () => ({\n        getActiveIndex() {\n            return activeIndex;\n        },\n        switchTab(tabIndex: number) {\n            activateTabIndex(tabIndex);\n        }\n    }));\n\n    /**\n     * This effect will make sure that disabled tabs automatically switch to the first tab.\n     */\n    useEffect(() => {\n        if (tabs[activeIndex]?.disabled) {\n            activateTabIndex(0);\n        }\n    });\n\n    /* We need to generate a key like this to trigger a proper component re-render when child tabs change. */\n    const tabBar = (\n        <TabBar\n            key={tabs.map(tab => tab.id).join(\";\")}\n            className=\"webiny-ui-tabs__tab-bar\"\n            activeTabIndex={activeIndex}\n            onActivate={evt => {\n                if (typeof props.updateValue === \"function\") {\n                    props.updateValue(evt.detail.index);\n                } else {\n                    setActiveIndex(evt.detail.index);\n                }\n                props.onActivate && props.onActivate(evt.detail.index);\n            }}\n        >\n            {tabs.map(item => {\n                if (!item.visible) {\n                    return <RmwcTab tag={\"div\"} style={{ display: \"none\" }} key={item.id} />;\n                }\n\n                const style = item.style || {};\n                if (item.disabled) {\n                    Object.assign(style, disabledStyles);\n                }\n\n                return (\n                    <RmwcTab\n                        tag={\"div\"}\n                        style={style}\n                        key={item.id}\n                        data-testid={item[\"data-testid\"]}\n                        {...(item.icon ? { icon: item.icon } : {})}\n                    >\n                        {item.label}\n                    </RmwcTab>\n                );\n            })}\n        </TabBar>\n    );\n\n    const content = tabs.filter(Boolean).map((tab, index) => {\n        if (activeIndex === index) {\n            return <div key={index}>{tab.children}</div>;\n        } else {\n            return (\n                <div key={index} style={{ display: \"none\" }}>\n                    {tab.children}\n                </div>\n            );\n        }\n    });\n\n    const context: TabsContext = useMemo(\n        () => ({\n            addTab(props) {\n                setTabs(tabs => {\n                    const existingIndex = tabs.findIndex(tab => tab.id === props.id);\n                    if (existingIndex > -1) {\n                        return [\n                            ...tabs.slice(0, existingIndex),\n                            props,\n                            ...tabs.slice(existingIndex + 1)\n                        ];\n                    }\n                    return [...tabs, props];\n                });\n            },\n            removeTab(id) {\n                setTabs(tabs => tabs.filter(tab => tab.id === id));\n            }\n        }),\n        [setTabs]\n    );\n\n    return (\n        <div className={classNames(\"webiny-ui-tabs\", props.className)}>\n            {tabBar}\n            <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n            <TabsContext.Provider value={context}>{props.children}</TabsContext.Provider>\n        </div>\n    );\n});\n\nTabs.displayName = \"Tabs\";\n"],"mappings":"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"}

package/Tabs/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineDelete24px","_baselineDone24px","_addonKnobs","_index","story","storiesOf","module","addDecorator","withKnobs","add","Div","props","default","createElement","style","padding","children","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","overflow","Tabs","Tab","label","icon","ReactComponent","StorySandboxCode","info","propTables"],"sources":["Tabs.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tabs/README.md\";\n\nimport { ReactComponent as DeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as DoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\nimport { Tabs, Tab } from \"./index\";\n\nconst story = storiesOf(\"Components/Tabs\", module);\n\nstory.addDecorator(withKnobs);\nstory.add(\n    \"usage\",\n    () => {\n        const Div: React.FC = props => {\n            return <div style={{ padding: 50 }}>{props.children}</div>;\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Tabs example\"}>\n                    <StorySandboxExample>\n                        <div style={{ overflow: \"hidden\" }}>\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tabs, Tab] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAMQ,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAElDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAC7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,GAAa,GAAG,SAAhBA,GAAaA,CAAGC,KAAK,EAAI;IAC3B,oBAAOjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAG;IAAE,GAAEJ,KAAK,CAACK,QAAc,CAAC;EAC9D,CAAC;EAED,oBACItB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,KAAK,qBACFvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,WAAW,QAAEC,eAAoB,CAAC,eACnCzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAsB,YAAY;IAACC,KAAK,EAAE;EAAe,gBAChC3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAwB,mBAAmB,qBAChB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE;MAAES,QAAQ,EAAE;IAAS;EAAE,gBAC/B7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAqB,IAAI,qBACD9B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,mBAAA,CAAA4B,cAAU,MAAE;EAAE,gBACpClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBAClClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC;EAAO,gBACdhC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,sCAAyC,CAC7C,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACE,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBACpBlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,uCAA0C,CAC9C,CACH,CACL,CACY,CAAC,eACtBhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAA+B,gBAAgB,g0BAiBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,WAAI,EAAEC,UAAG;EAAE;AAAE,CACxC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineDelete24px","_baselineDone24px","_addonKnobs","_index","story","storiesOf","module","addDecorator","withKnobs","add","Div","props","default","createElement","style","padding","children","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","overflow","Tabs","Tab","label","icon","ReactComponent","StorySandboxCode","info","propTables"],"sources":["Tabs.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tabs/README.md\";\n\nimport { ReactComponent as DeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as DoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\nimport { Tabs, Tab } from \"./index\";\n\nconst story = storiesOf(\"Components/Tabs\", module);\n\ninterface DivProps {\n    children: React.ReactNode;\n}\n\nstory.addDecorator(withKnobs);\nstory.add(\n    \"usage\",\n    () => {\n        const Div = (props: DivProps) => {\n            return <div style={{ padding: 50 }}>{props.children}</div>;\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Tabs example\"}>\n                    <StorySandboxExample>\n                        <div style={{ overflow: \"hidden\" }}>\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tabs, Tab] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,IAAMQ,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAMlDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAC7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIC,KAAe,EAAK;IAC7B,oBAAOjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAG;IAAE,GAAEJ,KAAK,CAACK,QAAc,CAAC;EAC9D,CAAC;EAED,oBACItB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,KAAK,qBACFvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,WAAW,QAAEC,eAAoB,CAAC,eACnCzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAsB,YAAY;IAACC,KAAK,EAAE;EAAe,gBAChC3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAwB,mBAAmB,qBAChB5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE;MAAES,QAAQ,EAAE;IAAS;EAAE,gBAC/B7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAqB,IAAI,qBACD9B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,mBAAA,CAAA4B,cAAU,MAAE;EAAE,gBACpClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBAClClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,gBAAmB,CACvB,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACC,KAAK,EAAC;EAAO,gBACdhC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,sCAAyC,CAC7C,CAAC,eACNhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAsB,GAAG;IAACE,IAAI,eAAEjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA2B,cAAQ,MAAE;EAAE,gBACpBlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,GAAG,QAAC,uCAA0C,CAC9C,CACH,CACL,CACY,CAAC,eACtBhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAA+B,gBAAgB,g0BAiBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,WAAI,EAAEC,UAAG;EAAE;AAAE,CACxC,CAAC"}

package/Tags/Tags.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { FormComponentProps } from "../types";
 interface TagsProps extends FormComponentProps {
     /**
@@ -28,11 +28,11 @@ interface TagsProps extends FormComponentProps {
     /**
      * Callback that gets executed on change of input value.
      */
-    onInput?: Function;
+    onInput?: <T = unknown>(value: T) => void;
     /**
      * Callback that gets executed when the input is focused.
      */
-    onFocus?: Function;
+    onFocus?: (ev: Event) => void;
     /**
      * Automatically focus on the tags input.
      */
@@ -42,5 +42,5 @@ interface TagsProps extends FormComponentProps {
      */
     protectedTags?: string[];
 }
-export declare const Tags: React.FC<TagsProps>;
+export declare const Tags: (props: TagsProps) => JSX.Element;
 export default Tags;