@webiny/ui 5.36.2 → 5.37.0-beta.1

package/Radio/Radio.js.map

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

package/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyRadioTitle","css","paddingLeft","marginBottom"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingLeft: 10,\n            //textTransform: \"uppercase\",\n            //fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyRadioTitle };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAG,IAAAC,YAAG,EACxB,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5BC,WAAW,EAAE,EAAE;IACf;IACA;IACAC,YAAY,EAAE;EAClB;AACJ,CAAC,4BACJ;AAAC"}
+{"version":3,"names":["_emotion","require","webinyRadioTitle","css","paddingLeft","marginBottom","exports"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingLeft: 10,\n            //textTransform: \"uppercase\",\n            //fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyRadioTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,gBAAgB,gBAAG,IAAAC,YAAG,EACxB,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5BC,WAAW,EAAE,EAAE;IACf;IACA;IACAC,YAAY,EAAE;EAClB;AACJ,CAAC,2BACL,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA"}

package/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioGroup","props","description","label","validation","validationIsValid","isValid","validationMessage","message","webinyRadioTitle","children","onChange","value","getValue","id","React","Component"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface RadioGroupRenderParams {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\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 default RadioGroup;\n"],"mappings":";;;;;;;;;;;AAAA;AAEA;AACA;AAA0D,IAkBpDA,UAAU;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACZ,kBAAyB;MAAA;MACrB,kBAA2C,IAAI,CAACC,KAAK;QAA7CC,WAAW,eAAXA,WAAW;QAAEC,KAAK,eAALA,KAAK;QAAEC,UAAU,eAAVA,UAAU;MAEtC,WAAmEA,UAAU,IAAI,CAAC,CAAC;QAAlEC,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVL,KAAK,iBACF;QACI,SAAS,EACL,oEAAoE,GACpEM;MACH,GAEAN,KAAK,CAEb,EAEA,IAAI,CAACF,KAAK,CAACS,QAAQ,CAAC;QACjBC,QAAQ,EAAE,kBAAAC,KAAK;UAAA,OAAI;YAAA,OAAM,KAAI,CAACX,KAAK,CAACU,QAAQ,IAAI,KAAI,CAACV,KAAK,CAACU,QAAQ,CAACC,KAAK,CAAC;UAAA;QAAA;QAC1EC,QAAQ,EAAE,kBAAAC,EAAE;UAAA,OAAI,KAAI,CAACb,KAAK,CAACW,KAAK,KAAKE,EAAE;QAAA;MAC3C,CAAC,CAAC,EAEDT,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GAAEE,iBAAiB,CAC/C,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;IAEzB;EAAC;EAAA;AAAA,EAjCoBa,cAAK,CAACC,SAAS;AAAA,eAoCzBhB,UAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Radio","_FormElementMessage","RadioGroup","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_this","_this$props","props","description","label","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","webinyRadioTitle","children","onChange","getValue","id","FormElementMessage","error","React","Component","_default","exports"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface RadioGroupRenderParams {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\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 default RadioGroup;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0D,IAkBpDG,UAAU,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,UAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,UAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,UAAA;IAAAU,GAAA;IAAAC,KAAA,EACZ,SAAAC,OAAA,EAAyB;MAAA,IAAAC,KAAA;MACrB,IAAAC,WAAA,GAA2C,IAAI,CAACC,KAAK;QAA7CC,WAAW,GAAAF,WAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;QAAEC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;MAEtC,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC7B,MAAA,CAAAQ,OAAK,CAACsB,QAAQ,QACVR,KAAK,iBACFtB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA;QACIE,SAAS,EACL,oEAAoE,GACpEC;MACH,GAEAV,KACA,CACR,EAEA,IAAI,CAACF,KAAK,CAACa,QAAQ,CAAC;QACjBC,QAAQ,EAAE,SAAAA,SAAAlB,KAAK;UAAA,OAAI;YAAA,OAAME,KAAI,CAACE,KAAK,CAACc,QAAQ,IAAIhB,KAAI,CAACE,KAAK,CAACc,QAAQ,CAAClB,KAAK,CAAC;UAAA;QAAA;QAC1EmB,QAAQ,EAAE,SAAAA,SAAAC,EAAE;UAAA,OAAIlB,KAAI,CAACE,KAAK,CAACJ,KAAK,KAAKoB,EAAE;QAAA;MAC3C,CAAC,CAAC,EAEDX,iBAAiB,KAAK,KAAK,iBACxBzB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,mBAAA,CAAAiC,kBAAkB;QAACC,KAAK;MAAA,GAAEX,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvCrB,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAACzB,mBAAA,CAAAiC,kBAAkB,QAAEhB,WAAgC,CAE7C,CAAC;IAEzB;EAAC;EAAA,OAAAhB,UAAA;AAAA,EAjCoBkC,cAAK,CAACC,SAAS;AAAA,IAAAC,QAAA,GAoCzBpC,UAAU;AAAAqC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}

package/Radio/RadioGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","options","id","name","readme","fruits","Bind","onChange","getValue","map","info","propTables","Radio","RadioGroup"],"sources":["RadioGroup.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 { Radio, RadioGroup } from \".\";\n\nconst story = storiesOf(\"Components/Radio\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple radio with label and description\"}>\n                        <Form data={{ fruits: \"pear\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <RadioGroup\n                                        label=\"Fruit selection\"\n                                        description={\"Choose fruit you like the most.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Radio\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </RadioGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Radio, RadioGroup] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AACnDF,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,IAAMC,OAAO,GAAG,CACZ;IAAEC,EAAE,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAQ,CAAC,EAC9B;IAAED,EAAE,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO,CAAC,EAC5B;IAAED,EAAE,EAAE,QAAQ;IAAEC,IAAI,EAAE;EAAS,CAAC,CACnC;EAED,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA0C,gBAClE,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,GAC1B;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAQ,gBACf,6BAAC,YAAU;MACP,KAAK,EAAC,iBAAiB;MACvB,WAAW,EAAE;IAAkC,GAE9C;MAAA,IAAGC,QAAQ,SAARA,QAAQ;QAAEC,QAAQ,SAARA,QAAQ;MAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVP,OAAO,CAACQ,GAAG,CAAC;QAAA,IAAGP,EAAE,SAAFA,EAAE;UAAEC,IAAI,SAAJA,IAAI;QAAA,oBACpB,6BAAC,OAAK;UACF,QAAQ,EAAEJ,QAAS;UACnB,GAAG,EAAEG,EAAG;UACR,KAAK,EAAEC,IAAK;UACZ,KAAK,EAAEK,QAAQ,CAACN,EAAE,CAAE;UACpB,QAAQ,EAAEK,QAAQ,CAACL,EAAE;QAAE,EACzB;MAAA,CACL,CAAC,CACW;IAAA,CACpB,CACQ,CACV;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,i1CA2BE,CACR,CACX;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,OAAK,EAAEC,YAAU;EAAE;AAAE,CAAC,CAChD"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","options","id","name","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","fruits","_ref","Bind","RadioGroup","label","description","_ref2","onChange","getValue","Fragment","map","_ref3","Radio","key","value","StorySandboxCode","info","propTables"],"sources":["RadioGroup.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 { Radio, RadioGroup } from \".\";\n\nconst story = storiesOf(\"Components/Radio\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple radio with label and description\"}>\n                        <Form data={{ fruits: \"pear\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <RadioGroup\n                                        label=\"Fruit selection\"\n                                        description={\"Choose fruit you like the most.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Radio\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </RadioGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Radio, RadioGroup] } }\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,CAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AACnDF,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,IAAMC,OAAO,GAAG,CACZ;IAAEC,EAAE,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAQ,CAAC,EAC9B;IAAED,EAAE,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO,CAAC,EAC5B;IAAED,EAAE,EAAE,QAAQ;IAAEC,IAAI,EAAE;EAAS,CAAC,CACnC;EAED,oBACInB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAkB,KAAK,qBACFtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAmB,WAAW,QAAEC,eAAoB,CAAC,eACnCxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAqB,YAAY,qBACTzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAsB,mBAAmB;IAACC,KAAK,EAAE;EAA0C,gBAClE3B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAqB,IAAI;IAACC,IAAI,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,GAC1B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACW,IAAI;MAACb,IAAI,EAAC;IAAQ,gBACfnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAyB,UAAU;MACPC,KAAK,EAAC,iBAAiB;MACvBC,WAAW,EAAE;IAAkC,GAE9C,UAAAC,KAAA;MAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;QAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;MAAA,oBAClBtC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACrB,MAAA,CAAAoB,OAAK,CAACmB,QAAQ,QACVtB,OAAO,CAACuB,GAAG,CAAC,UAAAC,KAAA;QAAA,IAAGvB,EAAE,GAAAuB,KAAA,CAAFvB,EAAE;UAAEC,IAAI,GAAAsB,KAAA,CAAJtB,IAAI;QAAA,oBACpBnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,CAAA,CAAAkC,KAAK;UACF3B,QAAQ,EAAEA,QAAS;UACnB4B,GAAG,EAAEzB,EAAG;UACRgB,KAAK,EAAEf,IAAK;UACZyB,KAAK,EAAEN,QAAQ,CAACpB,EAAE,CAAE;UACpBmB,QAAQ,EAAEA,QAAQ,CAACnB,EAAE;QAAE,CAC1B,CAAC;MAAA,CACL,CACW,CAAC;IAAA,CAEb,CACV,CAAC;EAAA,CAET,CACW,CAAC,eACtBlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyC,gBAAgB,g1CA2BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,OAAK,EAAET,YAAU;EAAE;AAAE,CAChD,CAAC"}

