@webiny/ui 5.36.2 → 5.37.0-beta.1

package/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["Wrapper","styled","width","left","Slider","e","props","onChange","detail","value","onInput","label","description","validation","sliderValue","min","validationIsValid","isValid","validationMessage","message","React","Component"],"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":";;;;;;;;;;;;;AAAA;AACA;AAEA;AACA;AA+BA;AACA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BC,KAAK,EAAE,MAAM;EACb,0CAA0C,EAAE;IACxCC,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;;AAEF;AACA;AACA;AAFA,IAGMC,MAAM;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,uFACG,UAACC,CAAgC,EAAK;MAC7C,MAAKC,KAAK,CAACC,QAAQ,IAAI,MAAKD,KAAK,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAACC,KAAK,CAAC;IAC9D,CAAC;IAAA,sFAES,UAACJ,CAAgC,EAAK;MAC5C,MAAKC,KAAK,CAACI,OAAO,IAAI,MAAKJ,KAAK,CAACI,OAAO,CAACL,CAAC,CAACG,MAAM,CAACC,KAAK,CAAC;IAC5D,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,kBAAkD,IAAI,CAACH,KAAK;QAApDG,KAAK,eAALA,KAAK;QAAEE,KAAK,eAALA,KAAK;QAAEC,WAAW,eAAXA,WAAW;QAAEC,UAAU,eAAVA,UAAU;MAE7C,IAAIC,WAAW,GAAGL,KAAK;MACvB,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;QAChDK,WAAW,GAAG,IAAI,CAACR,KAAK,CAACS,GAAG,IAAI,CAAC;MACrC;MAEA,WAAmEF,UAAU,IAAI,CAAC,CAAC;QAAlEG,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVR,KAAK,iBACF;QAAK,SAAS,EAAC;MAAmE,GAC7EA,KAAK,CAEb,eAED,6BAAC,OAAO,qBACJ,6BAAC,cAAU,oBACH,IAAI,CAACL,KAAK;QACd,KAAK,EAAEQ,WAAY;QACnB,QAAQ,EAAE,IAAI,CAACP,QAAS;QACxB,OAAO,EAAE,IAAI,CAACG;MAAQ,GACxB,CACI,EAETM,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GAAEE,iBAAiB,CAC/C,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;IAEzB;EAAC;EAAA;AAAA,EA7CgBQ,cAAK,CAACC,SAAS;AAAA,eAgDrBjB,MAAM;AAAA"}
+{"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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"}