package/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"names":["_Radio","_interopRequireDefault","require","_RadioGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA"}

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","initialData","blocks","current","EditorJS","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","classNames","isValid","message"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    context?: { [key: string]: any };\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    value?: RichTextEditorValue;\n    label?: string;\n    description?: string;\n    disabled?: boolean;\n    validation?: FormComponentProps[\"validation\"];\n    className?: string;\n}\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        editorRef.current = new EditorJS({\n            ...nativeProps,\n            holder: elementId.current,\n            logLevel: \"ERROR\" as LogLevels.ERROR,\n            data: initialData,\n            onChange: async () => {\n                if (!editorRef.current) {\n                    return;\n                }\n                const { blocks: data } = await editorRef.current.save();\n                if (!props.onChange) {\n                    return;\n                }\n                props.onChange(data);\n            },\n            onReady() {\n                if (typeof onReady !== \"function\") {\n                    return;\n                }\n                onReady({ editor: editorRef.current, initialData });\n            },\n            tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                const tool = props.tools ? props.tools[name] : null;\n                if (!tool) {\n                    return tools;\n                }\n                tools[name] = tool;\n                if (!tool.config) {\n                    tool.config = { context };\n                } else if (typeof tool.config === \"function\") {\n                    tool.config = tool.config();\n                } else {\n                    tool.config = { ...tool.config, context };\n                }\n                return tools;\n            }, {} as Record<string, ToolSettings>)\n        });\n\n        return () => {\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_shortid","_interopRequireDefault","_editorjs","_FormElementMessage","_emotion","_classnames","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_onChange","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$editorRef$curr","wrap","_callee$","_context","prev","next","abrupt","save","sent","stop","apply","arguments","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","id","isValid","FormElementMessage","error","message","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    context?: { [key: string]: any };\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    value?: RichTextEditorValue;\n    label?: string;\n    description?: string;\n    disabled?: boolean;\n    validation?: FormComponentProps[\"validation\"];\n    className?: string;\n}\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        editorRef.current = new EditorJS({\n            ...nativeProps,\n            holder: elementId.current,\n            logLevel: \"ERROR\" as LogLevels.ERROR,\n            data: initialData,\n            onChange: async () => {\n                if (!editorRef.current) {\n                    return;\n                }\n                const { blocks: data } = await editorRef.current.save();\n                if (!props.onChange) {\n                    return;\n                }\n                props.onChange(data);\n            },\n            onReady() {\n                if (typeof onReady !== \"function\") {\n                    return;\n                }\n                onReady({ editor: editorRef.current, initialData });\n            },\n            tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                const tool = props.tools ? props.tools[name] : null;\n                if (!tool) {\n                    return tools;\n                }\n                tools[name] = tool;\n                if (!tool.config) {\n                    tool.config = { context };\n                } else if (typeof tool.config === \"function\") {\n                    tool.config = tool.config();\n                } else {\n                    tool.config = { ...tool.config, context };\n                }\n                return tools;\n            }, {} as Record<string, ToolSettings>)\n        });\n\n        return () => {\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAQA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAoC,IAAAO,SAAA;AAGpC,IAAMC,OAAO,GAAG;EACZC,OAAO,eAAE,IAAAC,YAAG,EAAC;IACTC,eAAe,EAAE,6BAA6B;IAC9CC,OAAO,EAAE;EACb,CAAC,mBAAC;EACFC,KAAK,eAAE,IAAAH,YAAG,EAAC;IACPI,YAAY,EAAE;EAClB,CAAC,iBAAC;EACFC,OAAO,eAAE,IAAAL,YAAG,EAAC;IACTM,OAAO,EAAE,GAAG;IACZC,aAAa,EAAE;EACnB,CAAC;AACL,CAAC;AAmCM,IAAMC,cAA6C,GAAG,SAAhDA,cAA6CA,CAAGC,KAAK,EAAI;EAClE,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,MAAM,GAAGC,gBAAO,CAACC,QAAQ,CAAC,CAAC,CAAC;EACrD,IAAMC,SAAS,GAAG,IAAAH,aAAM,EAAe,CAAC;EAExC,IAAAI,gBAAS,EAAC,YAAM;IACZ,IAAQC,KAAK,GAAuCP,KAAK,CAAjDO,KAAK;MAAEC,OAAO,GAA8BR,KAAK,CAA1CQ,OAAO;MAAEC,QAAO,GAAqBT,KAAK,CAAjCS,OAAO;MAAKC,WAAW,OAAAC,yBAAA,CAAAC,OAAA,EAAKZ,KAAK,EAAAZ,SAAA;IAEzD,IAAMyB,WAAW,GAAGN,KAAK,GAAG;MAAEO,MAAM,EAAEP;IAAM,CAAC,GAAG;MAAEO,MAAM,EAAE;IAAG,CAAC;IAE9DT,SAAS,CAACU,OAAO,GAAG,IAAIC,iBAAQ,KAAAC,cAAA,CAAAL,OAAA,MAAAK,cAAA,CAAAL,OAAA,MACzBF,WAAW;MACdQ,MAAM,EAAEjB,SAAS,CAACc,OAAO;MACzBI,QAAQ,EAAE,OAA0B;MACpCC,IAAI,EAAEP,WAAW;MACjBQ,QAAQ;QAAA,IAAAC,SAAA,OAAAC,kBAAA,CAAAX,OAAA,oBAAAY,oBAAA,CAAAZ,OAAA,IAAAa,IAAA,CAAE,SAAAC,QAAA;UAAA,IAAAC,qBAAA,EAAAP,IAAA;UAAA,WAAAI,oBAAA,CAAAZ,OAAA,IAAAgB,IAAA,UAAAC,SAAAC,QAAA;YAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;cAAA;gBAAA,IACD3B,SAAS,CAACU,OAAO;kBAAAe,QAAA,CAAAE,IAAA;kBAAA;gBAAA;gBAAA,OAAAF,QAAA,CAAAG,MAAA;cAAA;gBAAAH,QAAA,CAAAE,IAAA;gBAAA,OAGS3B,SAAS,CAACU,OAAO,CAACmB,IAAI,CAAC,CAAC;cAAA;gBAAAP,qBAAA,GAAAG,QAAA,CAAAK,IAAA;gBAAvCf,IAAI,GAAAO,qBAAA,CAAZb,MAAM;gBAAA,IACTd,KAAK,CAACqB,QAAQ;kBAAAS,QAAA,CAAAE,IAAA;kBAAA;gBAAA;gBAAA,OAAAF,QAAA,CAAAG,MAAA;cAAA;gBAGnBjC,KAAK,CAACqB,QAAQ,CAACD,IAAI,CAAC;cAAC;cAAA;gBAAA,OAAAU,QAAA,CAAAM,IAAA;YAAA;UAAA,GAAAV,OAAA;QAAA,CACxB;QAAA,SAAAL,SAAA;UAAA,OAAAC,SAAA,CAAAe,KAAA,OAAAC,SAAA;QAAA;QAAA,OAAAjB,QAAA;MAAA;MACDZ,OAAO,WAAAA,QAAA,EAAG;QACN,IAAI,OAAOA,QAAO,KAAK,UAAU,EAAE;UAC/B;QACJ;QACAA,QAAO,CAAC;UAAE8B,MAAM,EAAElC,SAAS,CAACU,OAAO;UAAEF,WAAW,EAAXA;QAAY,CAAC,CAAC;MACvD,CAAC;MACD2B,KAAK,EAAEC,MAAM,CAACC,IAAI,CAAC1C,KAAK,CAACwC,KAAK,IAAI,CAAC,CAAC,CAAC,CAACG,MAAM,CAAC,UAACH,KAAK,EAAEI,IAAI,EAAK;QAC1D,IAAMC,IAAI,GAAG7C,KAAK,CAACwC,KAAK,GAAGxC,KAAK,CAACwC,KAAK,CAACI,IAAI,CAAC,GAAG,IAAI;QACnD,IAAI,CAACC,IAAI,EAAE;UACP,OAAOL,KAAK;QAChB;QACAA,KAAK,CAACI,IAAI,CAAC,GAAGC,IAAI;QAClB,IAAI,CAACA,IAAI,CAACC,MAAM,EAAE;UACdD,IAAI,CAACC,MAAM,GAAG;YAAEtC,OAAO,EAAPA;UAAQ,CAAC;QAC7B,CAAC,MAAM,IAAI,OAAOqC,IAAI,CAACC,MAAM,KAAK,UAAU,EAAE;UAC1CD,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACC,MAAM,CAAC,CAAC;QAC/B,CAAC,MAAM;UACHD,IAAI,CAACC,MAAM,OAAA7B,cAAA,CAAAL,OAAA,MAAAK,cAAA,CAAAL,OAAA,MAAQiC,IAAI,CAACC,MAAM;YAAEtC,OAAO,EAAPA;UAAO,EAAE;QAC7C;QACA,OAAOgC,KAAK;MAChB,CAAC,EAAE,CAAC,CAAiC;IAAC,EACzC,CAAC;IAEF,OAAO,YAAM;MACT,IAAI,CAACnC,SAAS,CAACU,OAAO,IAAI,OAAOV,SAAS,CAACU,OAAO,CAACgC,OAAO,KAAK,UAAU,EAAE;QACvE;MACJ;MAEA1C,SAAS,CAACU,OAAO,CAACgC,OAAO,CAAC,CAAC;IAC/B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAQrD,KAAK,GAAmDM,KAAK,CAA7DN,KAAK;IAAEsD,WAAW,GAAsChD,KAAK,CAAtDgD,WAAW;IAAEC,QAAQ,GAA4BjD,KAAK,CAAzCiD,QAAQ;IAAEC,UAAU,GAAgBlD,KAAK,CAA/BkD,UAAU;IAAEC,SAAS,GAAKnD,KAAK,CAAnBmD,SAAS;EAE3D,oBACIxE,MAAA,CAAAiC,OAAA,CAAAwC,aAAA,CAACzE,MAAA,CAAA0E,QAAQ,qBACL1E,MAAA,CAAAiC,OAAA,CAAAwC,aAAA;IACID,SAAS,EAAE,IAAAG,mBAAU,EAACjE,OAAO,CAACC,OAAO,EAAE6D,SAAS,MAAAI,gBAAA,CAAA3C,OAAA,MAAKvB,OAAO,CAACO,OAAO,EAAGqD,QAAQ,CAAE;EAAE,GAElFvD,KAAK,iBACFf,MAAA,CAAAiC,OAAA,CAAAwC,aAAA;IACID,SAAS,EAAE,IAAAG,mBAAU,EACjB,mEAAmE,EACnEjE,OAAO,CAACK,KACZ;EAAE,GAEDA,KACA,CACR,eACDf,MAAA,CAAAiC,OAAA,CAAAwC,aAAA;IAAKI,EAAE,EAAEvD,SAAS,CAACc;EAAQ,CAAE,CAC5B,CAAC,EACLmC,UAAU,IAAIA,UAAU,CAACO,OAAO,KAAK,KAAK,iBACvC9E,MAAA,CAAAiC,OAAA,CAAAwC,aAAA,CAACnE,mBAAA,CAAAyE,kBAAkB;IAACC,KAAK;EAAA,GAAET,UAAU,CAACU,OAA4B,CACrE,EACAV,UAAU,IAAIA,UAAU,CAACO,OAAO,KAAK,KAAK,IAAIT,WAAW,iBACtDrE,MAAA,CAAAiC,OAAA,CAAAwC,aAAA,CAACnE,mBAAA,CAAAyE,kBAAkB,QAAEV,WAAgC,CAEnD,CAAC;AAEnB,CAAC;AAACa,OAAA,CAAA9D,cAAA,GAAAA,cAAA"}

package/RichTextEditor/RichTextEditor.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","onChange","useCallback","data","console","log","readme","undefined","info","propTables","RichTextEditor"],"sources":["RichTextEditor.stories.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { storiesOf } from \"@storybook/react\";\n\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { RichTextEditor } from \"./index\";\n\nconst story = storiesOf(\"Components/RichTextEditor\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        const onChange = useCallback(data => {\n            console.log(data);\n        }, []);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RichTextEditor value={undefined} onChange={onChange} />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [RichTextEditor] } }\n);\n"],"mappings":";;;;AAAA;AACA;AAEA;AAOA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,2BAA2B,EAAEC,MAAM,CAAC;AAE5DF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,UAAAC,IAAI,EAAI;IACjCC,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEG,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,qBAAc;IAAC,KAAK,EAAEC,SAAU;IAAC,QAAQ,EAAEN;EAAS,EAAG,CACtC,eACtB,6BAAC,uBAAgB,8IAME,CACR,CACX;AAEhB,CAAC,EACD;EAAEO,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,qBAAc;EAAE;AAAE,CAAC,CAC7C"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_Story","_README","_interopRequireDefault","_index","story","storiesOf","module","add","onChange","useCallback","data","console","log","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","RichTextEditor","value","undefined","StorySandboxCode","info","propTables"],"sources":["RichTextEditor.stories.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { storiesOf } from \"@storybook/react\";\n\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { RichTextEditor } from \"./index\";\n\nconst story = storiesOf(\"Components/RichTextEditor\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        const onChange = useCallback(data => {\n            console.log(data);\n        }, []);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RichTextEditor value={undefined} onChange={onChange} />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [RichTextEditor] } }\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,2BAA2B,EAAEC,MAAM,CAAC;AAE5DF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,UAAAC,IAAI,EAAI;IACjCC,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACId,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,qBAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAiB,cAAc;IAACC,KAAK,EAAEC,SAAU;IAACd,QAAQ,EAAEA;EAAS,CAAE,CACtC,CAAC,eACtBZ,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAuB,gBAAgB,6IAMC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,qBAAc;EAAE;AAAE,CAC7C,CAAC"}

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAC9BC,MAA6B,EACC;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAO,mBAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAAC,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,UAACD,KAAK,EAAEP,MAAM,EAAK;MACrC,mEACOO,KAAK,GACLP,MAAM,CAACO,KAAK;IAEvB,CAAC,EAAE,CAAC,CAAC;EACT,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce","_objectSpread2","default","exports"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,MAA6B,EACC;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAO,WAAAA,QAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAAC,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,UAACD,KAAK,EAAEP,MAAM,EAAK;MACrC,WAAAS,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOH,KAAK,GACLP,MAAM,CAACO,KAAK;IAEvB,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC;AAACI,OAAA,CAAAZ,qBAAA,GAAAA,qBAAA"}