package/Slider/Slider.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","width","Bind","value","onChange","info","propTables","Slider"],"sources":["Slider.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Slider from \"./Slider\";\n\nconst story = storiesOf(\"Components/Slider\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple slider with a label and description\"}>\n                        <Form data={{ width: 200 }}>\n                            {({ Bind }) => (\n                                <Bind name=\"width\">\n                                    {({ value, onChange }) => (\n                                        <Slider\n                                            label={\"Number of rooms:\"}\n                                            disabled={disabled}\n                                            description={\n                                                \"Choose the number of rooms in your apartment.\"\n                                            }\n                                            discrete\n                                            displayMarkers\n                                            min={1}\n                                            max={10}\n                                            step={1}\n                                            onInput={onChange}\n                                            onChange={onChange}\n                                            value={value}\n                                        />\n                                    )}\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ width: 200 }}>\n                        {({ Bind }) => (\n                            <Bind name=\"width\">\n                                {({ value, onChange }) => (\n                                    <Slider\n                                        label={\"Number of rooms:\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"Choose the number of rooms in your apartment.\"\n                                        }\n                                        discrete\n                                        displayMarkers\n                                        min={1}\n                                        max={10}\n                                        step={1}\n                                        onInput={onChange}\n                                        onChange={onChange}\n                                        value={value}\n                                    />\n                                )}\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Slider] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA6C,gBACrE,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,GACtB;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAO,GACb;MAAA,IAAGC,KAAK,SAALA,KAAK;QAAEC,QAAQ,SAARA,QAAQ;MAAA,oBACf,6BAAC,eAAM;QACH,KAAK,EAAE,kBAAmB;QAC1B,QAAQ,EAAEN,QAAS;QACnB,WAAW,EACP,+CACH;QACD,QAAQ;QACR,cAAc;QACd,GAAG,EAAE,CAAE;QACP,GAAG,EAAE,EAAG;QACR,IAAI,EAAE,CAAE;QACR,OAAO,EAAEM,QAAS;QAClB,QAAQ,EAAEA,QAAS;QACnB,KAAK,EAAED;MAAM,EACf;IAAA,CACL,CACE;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,wrCA0BE,CACR,CACX;AAEhB,CAAC,EACD;EAAEE,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,eAAM;EAAE;AAAE,CAAC,CACrC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Slider","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","width","_ref","Bind","name","_ref2","value","onChange","label","description","discrete","displayMarkers","min","max","step","onInput","StorySandboxCode","info","propTables","Slider"],"sources":["Slider.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Slider from \"./Slider\";\n\nconst story = storiesOf(\"Components/Slider\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple slider with a label and description\"}>\n                        <Form data={{ width: 200 }}>\n                            {({ Bind }) => (\n                                <Bind name=\"width\">\n                                    {({ value, onChange }) => (\n                                        <Slider\n                                            label={\"Number of rooms:\"}\n                                            disabled={disabled}\n                                            description={\n                                                \"Choose the number of rooms in your apartment.\"\n                                            }\n                                            discrete\n                                            displayMarkers\n                                            min={1}\n                                            max={10}\n                                            step={1}\n                                            onInput={onChange}\n                                            onChange={onChange}\n                                            value={value}\n                                        />\n                                    )}\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ width: 200 }}>\n                        {({ Bind }) => (\n                            <Bind name=\"width\">\n                                {({ value, onChange }) => (\n                                    <Slider\n                                        label={\"Number of rooms:\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"Choose the number of rooms in your apartment.\"\n                                        }\n                                        discrete\n                                        displayMarkers\n                                        min={1}\n                                        max={10}\n                                        step={1}\n                                        onInput={onChange}\n                                        onChange={onChange}\n                                        value={value}\n                                    />\n                                )}\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Slider] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAI;EAAE,GACtB,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAO,GACb,UAAAC,KAAA;MAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;MAAA,oBACfjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAS,OAAM;QACHiB,KAAK,EAAE,kBAAmB;QAC1BnB,QAAQ,EAAEA,QAAS;QACnBoB,WAAW,EACP,+CACH;QACDC,QAAQ;QACRC,cAAc;QACdC,GAAG,EAAE,CAAE;QACPC,GAAG,EAAE,EAAG;QACRC,IAAI,EAAE,CAAE;QACRC,OAAO,EAAER,QAAS;QAClBA,QAAQ,EAAEA,QAAS;QACnBD,KAAK,EAAEA;MAAM,CAChB,CAAC;IAAA,CAEJ,CAAC;EAAA,CAET,CACW,CAAC,eACtBhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAsC,gBAAgB,urCA0BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,eAAM;EAAE;AAAE,CACrC,CAAC"}