package/RichTextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA"}
+{"version":3,"names":["_RichTextEditor","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_createPropsFromConfig"],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,sBAAA,GAAAb,OAAA"}

package/Ripple/Ripple.js.map

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

package/Ripple/Ripple.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","style","padding","width","height","display","readme","info","propTables","Ripple"],"sources":["Ripple.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 \"./../Ripple/README.md\";\nimport { Icon } from \"~/Icon\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Ripple } from \"./Ripple\";\n\nconst story = storiesOf(\"Components/Ripple\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const style = { padding: 20, width: 20, height: 20, display: \"inline-block\" };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ripple\"}>\n                    <StorySandboxExample>\n                        <div>\n                            <div>No effect</div>\n                            <div style={style}>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <div>\n                                <code>unbounded</code>\n                            </div>\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>primary</code>\n                            </div>\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>accent</code>\n                            </div>\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <div>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Ripple] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;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,IAAMC,KAAK,GAAG;IAAEC,OAAO,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAe,CAAC;EAE7E,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA+B,gBAChD,6BAAC,0BAAmB,qBAChB,uDACI,0CAAK,WAAS,CAAM,eACpB;IAAK,KAAK,EAAEL;EAAM,gBACd,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,qCAAa;EAAI,EAAG,CAC/B,eAEN,uDACI,2CAAM,WAAS,CAAO,CACpB,eACN,6BAAC,cAAM;IAAC,IAAI,EAAC,WAAW;IAAC,QAAQ,EAAEF;EAAS,gBACxC;IAAK,KAAK,EAAEE;EAAM,gBACd,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sCAAa;EAAI,EAAG,CAC/B,CACD,eAET,uDACI,2CAAM,SAAO,CAAO,CAClB,eACN,6BAAC,cAAM;IAAC,IAAI,EAAC,SAAS;IAAC,QAAQ,EAAEF;EAAS,gBACtC;IAAK,KAAK,EAAEE;EAAM,gBACd,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,kCAAkB;EAAI,EAAG,CACpC,CACD,eAET,uDACI,2CAAM,QAAM,CAAO,CACjB,eACN,6BAAC,cAAM;IAAC,IAAI,EAAC,QAAQ;IAAC,QAAQ,EAAEF;EAAS,gBACrC;IAAK,KAAK,EAAEE;EAAM,gBACd,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,gCAAgB;EAAI,EAAG,CAClC,CACD,CACP,CACY,eACtB,6BAAC,uBAAgB,qBACb,uDACI,uDACI,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,qCAAa;EAAI,EAAG,CAC/B,eAEN,6BAAC,cAAM;IAAC,IAAI,EAAC,WAAW;IAAC,QAAQ,EAAEF;EAAS,gBACxC,uDACI,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sCAAa;EAAI,EAAG,CAC/B,CACD,eAET,6BAAC,cAAM;IAAC,IAAI,EAAC,SAAS;IAAC,QAAQ,EAAEA;EAAS,gBACtC,uDACI,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,kCAAkB;EAAI,EAAG,CACpC,CACD,eAET,6BAAC,cAAM;IAAC,IAAI,EAAC,QAAQ;IAAC,QAAQ,EAAEA;EAAS,gBACrC,uDACI,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,gCAAgB;EAAI,EAAG,CAClC,CACD,CACP,CACS,CACR,CACX;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAM;EAAE;AAAE,CAAC,CACrC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Icon","_addonKnobs","_baselineAutorenew24px","_baselineCloud_done24px","_baselineDelete24px","_baselineDone24px","_Ripple","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","style","padding","width","height","display","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","Icon","icon","ReactComponent","Ripple","type","StorySandboxCode","info","propTables"],"sources":["Ripple.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 \"./../Ripple/README.md\";\nimport { Icon } from \"~/Icon\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Ripple } from \"./Ripple\";\n\nconst story = storiesOf(\"Components/Ripple\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const style = { padding: 20, width: 20, height: 20, display: \"inline-block\" };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ripple\"}>\n                    <StorySandboxExample>\n                        <div>\n                            <div>No effect</div>\n                            <div style={style}>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <div>\n                                <code>unbounded</code>\n                            </div>\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>primary</code>\n                            </div>\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>accent</code>\n                            </div>\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <div>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Ripple] } }\n);\n"],"mappings":"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"}

package/Ripple/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Ripple\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Ripple","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Ripple\";\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/Scrollbar/Scrollbar.js.map

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

package/Scrollbar/Scrollbar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","width","height","info","propTables","Scrollbar"],"sources":["Scrollbar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Scrollbar/README.md\";\nimport { Scrollbar } from \"./Scrollbar\";\n\nconst story = storiesOf(\"Components/Scrollbar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Scrollbar demo\"}>\n                    <Scrollbar style={{ width: 300, height: 200 }}>\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo,\n                        aliquam aliquet arcu vel, faucibus feugiat est. Nulla facilisi. Donec\n                        lobortis metus dictum sem egestas, non lobortis erat suscipit. Nunc\n                        fermentum tempor nisi, nec venenatis odio egestas at. Nulla facilisi. Fusce\n                        sed venenatis velit, ac rhoncus ligula. Integer hendrerit egestas ante,\n                        tristique posuere augue auctor non. Curabitur accumsan, ipsum cursus euismod\n                        volutpat, enim ligula interdum diam, id suscipit ipsum lectus id ligula. Ut\n                        nec odio vel lacus volutpat commodo. In hac habitasse platea dictumst. Donec\n                        nunc lacus, venenatis non tellus vel, semper porta quam. Ut fermentum mattis\n                        urna non imperdiet. Fusce tincidunt enim nec tincidunt dapibus. Aliquam eu\n                        ligula quis ligula pretium tincidunt non sit amet velit. Curabitur vel\n                        interdum enim, ut molestie ligula.\n                    </Scrollbar>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Scrollbar] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AAEvDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAiB,gBAClC,6BAAC,oBAAS;IAAC,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI;EAAE,GAAC,i1BAa/C,CAAY,CACD,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,oBAAS;EAAE;AAAE,CAAC,CACxC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Scrollbar","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Scrollbar","style","width","height","info","propTables"],"sources":["Scrollbar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Scrollbar/README.md\";\nimport { Scrollbar } from \"./Scrollbar\";\n\nconst story = storiesOf(\"Components/Scrollbar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Scrollbar demo\"}>\n                    <Scrollbar style={{ width: 300, height: 200 }}>\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo,\n                        aliquam aliquet arcu vel, faucibus feugiat est. Nulla facilisi. Donec\n                        lobortis metus dictum sem egestas, non lobortis erat suscipit. Nunc\n                        fermentum tempor nisi, nec venenatis odio egestas at. Nulla facilisi. Fusce\n                        sed venenatis velit, ac rhoncus ligula. Integer hendrerit egestas ante,\n                        tristique posuere augue auctor non. Curabitur accumsan, ipsum cursus euismod\n                        volutpat, enim ligula interdum diam, id suscipit ipsum lectus id ligula. Ut\n                        nec odio vel lacus volutpat commodo. In hac habitasse platea dictumst. Donec\n                        nunc lacus, venenatis non tellus vel, semper porta quam. Ut fermentum mattis\n                        urna non imperdiet. Fusce tincidunt enim nec tincidunt dapibus. Aliquam eu\n                        ligula quis ligula pretium tincidunt non sit amet velit. Curabitur vel\n                        interdum enim, ut molestie ligula.\n                    </Scrollbar>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Scrollbar] } }\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,UAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AAEvDF,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;EAAiB,gBAClCjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAY,SAAS;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI;EAAE,GAAC,i1BAapC,CACD,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACL,oBAAS;EAAE;AAAE,CACxC,CAAC"}

package/Scrollbar/index.js.map

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