package/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Slider } from \"./Slider\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_Slider","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as Slider } from \"./Slider\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["Snackbar","props","container","document","getElementById","createElement","setAttribute","body","appendChild","React","Component"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n */\nclass Snackbar extends React.Component<Props> {\n    public readonly container: HTMLElement | null = null;\n\n    public constructor(props: Props) {\n        super(props);\n\n        this.container = document.getElementById(\"snackbar-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"snackbar-container\");\n            const container: HTMLElement = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render(): React.ReactElement {\n        return <RmwcSnackbar {...this.props} />;\n    }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AAIA;AACA;AACA;AAFA,IAGMA,QAAQ;EAAA;EAAA;EAGV,kBAAmBC,KAAY,EAAE;IAAA;IAAA;IAC7B,0BAAMA,KAAK;IAAE,wFAH+B,IAAI;IAKhD,MAAKC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;IAE9D,IAAI,CAAC,MAAKF,SAAS,EAAE;MACjB,MAAKA,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC9C,MAAKH,SAAS,CAACI,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACvD,IAAMJ,SAAsB,GAAG,MAAKA,SAAS;MAC7CC,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACzD;IAAC;EACL;EAAC;IAAA;IAAA,OAED,kBAA6C;MACzC,oBAAO,6BAAC,kBAAY,EAAK,IAAI,CAACD,KAAK,CAAI;IAC3C;EAAC;EAAA;AAAA,EAlBkBQ,cAAK,CAACC,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_snackbar","Snackbar","_React$Component","_inherits2","default","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","container","document","getElementById","createElement","setAttribute","body","appendChild","_createClass2","key","value","render","React","Component","exports"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n */\nclass Snackbar extends React.Component<Props> {\n    public readonly container: HTMLElement | null = null;\n\n    public constructor(props: Props) {\n        super(props);\n\n        this.container = document.getElementById(\"snackbar-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"snackbar-container\");\n            const container: HTMLElement = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render(): React.ReactElement {\n        return <RmwcSnackbar {...this.props} />;\n    }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAIA;AACA;AACA;AAFA,IAGME,QAAQ,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,QAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,QAAA;EAGV,SAAAA,SAAmBM,KAAY,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,QAAA;IAC7BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAAE,IAAAI,gBAAA,CAAAP,OAAA,MAAAQ,uBAAA,CAAAR,OAAA,EAAAI,KAAA,gBAH+B,IAAI;IAKhDA,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;IAE9D,IAAI,CAACP,KAAA,CAAKK,SAAS,EAAE;MACjBL,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC9CR,KAAA,CAAKK,SAAS,CAACI,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACvD,IAAMJ,SAAsB,GAAGL,KAAA,CAAKK,SAAS;MAC7CC,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACzD;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAY,aAAA,CAAAhB,OAAA,EAAAH,QAAA;IAAAoB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAA6C;MACzC,oBAAO1B,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAAChB,SAAA,CAAAC,QAAY,EAAK,IAAI,CAACM,KAAQ,CAAC;IAC3C;EAAC;EAAA,OAAAN,QAAA;AAAA,EAlBkBuB,cAAK,CAACC,SAAS;AAAAC,OAAA,CAAAzB,QAAA,GAAAA,QAAA"}

package/Snackbar/Snackbar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","SnackbarContainer","show","state","setState","props","leading","React","Component","add","boolean","readme","info","propTables","Snackbar"],"sources":["Snackbar.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 \"./../Snackbar/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { Snackbar } from \"./Snackbar\";\n\nconst story = storiesOf(\"Components/Snackbar\", module);\nstory.addDecorator(withKnobs);\n\nclass SnackbarContainer extends React.Component<{ leading: boolean }, { show: boolean }> {\n    public override state = {\n        show: false\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Snackbar\n                    open={this.state.show}\n                    onClose={() => this.setState({ show: false })}\n                    message=\"This is a message.\"\n                    leading={this.props.leading}\n                    action=\"Something\"\n                />\n                <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                    Show message\n                </ButtonPrimary>\n            </React.Fragment>\n        );\n    }\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const leading = boolean(\"leading\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <SnackbarContainer leading />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={${leading}}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Snackbar] } }\n);\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAOA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAAC,IAExBC,iBAAiB;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,oFACK;MACpBC,IAAI,EAAE;IACV,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MAAA;MACrB,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,kBAAQ;QACL,IAAI,EAAE,IAAI,CAACC,KAAK,CAACD,IAAK;QACtB,OAAO,EAAE;UAAA,OAAM,MAAI,CAACE,QAAQ,CAAC;YAAEF,IAAI,EAAE;UAAM,CAAC,CAAC;QAAA,CAAC;QAC9C,OAAO,EAAC,oBAAoB;QAC5B,OAAO,EAAE,IAAI,CAACG,KAAK,CAACC,OAAQ;QAC5B,MAAM,EAAC;MAAW,EACpB,eACF,6BAAC,qBAAa;QAAC,OAAO,EAAE;UAAA,OAAM,MAAI,CAACF,QAAQ,CAAC;YAAEF,IAAI,EAAE;UAAK,CAAC,CAAC;QAAA;MAAC,GAAC,cAE7D,CAAgB,CACH;IAEzB;EAAC;EAAA;AAAA,EApB2BK,cAAK,CAACC,SAAS;AAuB/CZ,KAAK,CAACa,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMH,OAAO,GAAG,IAAAI,mBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;EAEzC,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,iBAAiB;IAAC,OAAO;EAAA,EAAG,CACX,eACtB,6BAAC,uBAAgB,4LAKML,OAAO,maASX,CACR,CACX;AAEhB,CAAC,EACD;EAAEM,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,kBAAQ;EAAE;AAAE,CAAC,CACvC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_Button","_Snackbar","story","storiesOf","module","addDecorator","withKnobs","SnackbarContainer","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","show","_createClass2","key","value","render","_this2","createElement","Fragment","Snackbar","open","state","onClose","setState","message","leading","props","action","ButtonPrimary","onClick","React","Component","add","boolean","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","StorySandboxCode","info","propTables"],"sources":["Snackbar.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 \"./../Snackbar/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { Snackbar } from \"./Snackbar\";\n\nconst story = storiesOf(\"Components/Snackbar\", module);\nstory.addDecorator(withKnobs);\n\nclass SnackbarContainer extends React.Component<{ leading: boolean }, { show: boolean }> {\n    public override state = {\n        show: false\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Snackbar\n                    open={this.state.show}\n                    onClose={() => this.setState({ show: false })}\n                    message=\"This is a message.\"\n                    leading={this.props.leading}\n                    action=\"Something\"\n                />\n                <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                    Show message\n                </ButtonPrimary>\n            </React.Fragment>\n        );\n    }\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const leading = boolean(\"leading\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <SnackbarContainer leading />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={${leading}}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Snackbar] } }\n);\n"],"mappings":"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"}