package/Section/Section.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","RenderSection","styled","backgroundColor","padding","add","readme","info","propTables","Section"],"sources":["Section.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 \"./README.md\";\n\nimport Section from \"./index\";\nimport styled from \"@emotion/styled\";\n\nconst story = storiesOf(\"Components/Section\", module);\n\nconst RenderSection = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"1px 25px 0 25px\"\n});\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import styled from \"@emotion/styled\";\n                        \n                        const RenderSection = styled(\"div\")({\n                            backgroundColor: \"var(--mdc-theme-background)\",\n                            padding: \"1px 25px 0 25px\"\n                        });\n\n                         <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Section] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErD,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,eAAe,EAAE,6BAA6B;EAC9CC,OAAO,EAAE;AACb,CAAC,CAAC;AAEFN,KAAK,CAACO,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,aAAa,qBACV,6BAAC,cAAO;IAAC,KAAK,EAAC;EAAW,GAAC,6BAA2B,CAAU,eAChE,6BAAC,cAAO;IAAC,KAAK,EAAC;EAAW,GAAC,6CAAiC,CAAU,CAC1D,CACE,eACtB,6BAAC,uBAAgB,yoBAcE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAO;EAAE;AAAE,CAAC,CACtC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_index","_styled","story","storiesOf","module","RenderSection","styled","target","label","backgroundColor","padding","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","StorySandboxCode","info","propTables","Section"],"sources":["Section.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 \"./README.md\";\n\nimport Section from \"./index\";\nimport styled from \"@emotion/styled\";\n\nconst story = storiesOf(\"Components/Section\", module);\n\nconst RenderSection = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"1px 25px 0 25px\"\n});\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import styled from \"@emotion/styled\";\n                        \n                        const RenderSection = styled(\"div\")({\n                            backgroundColor: \"var(--mdc-theme-background)\",\n                            padding: \"1px 25px 0 25px\"\n                        });\n\n                         <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Section] } }\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,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErD,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,eAAe,EAAE,6BAA6B;EAC9CC,OAAO,EAAE;AACb,CAAC,CAAC;AAEFR,KAAK,CAACS,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgB,KAAK,qBACFpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAiB,WAAW,QAAEC,eAAoB,CAAC,eACnCtB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,YAAY,qBACTvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,mBAAmB,qBAChBxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACR,aAAa,qBACVX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAY,OAAO;IAACO,KAAK,EAAC;EAAW,GAAC,6BAAoC,CAAC,eAChEzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,MAAA,CAAAY,OAAO;IAACO,KAAK,EAAC;EAAW,GAAC,6CAA0C,CAC1D,CACE,CAAC,eACtBzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAsB,gBAAgB,woBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAO;EAAE;AAAE,CACtC,CAAC"}

package/Section/index.js.map

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

package/Select/Select.d.ts

@@ -10,6 +10,7 @@ export declare type SelectProps = FormComponentProps & RmwcSelectProps & {
     children?: Array<React.ReactElement<"option"> | React.ReactElement<"optgroup">>;
     rootProps?: Object;
     className?: string;
+    size?: "small" | "medium" | "large";
 };
 /**
  * We check for null and undefined in the value because React is complaining about those values.

package/Select/Select.js

@@ -11,24 +11,9 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 var _react = _interopRequireDefault(require("react"));
 var _select = require("@rmwc/select");
 var _FormElementMessage = require("../FormElementMessage");
-var _emotion = require("emotion");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _styled = require("./styled");
 var _excluded = ["value", "description", "validation"];
-var webinySelect = /*#__PURE__*/(0, _emotion.css)("display:grid;background-color:transparent;border-color:transparent;color:var(--webiny-theme-color-primary);.rmwc-select__native-control{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}label:webinySelect;");
-var noLabel = /*#__PURE__*/(0, _emotion.css)({
-  "&.mdc-select": {
-    height: 35,
-    ".mdc-select__native-control": {
-      paddingTop: 0
-    },
-    "&.mdc-select--box": {
-      ".mdc-select__native-control": {
-        height: 35,
-        paddingTop: 5
-      }
-    }
-  }
-}, "label:noLabel;");
 /**
  * TODO verify that this is correct method get all options.
  */