package/Snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { Snackbar, SnackbarAction } from \"./Snackbar\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["_Snackbar","require"],"sources":["index.ts"],"sourcesContent":["export { Snackbar, SnackbarAction } from \"./Snackbar\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA"}

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["Switch","e","props","onChange","target","checked","value","description","validation","validationIsValid","isValid","validationMessage","message","getClasses","pick","rmwcProps","Boolean","React","Component"],"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":";;;;;;;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAWA;AACA;AACA;AAFA,IAGMA,MAAM;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,uFAGG,UAACC,CAAoC,EAAK;MACjD,MAAKC,KAAK,CAACC,QAAQ,IAAI,MAAKD,KAAK,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAASC,OAAO,CAAC;IACzE,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,kBAA2C,IAAI,CAACH,KAAK;QAA7CI,KAAK,eAALA,KAAK;QAAEC,WAAW,eAAXA,WAAW;QAAEC,UAAU,eAAVA,UAAU;MAEtC,WAAmEA,UAAU,IAAI,CAAC,CAAC;QAAlEC,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,cAAU,oBACH,IAAAC,mBAAU,kCAAM,IAAAC,aAAI,EAAC,IAAI,CAACZ,KAAK,EAAEF,MAAM,CAACe,SAAS,CAAC,GAAI,kBAAkB,CAAC;QAC7E,OAAO,EAAEC,OAAO,CAACV,KAAK,CAAE;QACxB,QAAQ,EAAE,IAAI,CAACH;MAAS,GAC1B,EAEDM,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GAAEE,iBAAiB,CAC/C,EAEAF,iBAAiB,KAAK,KAAK,IAAIF,WAAW,iBACvC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;IAEzB;EAAC;EAAA;AAAA,EA7BgBU,cAAK,CAACC,SAAS;AAAA;AAAA,8BAA9BlB,MAAM,eACW,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC"}
+{"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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"}

package/Switch/Switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","rememberMe","Bind","info","propTables","Switch"],"sources":["Switch.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Switch } from \"./Switch\";\n\nconst story = storiesOf(\"Components/Switch\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple switch with a label and description\"}>\n                        <Form data={{ rememberMe: true }}>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Switch\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Switch] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA6C,gBACrE,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,UAAU,EAAE;IAAK;EAAE,GAC5B;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAY,gBACnB,6BAAC,cAAM;MACH,KAAK,EAAE,aAAc;MACrB,QAAQ,EAAEJ,QAAS;MACnB,WAAW,EACP;IACH,EACH,CACC;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,0iBAcE,CACR,CACX;AAEhB,CAAC,EACD;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAM;EAAE;AAAE,CAAC,CACrC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Switch","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","rememberMe","_ref","Bind","name","Switch","label","description","StorySandboxCode","info","propTables"],"sources":["Switch.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Switch } from \"./Switch\";\n\nconst story = storiesOf(\"Components/Switch\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple switch with a label and description\"}>\n                        <Form data={{ rememberMe: true }}>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Switch\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Switch] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,UAAU,EAAE;IAAK;EAAE,GAC5B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAY,gBACnB9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAuB,MAAM;MACHC,KAAK,EAAE,aAAc;MACrBjB,QAAQ,EAAEA,QAAS;MACnBkB,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA8B,gBAAgB,yiBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Switch/index.js.map

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

package/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tab","React","memo","props","tabsContext","useContext","TabsContext","idRef","useRef","shortid","generate","useEffect","addTab","id","current","visible","removeTab","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;AAEA;AACA;AAoBO,IAAMA,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,EAAE,CAAC;EAExC,IAAAC,gBAAS,EAAC,YAAM;IAAA;IACZP,WAAW,CAAEQ,MAAM,6DAAMT,KAAK;MAAEU,EAAE,EAAEN,KAAK,CAACO,OAAO;MAAEC,OAAO,oBAAEZ,KAAK,CAACY,OAAO,2DAAI;IAAI,GAAG;EACxF,CAAC,EAAE,CAACZ,KAAK,CAAC,CAAC;EAEX,IAAAQ,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACT,OAAOP,WAAW,CAAEY,SAAS,CAACT,KAAK,CAACO,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC,CAAC;AAAC;AAEHd,GAAG,CAACiB,WAAW,GAAG,KAAK"}
+{"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"}

package/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["disabledStyles","opacity","pointerEvents","TabsContext","createContext","undefined","Tabs","forwardRef","props","ref","useState","activeTabIndex","setActiveIndex","tabs","setTabs","activeIndex","value","activateTabIndex","useCallback","index","updateValue","useImperativeHandle","getActiveIndex","switchTab","tabIndex","useEffect","disabled","tabBar","map","tab","id","join","evt","detail","onActivate","item","visible","display","style","Object","assign","icon","label","content","filter","Boolean","children","context","useMemo","addTab","existingIndex","findIndex","slice","removeTab","classNames","className","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","_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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"}

package/Tabs/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","Div","props","padding","children","readme","overflow","info","propTables","Tabs","Tab"],"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;AACA;AACA;AAOA;AAEA;AACA;AACA;AACA;AAEA,IAAMA,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,GAAa,CAAGC,KAAK,EAAI;IAC3B,oBAAO;MAAK,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAG;IAAE,GAAED,KAAK,CAACE,QAAQ,CAAO;EAC9D,CAAC;EAED,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAe,gBAChC,6BAAC,0BAAmB,qBAChB;IAAK,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAS;EAAE,gBAC/B,6BAAC,WAAI,qBACD,6BAAC,UAAG;IAAC,KAAK,EAAC,OAAO;IAAC,IAAI,eAAE,6BAAC,kCAAU;EAAI,gBACpC,6BAAC,GAAG,QAAC,gBAAc,CAAM,CACvB,eACN,6BAAC,UAAG;IAAC,KAAK,EAAC,OAAO;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,gBAClC,6BAAC,GAAG,QAAC,gBAAc,CAAM,CACvB,eACN,6BAAC,UAAG;IAAC,KAAK,EAAC;EAAO,gBACd,6BAAC,GAAG,QAAC,sCAAoC,CAAM,CAC7C,eACN,6BAAC,UAAG;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,gBACpB,6BAAC,GAAG,QAAC,uCAAqC,CAAM,CAC9C,CACH,CACL,CACY,eACtB,6BAAC,uBAAgB,i0BAiBE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,WAAI,EAAEC,UAAG;EAAE;AAAE,CAAC,CACxC"}
+{"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"}

package/Tabs/index.js.map

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

package/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","props","useState","inputValue","setInputValue","validation","value","disabled","onChange","description","protectedTags","otherInputProps","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","onKeyDown","ev","newValue","Array","isArray","keycode","push","length","splice","validationIsValid","isValid","validationMessage","message","map","item","index"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: Function;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: Function;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport const Tags: React.FC<TagsProps> = props => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const {\n        validation,\n        value,\n        disabled,\n        onChange,\n        description,\n        protectedTags = [],\n        ...otherInputProps\n    } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <div className={tagsStyle}>\n            <div>\n                <Input {...inputProps} />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {Array.isArray(value) && value.length ? (\n                    <Chips disabled={disabled}>\n                        {value.map((item, index) => {\n                            return (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </Chips>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","exports","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: Function;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: Function;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport const Tags: React.FC<TagsProps> = props => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const {\n        validation,\n        value,\n        disabled,\n        onChange,\n        description,\n        protectedTags = [],\n        ...otherInputProps\n    } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <div className={tagsStyle}>\n            <div>\n                <Input {...inputProps} />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {Array.isArray(value) && value.length ? (\n                    <Chips disabled={disabled}>\n                        {value.map((item, index) => {\n                            return (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </Chips>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"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"}

package/Tags/Tags.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","tags","Bind","info","propTables","Tags"],"sources":["Tags.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Tags } from \"./Tags\";\n\nconst story = storiesOf(\"Components/Tags\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ tags: [\"animals\", \"dogs\", \"food\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"tags\">\n                                    <Tags\n                                        label=\"Tags\"\n                                        disabled={disabled}\n                                        description=\"Choose your tags\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tags] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAAe,gBACvC,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM;IAAE;EAAE,GAC7C;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAM,gBACb,6BAAC,UAAI;MACD,KAAK,EAAC,MAAM;MACZ,QAAQ,EAAEJ,QAAS;MACnB,WAAW,EAAC;IAAkB,EAChC,CACC;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,miBAcE,CACR,CACX;AAEhB,CAAC,EACD;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,UAAI;EAAE;AAAE,CAAC,CACnC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Tags","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","tags","_ref","Bind","name","Tags","label","description","StorySandboxCode","info","propTables"],"sources":["Tags.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Tags } from \"./Tags\";\n\nconst story = storiesOf(\"Components/Tags\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ tags: [\"animals\", \"dogs\", \"food\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"tags\">\n                                    <Tags\n                                        label=\"Tags\"\n                                        disabled={disabled}\n                                        description=\"Choose your tags\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tags] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAAe,gBACvCxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,IAAI,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM;IAAE;EAAE,GAC7C,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACC,IAAI,EAAC;IAAM,gBACb9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAuB,IAAI;MACDC,KAAK,EAAC,MAAM;MACZjB,QAAQ,EAAEA,QAAS;MACnBkB,WAAW,EAAC;IAAkB,CACjC,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBjC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA8B,gBAAgB,kiBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,UAAI;EAAE;AAAE,CACnC,CAAC"}