@@ -102,7 +87,7 @@ var Select = function Select(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.Select, Object.assign({}, getRmwcProps(other), {
     options: options,
     value: value,
-    className: (0, _classnames.default)("webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded", webinySelect, props.className, (0, _defineProperty2.default)({}, noLabel, !props.label)),
+    className: (0, _classnames.default)("webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded", _styled.webinySelect, props.size ? "webiny-ui-select--size-".concat(props.size) : null, props.className, (0, _defineProperty2.default)({}, _styled.noLabel, !props.label)),
     onChange: function onChange(e) {
       props.onChange && props.onChange(e.target.value);
     }

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinySelect","css","noLabel","height","paddingTop","getOptions","initialOptions","Array","isArray","options","option","push","label","value","Object","keys","map","key","skipProps","getRmwcProps","props","newProps","filter","name","includes","forEach","Select","initialValue","description","validation","other","undefined","validationIsValid","isValid","validationMessage","message","classNames","className","e","onChange","target"],"sources":["Select.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormattedOption,\n    Select as RmwcSelect,\n    SelectProps as RmwcSelectProps\n} from \"@rmwc/select\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport type SelectProps = FormComponentProps &\n    RmwcSelectProps & {\n        // Component label.\n        label?: string;\n\n        // Is checkbox disabled?\n        disabled?: boolean;\n\n        // Description beneath the select.\n        description?: string;\n\n        // Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n        placeholder?: string;\n\n        // Makes the Select have a visual box.\n        box?: string;\n\n        // One or more <option> or <optgroup> elements.\n        children?: Array<React.ReactElement<\"option\"> | React.ReactElement<\"optgroup\">>;\n\n        // IconProps for the root element. By default, additional props spread to the native select element.\n        rootProps?: Object;\n\n        // A className for the root element.\n        className?: string;\n    };\n\nconst webinySelect = css`\n    display: grid;\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--webiny-theme-color-primary);\n\n    .rmwc-select__native-control {\n        opacity: 0;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n    }\n`;\n\nconst noLabel = css({\n    \"&.mdc-select\": {\n        height: 35,\n        \".mdc-select__native-control\": {\n            paddingTop: 0\n        },\n        \"&.mdc-select--box\": {\n            \".mdc-select__native-control\": {\n                height: 35,\n                paddingTop: 5\n            }\n        }\n    }\n});\n/**\n * TODO verify that this is correct method get all options.\n */\nconst getOptions = (initialOptions: SelectProps[\"options\"]): FormattedOption[] => {\n    if (!initialOptions) {\n        return [];\n    } else if (Array.isArray(initialOptions)) {\n        const options: FormattedOption[] = [];\n        for (const option of initialOptions) {\n            if (typeof option === \"string\") {\n                options.push({\n                    label: option,\n                    value: option\n                });\n                continue;\n            }\n            options.push({\n                label: option.label,\n                value: option.value,\n                options: option.options\n            });\n        }\n        return options;\n    }\n    return Object.keys(initialOptions).map(key => {\n        return {\n            label: initialOptions[key],\n            value: key\n        };\n    });\n};\n\n/**\n * Select component lets users choose a value from given set of options.\n */\nconst skipProps = [\"validate\", \"form\"];\n\nconst getRmwcProps = (props: SelectProps): FormComponentProps & RmwcSelectProps => {\n    const newProps: FormComponentProps & RmwcSelectProps = {};\n    Object.keys(props)\n        .filter(name => !skipProps.includes(name))\n        // @ts-ignore\n        .forEach((name: any) => (newProps[name] = props[name]));\n\n    return newProps;\n};\n/**\n * We check for null and undefined in the value because React is complaining about those values.\n * Error says to use the empty string in null/undefined case.\n */\nexport const Select: React.FC<SelectProps> = props => {\n    const { value: initialValue, description, validation, ...other } = props;\n\n    const value = initialValue === null || initialValue === undefined ? \"\" : initialValue;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const options = getOptions(other.options);\n\n    return (\n        <React.Fragment>\n            <RmwcSelect\n                {...getRmwcProps(other)}\n                options={options}\n                value={value}\n                className={classNames(\n                    \"webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded\",\n                    webinySelect,\n                    props.className,\n                    {\n                        [noLabel]: !props.label\n                    }\n                )}\n                onChange={e => {\n                    props.onChange && props.onChange((e.target as any).value);\n                }}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Select;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAKA;AAEA;AACA;AAAoC;AA6BpC,IAAMA,YAAY,oBAAGC,YAAG,2NAcvB;AAED,IAAMC,OAAO,gBAAG,IAAAD,YAAG,EAAC;EAChB,cAAc,EAAE;IACZE,MAAM,EAAE,EAAE;IACV,6BAA6B,EAAE;MAC3BC,UAAU,EAAE;IAChB,CAAC;IACD,mBAAmB,EAAE;MACjB,6BAA6B,EAAE;QAC3BD,MAAM,EAAE,EAAE;QACVC,UAAU,EAAE;MAChB;IACJ;EACJ;AACJ,CAAC,mBAAC;AACF;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,cAAsC,EAAwB;EAC9E,IAAI,CAACA,cAAc,EAAE;IACjB,OAAO,EAAE;EACb,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACF,cAAc,CAAC,EAAE;IACtC,IAAMG,OAA0B,GAAG,EAAE;IAAC,yDACjBH,cAAc;MAAA;IAAA;MAAnC,oDAAqC;QAAA,IAA1BI,MAAM;QACb,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;UAC5BD,OAAO,CAACE,IAAI,CAAC;YACTC,KAAK,EAAEF,MAAM;YACbG,KAAK,EAAEH;UACX,CAAC,CAAC;UACF;QACJ;QACAD,OAAO,CAACE,IAAI,CAAC;UACTC,KAAK,EAAEF,MAAM,CAACE,KAAK;UACnBC,KAAK,EAAEH,MAAM,CAACG,KAAK;UACnBJ,OAAO,EAAEC,MAAM,CAACD;QACpB,CAAC,CAAC;MACN;IAAC;MAAA;IAAA;MAAA;IAAA;IACD,OAAOA,OAAO;EAClB;EACA,OAAOK,MAAM,CAACC,IAAI,CAACT,cAAc,CAAC,CAACU,GAAG,CAAC,UAAAC,GAAG,EAAI;IAC1C,OAAO;MACHL,KAAK,EAAEN,cAAc,CAACW,GAAG,CAAC;MAC1BJ,KAAK,EAAEI;IACX,CAAC;EACL,CAAC,CAAC;AACN,CAAC;;AAED;AACA;AACA;AACA,IAAMC,SAAS,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC;AAEtC,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAkB,EAA2C;EAC/E,IAAMC,QAA8C,GAAG,CAAC,CAAC;EACzDP,MAAM,CAACC,IAAI,CAACK,KAAK,CAAC,CACbE,MAAM,CAAC,UAAAC,IAAI;IAAA,OAAI,CAACL,SAAS,CAACM,QAAQ,CAACD,IAAI,CAAC;EAAA;EACzC;EAAA,CACCE,OAAO,CAAC,UAACF,IAAS;IAAA,OAAMF,QAAQ,CAACE,IAAI,CAAC,GAAGH,KAAK,CAACG,IAAI,CAAC;EAAA,CAAC,CAAC;EAE3D,OAAOF,QAAQ;AACnB,CAAC;AACD;AACA;AACA;AACA;AACO,IAAMK,MAA6B,GAAG,SAAhCA,MAA6B,CAAGN,KAAK,EAAI;EAClD,IAAeO,YAAY,GAAwCP,KAAK,CAAhEP,KAAK;IAAgBe,WAAW,GAA2BR,KAAK,CAA3CQ,WAAW;IAAEC,UAAU,GAAeT,KAAK,CAA9BS,UAAU;IAAKC,KAAK,0CAAKV,KAAK;EAExE,IAAMP,KAAK,GAAGc,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAKI,SAAS,GAAG,EAAE,GAAGJ,YAAY;EAErF,WAAmEE,UAAU,IAAI,CAAC,CAAC;IAAlEG,iBAAiB,QAA1BC,OAAO;IAA8BC,iBAAiB,QAA1BC,OAAO;EAE3C,IAAM1B,OAAO,GAAGJ,UAAU,CAACyB,KAAK,CAACrB,OAAO,CAAC;EAEzC,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,cAAU,oBACHU,YAAY,CAACW,KAAK,CAAC;IACvB,OAAO,EAAErB,OAAQ;IACjB,KAAK,EAAEI,KAAM;IACb,SAAS,EAAE,IAAAuB,mBAAU,EACjB,yDAAyD,EACzDpC,YAAY,EACZoB,KAAK,CAACiB,SAAS,oCAEVnC,OAAO,EAAG,CAACkB,KAAK,CAACR,KAAK,EAE7B;IACF,QAAQ,EAAE,kBAAA0B,CAAC,EAAI;MACXlB,KAAK,CAACmB,QAAQ,IAAInB,KAAK,CAACmB,QAAQ,CAAED,CAAC,CAACE,MAAM,CAAS3B,KAAK,CAAC;IAC7D;EAAE,GACJ,EAEDmB,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;IAAC,KAAK;EAAA,GAAEE,iBAAiB,CAC/C,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;AAEzB,CAAC;AAAC;AAAA,eAEaF,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_select","_FormElementMessage","_classnames","_styled","_excluded","getOptions","initialOptions","Array","isArray","options","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","option","value","push","label","err","e","f","Object","keys","map","key","skipProps","getRmwcProps","props","newProps","filter","name","includes","forEach","Select","initialValue","description","validation","other","_objectWithoutProperties2","undefined","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","assign","className","classNames","webinySelect","size","concat","_defineProperty2","noLabel","onChange","target","FormElementMessage","error","exports","_default"],"sources":["Select.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormattedOption,\n    Select as RmwcSelect,\n    SelectProps as RmwcSelectProps\n} from \"@rmwc/select\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\nimport classNames from \"classnames\";\nimport { webinySelect, noLabel } from \"./styled\";\n\nexport type SelectProps = FormComponentProps &\n    RmwcSelectProps & {\n        // Component label.\n        label?: string;\n\n        // Is checkbox disabled?\n        disabled?: boolean;\n\n        // Description beneath the select.\n        description?: string;\n\n        // Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n        placeholder?: string;\n\n        // Makes the Select have a visual box.\n        box?: string;\n\n        // One or more <option> or <optgroup> elements.\n        children?: Array<React.ReactElement<\"option\"> | React.ReactElement<\"optgroup\">>;\n\n        // IconProps for the root element. By default, additional props spread to the native select element.\n        rootProps?: Object;\n\n        // A className for the root element.\n        className?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * TODO verify that this is correct method get all options.\n */\nconst getOptions = (initialOptions: SelectProps[\"options\"]): FormattedOption[] => {\n    if (!initialOptions) {\n        return [];\n    } else if (Array.isArray(initialOptions)) {\n        const options: FormattedOption[] = [];\n        for (const option of initialOptions) {\n            if (typeof option === \"string\") {\n                options.push({\n                    label: option,\n                    value: option\n                });\n                continue;\n            }\n            options.push({\n                label: option.label,\n                value: option.value,\n                options: option.options\n            });\n        }\n        return options;\n    }\n    return Object.keys(initialOptions).map(key => {\n        return {\n            label: initialOptions[key],\n            value: key\n        };\n    });\n};\n\n/**\n * Select component lets users choose a value from given set of options.\n */\nconst skipProps = [\"validate\", \"form\"];\n\nconst getRmwcProps = (props: SelectProps): FormComponentProps & RmwcSelectProps => {\n    const newProps: FormComponentProps & RmwcSelectProps = {};\n    Object.keys(props)\n        .filter(name => !skipProps.includes(name))\n        // @ts-ignore\n        .forEach((name: any) => (newProps[name] = props[name]));\n\n    return newProps;\n};\n/**\n * We check for null and undefined in the value because React is complaining about those values.\n * Error says to use the empty string in null/undefined case.\n */\nexport const Select: React.FC<SelectProps> = props => {\n    const { value: initialValue, description, validation, ...other } = props;\n\n    const value = initialValue === null || initialValue === undefined ? \"\" : initialValue;\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const options = getOptions(other.options);\n\n    return (\n        <React.Fragment>\n            <RmwcSelect\n                {...getRmwcProps(other)}\n                options={options}\n                value={value}\n                className={classNames(\n                    \"webiny-ui-select mdc-ripple-surface mdc-ripple-upgraded\",\n                    webinySelect,\n                    props.size ? `webiny-ui-select--size-${props.size}` : null,\n                    props.className,\n                    {\n                        [noLabel]: !props.label\n                    }\n                )}\n                onChange={e => {\n                    props.onChange && props.onChange((e.target as any).value);\n                }}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default Select;\n"],"mappings":"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"}