package/Tags/index.js.map

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

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tooltip","tooltipIsOpen","visible","setState","onVisibleChange","props","content","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAqCA;AACA;AACA;AAFA,IAGMA,OAAO;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,oFACe;MACpBC,aAAa,EAAE;IACnB,CAAC;IAAA,8FAEiB,UAACC,OAAiB,EAAK;MACrC,MAAKC,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,oBACI,6BAAC;MACG;AAChB;AACA;MACgB;MAAA;QACA,SAAS,EAAE,MAAO;QAClB,eAAe,EAAE,IAAI,CAACE,eAAgB;QACtC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEd;QAAM,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACA,KAAK,CAACE,QAAQ,CACjB,CACC;IAEpB;EAAC;EAAA;AAAA,EA5BiBC,cAAK,CAACC,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","tooltipIsOpen","visible","setState","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component","exports"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,OAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,OAAA;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,YACe;MACpBa,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAF,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,sBAEiB,UAACc,OAAiB,EAAK;MACrCd,KAAA,CAAKe,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAgB,aAAA,CAAAnB,OAAA,EAAAH,OAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,oBACI7B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,UAAA,CAAAI;MACG;AAChB;AACA;MACgB;MAAA,EAAAwB,MAAA,CAAAC,MAAA;QACAC,SAAS,EAAE,MAAO;QAClBC,eAAe,EAAE,IAAI,CAACA,eAAgB;QACtCC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEdpC,MAAA,CAAAO,OAAA,CAAAuB,aAAA;QAAMQ,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACF,KAAK,CAACG,QACV,CACC,CAAC;IAEpB;EAAC;EAAA,OAAAnC,OAAA;AAAA,EA5BiBoC,cAAK,CAACC,SAAS;AAAAC,OAAA,CAAAtC,OAAA,GAAAA,OAAA"}

package/Tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Tooltip"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA4C,gBAC7D,6BAAC,gBAAO;IAAC,OAAO,eAAE,2CAAM,oBAAkB;EAAQ,gBAC9C,2CAAM,sCAAoC,CAAO,CAC3C,CACC,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,gBAAO;EAAE;AAAE,CAAC,CACtC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Tooltip","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Tooltip","content","info","propTables"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,KAAK,qBACFb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,WAAW,QAAEC,eAAoB,CAAC,eACnCf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAA4C,gBAC7DjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAY,OAAO;IAACC,OAAO,eAAEnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAM,oBAAwB;EAAE,gBAC9CZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,eAAM,sCAA0C,CAC3C,CACC,CACX,CAAC;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACH,gBAAO;EAAE;AAAE,CACtC,CAAC"}

package/Tooltip/index.js.map

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

package/TopAppBar/TopAppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBar","props","children","rest"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"mappings":";;;;;;;;AAAA;AAEA;AAI2B;AAiB3B,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAqB,EAAK;EACzC,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBACI,6BAAC,oBAAa,EAAKE,IAAI,eACnB,6BAAC,uBAAY,QAAED,QAAQ,CAAgB,CAC3B;AAExB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","_excluded","TopAppBar","props","children","rest","_objectWithoutProperties2","default","createElement","TopAppBarRow","exports"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAI2B,IAAAE,SAAA;AAiB3B,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAqB,EAAK;EACzC,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACnC,oBACIJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAE,SAAa,EAAKG,IAAI,eACnBR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAS,YAAY,QAAEL,QAAuB,CAC3B,CAAC;AAExB,CAAC;AAACM,OAAA,CAAAR,SAAA,GAAAA,SAAA"}

package/TopAppBar/TopAppBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","readme","info","propTables","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const css = `.top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AACvDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;;AAE7B;AACA;AACA;AACA;;AAEA,IAAIC,oBAAoB,GAAG,KAAK;AAChC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;EAC7B,IAAID,oBAAoB,EAAE;IACtB;EACJ;EAEAA,oBAAoB,GAAG,IAAI;EAC3B,IAAME,GAAG,yKACqE;IAC1EC,IAAI,GAAGC,QAAQ,CAACD,IAAI,IAAIC,QAAQ,CAACC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChEC,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAE3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EACvBF,KAAK,CAACG,WAAW,CAACL,QAAQ,CAACM,cAAc,CAACR,GAAG,CAAC,CAAC;EAC/CC,IAAI,CAACM,WAAW,CAACH,KAAK,CAAC;AAC3B,CAAC;AAEDX,KAAK,CAACgB,GAAG,CACL,OAAO,EACP,YAAM;EACFV,kBAAkB,EAAE;EAEpB,IAAMW,KAAK,GAAG,IAAAC,gBAAI,EAAC,OAAO,EAAE,QAAQ,CAAC;EACrC,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT;IAAK,SAAS,EAAC;EAAuB,gBAClC,6BAAC,gBAAS,qBACN,6BAAC,uBAAgB;IAAC,UAAU;EAAA,gBACxB,6BAAC,8BAAuB;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,EAAG,eAC/C,6BAAC,qBAAc,QAAEF,KAAK,CAAkB,CACzB,eACnB,6BAAC,uBAAgB;IAAC,QAAQ;EAAA,gBACtB,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,sCAAa;EAAI,EAAG,eAChD,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,qCAAa;EAAI,EAAG,eAChD,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,iCAAY;EAAI,EAAG,CAChC,CACX,CACV,CACK,CACX;AAEhB,CAAC,EACD;EACIG,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,gBAAS,EACTC,uBAAgB,EAChBC,8BAAuB,EACvBC,qBAAc,EACdC,0BAAmB;EAE3B;AACJ,CAAC,CACJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_baselineAutorenew24px","_baselineCloud_done24px","_baselineEmail24px","_baselineMenu24px","_index","story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","default","Story","StoryReadme","readme","StorySandbox","className","TopAppBar","TopAppBarSection","alignStart","TopAppBarNavigationIcon","icon","ReactComponent","TopAppBarTitle","alignEnd","TopAppBarActionItem","info","propTables"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const css = `.top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":"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"}

package/TopAppBar/TopAppBarActionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarActionItem","props"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, \"onChange\">;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;AAAA;AACA;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAA+B,EAAK;EAC7D,oBAAO,6BAAC,8BAAuB,EAAKA,KAAK,CAAI;AACjD,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","TopAppBarActionItem","props","default","createElement","exports"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, \"onChange\">;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAA+B,EAAK;EAC7D,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,UAAA,CAAAC,mBAAuB,EAAKC,KAAQ,CAAC;AACjD,CAAC;AAACG,OAAA,CAAAJ,mBAAA,GAAAA,mBAAA"}

package/TopAppBar/TopAppBarNavigationIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarNavigationIcon","props"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, \"onChange\">;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;AAAA;AAEA;AAOA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,KAAmC,EAAK;EACrE,oBAAO,6BAAC,kCAA2B,EAAKA,KAAK,CAAI;AACrD,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","TopAppBarNavigationIcon","props","default","createElement","exports"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, \"onChange\">;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,KAAmC,EAAK;EACrE,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,UAAA,CAAAC,uBAA2B,EAAKC,KAAQ,CAAC;AACrD,CAAC;AAACG,OAAA,CAAAJ,uBAAA,GAAAA,uBAAA"}

package/TopAppBar/TopAppBarPrimary.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarPrimary","props","children","other"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwD;AAIxD,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAeD,KAAK,CAA5BC,QAAQ;IAAKC,KAAK,0CAAKF,KAAK;EACpC,oBACI,6BAAC,oBAAS,oBAAKE,KAAK;IAAE,SAAS,EAAE;EAAU,IACtCD,QAAQ,CACD;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_excluded","TopAppBarPrimary","props","children","other","_objectWithoutProperties2","default","createElement","TopAppBar","Object","assign","className","exports"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAwD,IAAAE,SAAA;AAIxD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAeD,KAAK,CAA5BC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACpC,oBACIJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAS,SAAS,EAAAC,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEO,SAAS,EAAE;EAAU,IACtCR,QACM,CAAC;AAEpB,CAAC;AAACS,OAAA,CAAAX,gBAAA,GAAAA,gBAAA"}