package/Select/Select.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","box","readme","Bind","toString","info","propTables","Select"],"sources":["Select.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 { Select } from \"./Select\";\n\nconst story = storiesOf(\"Components/Select\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n        const box = boolean(\"Box\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple select with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"pet\">\n                                    <Select\n                                        label=\"Pets\"\n                                        disabled={disabled}\n                                        box={box.toString()}\n                                        description=\"Choose a pet of your liking.\"\n                                    >\n                                        <optgroup label=\"Dogs\">\n                                            <option value=\"germanShepherd\">German Shepherd</option>\n                                            <option value=\"bulldog\">Bulldog</option>\n                                            <option value=\"sharPei\">Shar-Pei</option>\n                                        </optgroup>\n                                        <optgroup label=\"Other\">\n                                            <option value=\"parrot\">Parrot</option>\n                                            <option value=\"cat\">Cat</option>\n                                            <option value=\"guinea \">Guinea Pig</option>\n                                        </optgroup>\n                                    </Select>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"pet\">\n                               <Select\n                                    label=\"Pets\"\n                                    disabled={disabled}\n                                    box={box.toString()}\n                                    description=\"Choose a pet of your liking.\"\n                                >\n                                   <optgroup label=\"Dogs\">\n                                        <option value=\"germanShepherd\">\n                                            German Shepherd\n                                        </option>\n                                        <option value=\"bulldog\">Bulldog</option>\n                                        <option value=\"sharPei\">Shar-Pei</option>\n                                    </optgroup>\n                                    <optgroup label=\"Other\">\n                                        <option value=\"parrot\">Parrot</option>\n                                        <option value=\"cat\">Cat</option>\n                                        <option value=\"guinea \">Guinea Pig</option>\n                                    </optgroup>\n                                </Select>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Select] } }\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;EAC3C,IAAMC,GAAG,GAAG,IAAAD,mBAAO,EAAC,KAAK,EAAE,KAAK,CAAC;EAEjC,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEE,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA6C,gBACrE,6BAAC,UAAI,QACA;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAK,gBACZ,6BAAC,cAAM;MACH,KAAK,EAAC,MAAM;MACZ,QAAQ,EAAEJ,QAAS;MACnB,GAAG,EAAEE,GAAG,CAACG,QAAQ,EAAG;MACpB,WAAW,EAAC;IAA8B,gBAE1C;MAAU,KAAK,EAAC;IAAM,gBAClB;MAAQ,KAAK,EAAC;IAAgB,GAAC,iBAAe,CAAS,eACvD;MAAQ,KAAK,EAAC;IAAS,GAAC,SAAO,CAAS,eACxC;MAAQ,KAAK,EAAC;IAAS,GAAC,UAAQ,CAAS,CAClC,eACX;MAAU,KAAK,EAAC;IAAO,gBACnB;MAAQ,KAAK,EAAC;IAAQ,GAAC,QAAM,CAAS,eACtC;MAAQ,KAAK,EAAC;IAAK,GAAC,KAAG,CAAS,eAChC;MAAQ,KAAK,EAAC;IAAS,GAAC,YAAU,CAAS,CACpC,CACN,CACN;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,85CA4BE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAM;EAAE;AAAE,CAAC,CACrC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_Select","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","box","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","name","Select","label","toString","description","value","StorySandboxCode","info","propTables"],"sources":["Select.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 { Select } from \"./Select\";\n\nconst story = storiesOf(\"Components/Select\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n        const box = boolean(\"Box\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple select with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"pet\">\n                                    <Select\n                                        label=\"Pets\"\n                                        disabled={disabled}\n                                        box={box.toString()}\n                                        description=\"Choose a pet of your liking.\"\n                                    >\n                                        <optgroup label=\"Dogs\">\n                                            <option value=\"germanShepherd\">German Shepherd</option>\n                                            <option value=\"bulldog\">Bulldog</option>\n                                            <option value=\"sharPei\">Shar-Pei</option>\n                                        </optgroup>\n                                        <optgroup label=\"Other\">\n                                            <option value=\"parrot\">Parrot</option>\n                                            <option value=\"cat\">Cat</option>\n                                            <option value=\"guinea \">Guinea Pig</option>\n                                        </optgroup>\n                                    </Select>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"pet\">\n                               <Select\n                                    label=\"Pets\"\n                                    disabled={disabled}\n                                    box={box.toString()}\n                                    description=\"Choose a pet of your liking.\"\n                                >\n                                   <optgroup label=\"Dogs\">\n                                        <option value=\"germanShepherd\">\n                                            German Shepherd\n                                        </option>\n                                        <option value=\"bulldog\">Bulldog</option>\n                                        <option value=\"sharPei\">Shar-Pei</option>\n                                    </optgroup>\n                                    <optgroup label=\"Other\">\n                                        <option value=\"parrot\">Parrot</option>\n                                        <option value=\"cat\">Cat</option>\n                                        <option value=\"guinea \">Guinea Pig</option>\n                                    </optgroup>\n                                </Select>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Select] } }\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;EAC3C,IAAMC,GAAG,GAAG,IAAAD,mBAAO,EAAC,KAAK,EAAE,KAAK,CAAC;EAEjC,oBACIhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgB,KAAK,qBACFpB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAiB,WAAW,QAAEC,eAAoB,CAAC,eACnCtB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,YAAY,qBACTvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAoB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrEzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAmB,IAAI,QACA,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAK,gBACZ7B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAsB,MAAM;MACHC,KAAK,EAAC,MAAM;MACZhB,QAAQ,EAAEA,QAAS;MACnBE,GAAG,EAAEA,GAAG,CAACe,QAAQ,CAAC,CAAE;MACpBC,WAAW,EAAC;IAA8B,gBAE1CjC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAUY,KAAK,EAAC;IAAM,gBAClB/B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAgB,GAAC,iBAAuB,CAAC,eACvDlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,SAAe,CAAC,eACxClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,UAAgB,CAClC,CAAC,eACXlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAUY,KAAK,EAAC;IAAO,gBACnB/B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAQ,GAAC,QAAc,CAAC,eACtClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAK,GAAC,KAAW,CAAC,eAChClC,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAQe,KAAK,EAAC;IAAS,GAAC,YAAkB,CACpC,CACN,CACN,CAAC;EAAA,CAET,CACW,CAAC,eACtBlC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAA+B,gBAAgB,65CA4BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Select\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Select","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Select\";\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/Select/styled.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @type {string}
+ */
+export declare const webinySelect: string;
+/**
+ * @type {string}
+ */
+export declare const noLabel: string;

package/Select/styled.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webinySelect = exports.noLabel = void 0;
+var _emotion = require("emotion");
+/**
+ * @type {string}
+ */
+var webinySelect = /*#__PURE__*/(0, _emotion.css)("display:grid;background-color:transparent;border-color:transparent;color:var(--webiny-theme-color-primary);.rmwc-select__native-control{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}&.webiny-ui-select--size-medium{&.mdc-select,.mdc-select__anchor{height:40px;.mdc-select__native-control{paddingtop:0;}.mdc-select__dropdown-icon{bottom:8px;}.mdc-select__selected-text{padding-top:6px !important;padding-left:10px;font-size:0.95rem;height:40px;}&.mdc-select--box{.mdc-select__native-control{height:40px;paddingtop:5px;}}}}&.webiny-ui-select--size-small{&.mdc-select,.mdc-select__anchor{height:30px;.mdc-select__native-control{paddingtop:0;}.mdc-select__dropdown-icon{bottom:3px;}.mdc-select__selected-text{padding-top:1px !important;padding-left:10px;font-size:0.9rem;height:30px;}&.mdc-select--box{.mdc-select__native-control{height:30px;paddingtop:5px;}}}}label:webinySelect;");
+
+/**
+ * @type {string}
+ */
+exports.webinySelect = webinySelect;
+var noLabel = /*#__PURE__*/(0, _emotion.css)("&.mdc-select{height:35px;.mdc-select__native-control{paddingTop:0;}&.mdc-select--box{.mdc-select__native-control{height:35px;paddingTop:5px;}}label:noLabel;");
+exports.noLabel = noLabel;

package/Select/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_emotion","require","webinySelect","css","exports","noLabel"],"sources":["styled.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * @type {string}\n */\nexport const webinySelect = css`\n    display: grid;\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--webiny-theme-color-primary);\n\n    .rmwc-select__native-control {\n        opacity: 0;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n    }\n\n    &.webiny-ui-select--size-medium {\n        &.mdc-select,\n        .mdc-select__anchor {\n            height: 40px;\n            .mdc-select__native-control {\n                paddingtop: 0;\n            }\n            .mdc-select__dropdown-icon {\n                bottom: 8px;\n            }\n            .mdc-select__selected-text {\n                padding-top: 6px !important;\n                padding-left: 10px;\n                font-size: 0.95rem;\n                height: 40px;\n            }\n\n            &.mdc-select--box {\n                .mdc-select__native-control {\n                    height: 40px;\n                    paddingtop: 5px;\n                }\n            }\n        }\n    }\n\n    &.webiny-ui-select--size-small {\n        &.mdc-select,\n        .mdc-select__anchor {\n            height: 30px;\n            .mdc-select__native-control {\n                paddingtop: 0;\n            }\n            .mdc-select__dropdown-icon {\n                bottom: 3px;\n            }\n            .mdc-select__selected-text {\n                padding-top: 1px !important;\n                padding-left: 10px;\n                font-size: 0.9rem;\n                height: 30px;\n            }\n            &.mdc-select--box {\n                .mdc-select__native-control {\n                    height: 30px;\n                    paddingtop: 5px;\n                }\n            }\n        }\n    }\n`;\n\n/**\n * @type {string}\n */\nexport const noLabel = css`\n    &.mdc-select {\n        height: 35px;\n        .mdc-select__native-control {\n            paddingTop: 0;\n        }\n    &.mdc-select--box {\n        .mdc-select__native-control {\n            height: 35px;\n            paddingTop: 5px;\n        }\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,YAAY,oBAAGC,YAAG,63BAiE9B;;AAED;AACA;AACA;AAFAC,OAAA,CAAAF,YAAA,GAAAA,YAAA;AAGO,IAAMG,OAAO,oBAAGF,YAAG,iKAYzB;AAACC,OAAA,CAAAC,OAAA,GAAAA,OAAA"}

package/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["Skeleton","theme","props"],"sources":["Skeleton.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport ReactLoadingSkeleton, {\n    SkeletonProps as BaseSkeletonProps,\n    SkeletonTheme\n} from \"react-loading-skeleton\";\n\nimport \"react-loading-skeleton/dist/skeleton.css\";\n\ninterface SkeletonProps extends BaseSkeletonProps {\n    theme?: \"dark\" | \"light\";\n}\n\nexport const Skeleton = ({ theme, ...props }: SkeletonProps): ReactElement => {\n    return (\n        <SkeletonTheme\n            baseColor={\n                theme === \"dark\" ? \"var(--mdc-theme-on-background)\" : \"var(--mdc-theme-background)\"\n            }\n            highlightColor={\n                theme === \"dark\" ? \"var(--mdc-theme-background)\" : \"var(--mdc-theme-surface)\"\n            }\n        >\n            <ReactLoadingSkeleton {...props} />\n        </SkeletonTheme>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAKA;AAAkD;AAM3C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyD;EAAA,IAAnDC,KAAK,QAALA,KAAK;IAAKC,KAAK;EACtC,oBACI,6BAAC,mCAAa;IACV,SAAS,EACLD,KAAK,KAAK,MAAM,GAAG,gCAAgC,GAAG,6BACzD;IACD,cAAc,EACVA,KAAK,KAAK,MAAM,GAAG,6BAA6B,GAAG;EACtD,gBAED,6BAAC,6BAAoB,EAAKC,KAAK,CAAI,CACvB;AAExB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactLoadingSkeleton","_interopRequireWildcard","_excluded","Skeleton","_ref","theme","props","_objectWithoutProperties2","default","createElement","SkeletonTheme","baseColor","highlightColor","exports"],"sources":["Skeleton.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport ReactLoadingSkeleton, {\n    SkeletonProps as BaseSkeletonProps,\n    SkeletonTheme\n} from \"react-loading-skeleton\";\n\nimport \"react-loading-skeleton/dist/skeleton.css\";\n\ninterface SkeletonProps extends BaseSkeletonProps {\n    theme?: \"dark\" | \"light\";\n}\n\nexport const Skeleton = ({ theme, ...props }: SkeletonProps): ReactElement => {\n    return (\n        <SkeletonTheme\n            baseColor={\n                theme === \"dark\" ? \"var(--mdc-theme-on-background)\" : \"var(--mdc-theme-background)\"\n            }\n            highlightColor={\n                theme === \"dark\" ? \"var(--mdc-theme-background)\" : \"var(--mdc-theme-surface)\"\n            }\n        >\n            <ReactLoadingSkeleton {...props} />\n        </SkeletonTheme>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKAA,OAAA;AAAkD,IAAAG,SAAA;AAM3C,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAyD;EAAA,IAAnDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EACtC,oBACIL,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAAU,aAAa;IACVC,SAAS,EACLN,KAAK,KAAK,MAAM,GAAG,gCAAgC,GAAG,6BACzD;IACDO,cAAc,EACVP,KAAK,KAAK,MAAM,GAAG,6BAA6B,GAAG;EACtD,gBAEDR,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAAQ,OAAoB,EAAKF,KAAQ,CACvB,CAAC;AAExB,CAAC;AAACO,OAAA,CAAAV,QAAA,GAAAA,QAAA"}

package/Skeleton/Skeleton.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Skeleton"],"sources":["Skeleton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Skeleton/README.md\";\nimport { Skeleton } from \"./Skeleton\";\n\nconst story = storiesOf(\"Components/Skeleton\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple loading Skeleton, single line\"}>\n                    <Skeleton />\n                </StorySandbox>\n                <StorySandbox title={\"A loading Skeleton, with 3 lines\"}>\n                    <Skeleton count={3} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Skeleton] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AAEtDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAyC,gBAC1D,6BAAC,kBAAQ,OAAG,CACD,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAmC,gBACpD,6BAAC,kBAAQ;IAAC,KAAK,EAAE;EAAE,EAAG,CACX,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,kBAAQ;EAAE;AAAE,CAAC,CACvC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Skeleton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Skeleton","count","info","propTables"],"sources":["Skeleton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Skeleton/README.md\";\nimport { Skeleton } from \"./Skeleton\";\n\nconst story = storiesOf(\"Components/Skeleton\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple loading Skeleton, single line\"}>\n                    <Skeleton />\n                </StorySandbox>\n                <StorySandbox title={\"A loading Skeleton, with 3 lines\"}>\n                    <Skeleton count={3} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Skeleton] } }\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,SAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AAEtDF,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;EAAyC,gBAC1DjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAY,QAAQ,MAAE,CACD,CAAC,eACflB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAAmC,gBACpDjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAY,QAAQ;IAACC,KAAK,EAAE;EAAE,CAAE,CACX,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACH,kBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Skeleton/index.js.map

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