package/TopAppBar/TopAppBarSecondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarSecondary","props","style","children","other"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwD;AAIxD,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAA8B,EAAK;EAC3D,mBAA2CA,KAAK,CAAxCC,KAAK;IAALA,KAAK,6BAAG,CAAC,CAAC;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAKC,KAAK,0CAAKH,KAAK;EAChD,oBACI,6BAAC,oBAAS,oBAAKG,KAAK;IAAE,KAAK,EAAEF;EAAM,IAC9BC,QAAQ,CACD;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_excluded","TopAppBarSecondary","props","_props$style","style","children","other","_objectWithoutProperties2","default","createElement","TopAppBar","Object","assign","exports"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAwD,IAAAE,SAAA;AAIxD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;EAC3D,IAAAC,YAAA,GAA2CD,KAAK,CAAxCE,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,CAAC,CAAC,GAAAA,YAAA;IAAEE,QAAQ,GAAeH,KAAK,CAA5BG,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAF,SAAA;EAChD,oBACIJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,UAAA,CAAAW,SAAS,EAAAC,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEF,KAAK,EAAEA;EAAM,IAC9BC,QACM,CAAC;AAEpB,CAAC;AAACQ,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA"}

package/TopAppBar/TopAppBarSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarSection","props","children","rest"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;AAAA;AACA;AAG2B;AAmB3B,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBAAO,6BAAC,2BAAoB,EAAKE,IAAI,EAAGD,QAAQ,CAAwB;AAC5E,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","_excluded","TopAppBarSection","props","children","rest","_objectWithoutProperties2","default","createElement","exports"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAG2B,IAAAE,SAAA;AAmB3B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACnC,oBAAOJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAE,gBAAoB,EAAKG,IAAI,EAAGD,QAA+B,CAAC;AAC5E,CAAC;AAACK,OAAA,CAAAP,gBAAA,GAAAA,gBAAA"}

package/TopAppBar/TopAppBarTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopAppBarTitle","props","children","rest"],"sources":["TopAppBarTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"],"mappings":";;;;;;;;AAAA;AACA;AAG2B;AAS3B,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAK;EACnD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBAAO,6BAAC,yBAAkB,EAAKE,IAAI,EAAGD,QAAQ,CAAsB;AACxE,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","_excluded","TopAppBarTitle","props","children","rest","_objectWithoutProperties2","default","createElement","exports"],"sources":["TopAppBarTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAG2B,IAAAE,SAAA;AAS3B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA0B,EAAK;EACnD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACnC,oBAAOJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAE,cAAkB,EAAKG,IAAI,EAAGD,QAA6B,CAAC;AACxE,CAAC;AAACK,OAAA,CAAAP,cAAA,GAAAA,cAAA"}

package/TopAppBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_TopAppBar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TopAppBarPrimary","_TopAppBarSecondary","_TopAppBarSection","_TopAppBarTitle","_TopAppBarNavigationIcon","_TopAppBarActionItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./TopAppBar\";\nexport * from \"./TopAppBarPrimary\";\nexport * from \"./TopAppBarSecondary\";\nexport * from \"./TopAppBarSection\";\nexport * from \"./TopAppBarTitle\";\nexport * from \"./TopAppBarNavigationIcon\";\nexport * from \"./TopAppBarActionItem\";\n"],"mappings":"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"}

package/TopProgressBar/TopProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["TopProgressBar","props","children","start","nprogress","finish","done"],"sources":["TopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"],"mappings":";;;;;;;AACA;AACA;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAK;EAC1D,OAAOA,KAAK,CAACC,QAAQ,CAAC;IAClBC,KAAK,EAAEC,kBAAS,CAACD,KAAK;IACtBE,MAAM,EAAED,kBAAS,CAACE,IAAI;IACtBF,SAAS,EAATA;EACJ,CAAC,CAAC;AACN,CAAC;AAAC"}
+{"version":3,"names":["_nprogress","_interopRequireDefault","require","TopProgressBar","props","children","start","nprogress","finish","done","exports"],"sources":["TopProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport nprogress from \"nprogress\";\nimport \"./style.scss\";\n\nexport interface TopProgressBarRender {\n    start: () => void;\n    finish: () => void;\n    nprogress: typeof nprogress;\n}\n\nexport interface TopProgressBarProps {\n    /**\n     * Elements that require top loading bar to be shown.\n     */\n    children: (params: TopProgressBarRender) => React.ReactElement;\n}\n\nexport const TopProgressBar = (props: TopProgressBarProps) => {\n    return props.children({\n        start: nprogress.start,\n        finish: nprogress.done,\n        nprogress\n    });\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAeO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA0B,EAAK;EAC1D,OAAOA,KAAK,CAACC,QAAQ,CAAC;IAClBC,KAAK,EAAEC,kBAAS,CAACD,KAAK;IACtBE,MAAM,EAAED,kBAAS,CAACE,IAAI;IACtBF,SAAS,EAATA;EACJ,CAAC,CAAC;AACN,CAAC;AAACG,OAAA,CAAAP,cAAA,GAAAA,cAAA"}