@webiny/ui 5.36.2 → 5.37.0-beta.1

package/Button/IconButton/IconButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","console","log","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["IconButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { ReactComponent as CloudIcon } from \"./../assets/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as MoreIcon } from \"./../assets/round-more_vert-24px.svg\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { IconButton } from \"./IconButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"icon button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon button\"}>\n                    <IconButton\n                        icon={<CloudIcon />}\n                        label=\"Icon label\"\n                        onClick={() => console.log(\"Button clicked\")}\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"Menu example\"}>\n                    <Menu\n                        handle={\n                            <IconButton\n                                icon={<MoreIcon />}\n                                label=\"Toggle menu\"\n                                onClick={() => console.log(\"Button clicked\")}\n                            />\n                        }\n                    >\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAc,gBAC/B,6BAAC,sBAAU;IACP,IAAI,eAAE,6BAAC,sCAAS,OAAI;IACpB,KAAK,EAAC,YAAY;IAClB,OAAO,EAAE;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;IAAA;EAAC,EAC/C,CACS,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAe,gBAChC,6BAAC,WAAI;IACD,MAAM,eACF,6BAAC,sBAAU;MACP,IAAI,eAAE,6BAAC,kCAAQ,OAAI;MACnB,KAAK,EAAC,aAAa;MACnB,OAAO,EAAE;QAAA,OAAMD,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;MAAA;IAAC;EAEpD,gBAED,6BAAC,eAAQ;IACL,OAAO,EAAE,mBAAM;MACXD,OAAO,CAACC,GAAG,CAAC,iBAAiB,CAAC;IAClC;EAAE,GACL,OAED,CAAW,eACX,6BAAC,eAAQ,QAAC,QAAM,CAAW,eAC3B,6BAAC,eAAQ,QAAC,YAAU,CAAW,CAC5B,CACI,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEC,YAAK,EAAEC,kBAAW,EAAEC,mBAAY;EACxE;AACJ,CAAC,CACJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineCloud_done24px","_roundMore_vert24px","_index","_IconButton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","IconButton","icon","ReactComponent","label","onClick","console","log","Menu","handle","MenuItem","info","propTablesExclude"],"sources":["IconButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { ReactComponent as CloudIcon } from \"./../assets/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as MoreIcon } from \"./../assets/round-more_vert-24px.svg\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { IconButton } from \"./IconButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"icon button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon button\"}>\n                    <IconButton\n                        icon={<CloudIcon />}\n                        label=\"Icon label\"\n                        onClick={() => console.log(\"Button clicked\")}\n                    />\n                </StorySandbox>\n                <StorySandbox title={\"Menu example\"}>\n                    <Menu\n                        handle={\n                            <IconButton\n                                icon={<MoreIcon />}\n                                label=\"Toggle menu\"\n                                onClick={() => console.log(\"Button clicked\")}\n                            />\n                        }\n                    >\n                        <MenuItem\n                            onClick={() => {\n                                console.log(\"Apple selected!\");\n                            }}\n                        >\n                            Apple\n                        </MenuItem>\n                        <MenuItem>Banana</MenuItem>\n                        <MenuItem>Watermelon</MenuItem>\n                    </Menu>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\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,uBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAMQ,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAY,KAAK,qBACFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAa,WAAW,QAAEC,eAAoB,CAAC,eACnClB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY;IAACC,KAAK,EAAE;EAAc,gBAC/BpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;IACPC,IAAI,eAAEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAiB,cAAS,MAAE,CAAE;IACpBC,KAAK,EAAC,YAAY;IAClBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;IAAA;EAAC,CAChD,CACS,CAAC,eACf3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY;IAACC,KAAK,EAAE;EAAe,gBAChCpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAoB,IAAI;IACDC,MAAM,eACF7B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;MACPC,IAAI,eAAEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAgB,cAAQ,MAAE,CAAE;MACnBC,KAAK,EAAC,aAAa;MACnBC,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,gBAAgB,CAAC;MAAA;IAAC,CAChD;EACJ,gBAED3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ;IACLL,OAAO,EAAE,SAAAA,QAAA,EAAM;MACXC,OAAO,CAACC,GAAG,CAAC,iBAAiB,CAAC;IAClC;EAAE,GACL,OAES,CAAC,eACX3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ,QAAC,QAAgB,CAAC,eAC3B9B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,MAAA,CAAAsB,QAAQ,QAAC,YAAoB,CAC5B,CACI,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACJ,WAAI,EAAEE,eAAQ,EAAEd,YAAK,EAAEC,kBAAW,EAAEE,mBAAY;EACxE;AACJ,CACJ,CAAC"}

package/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Button","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IconButton","_CopyButton"],"sources":["index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\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;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["Carousel","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","swiping","dragging","heightMode","easing"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ninterface Props extends CarouselProps {\n    // slides as set of HTMLElements\n    children: React.ReactNode;\n\n    // render method for the next slide button\n    renderNextSlide?: CarouselRenderControl | null;\n\n    // render method for the previous slide button\n    renderPreviousSlide?: CarouselRenderControl | null;\n\n    // render method for the central navigation\n    renderBottomNav?: CarouselRenderControl | null;\n}\n\nclass Carousel extends React.Component<Props> {\n    static defaultProps = {\n        swiping: true,\n        dragging: false,\n        heightMode: \"first\",\n        easing: \"easeExpInOut\"\n    };\n\n    static nukaProps = [\n        \"children\",\n        \"afterSlide\",\n        \"autoplay\",\n        \"autoplayInterval\",\n        \"beforeSlide\",\n        \"dragging\",\n        \"easing\",\n        \"heightMode\",\n        \"pauseOnHover\",\n        \"slideIndex\",\n        \"speed\",\n        \"swiping\",\n        \"transitionMode\"\n    ];\n\n    public override render() {\n        return (\n            <NukaCarousel\n                {...pick(this.props, Carousel.nukaProps)}\n                {...(this.props.renderPreviousSlide\n                    ? { renderCenterLeftControls: this.props.renderPreviousSlide }\n                    : {})}\n                {...(this.props.renderNextSlide\n                    ? { renderCenterRightControls: this.props.renderNextSlide }\n                    : {})}\n                {...(this.props.renderBottomNav\n                    ? { renderBottomCenterControls: this.props.renderBottomNav }\n                    : {})}\n            >\n                {this.props.children}\n            </NukaCarousel>\n        );\n    }\n}\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAA+B,IAgBzBA,QAAQ;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAwBV,kBAAyB;MACrB,oBACI,6BAAC,qBAAY,oBACL,IAAAC,aAAI,EAAC,IAAI,CAACC,KAAK,EAAEF,QAAQ,CAACG,SAAS,CAAC,EACnC,IAAI,CAACD,KAAK,CAACE,mBAAmB,GAC7B;QAAEC,wBAAwB,EAAE,IAAI,CAACH,KAAK,CAACE;MAAoB,CAAC,GAC5D,CAAC,CAAC,EACH,IAAI,CAACF,KAAK,CAACI,eAAe,GACzB;QAAEC,yBAAyB,EAAE,IAAI,CAACL,KAAK,CAACI;MAAgB,CAAC,GACzD,CAAC,CAAC,EACH,IAAI,CAACJ,KAAK,CAACM,eAAe,GACzB;QAAEC,0BAA0B,EAAE,IAAI,CAACP,KAAK,CAACM;MAAgB,CAAC,GAC1D,CAAC,CAAC,GAEP,IAAI,CAACN,KAAK,CAACQ,QAAQ,CACT;IAEvB;EAAC;EAAA;AAAA,EAzCkBC,cAAK,CAACC,SAAS;AAAA,8BAAhCZ,QAAQ,kBACY;EAClBa,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,OAAO;EACnBC,MAAM,EAAE;AACZ,CAAC;AAAA,8BANChB,QAAQ,eAQS,CACf,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,gBAAgB,CACnB;AAAA,eAsBUA,QAAQ;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_nukaCarousel","_pick","Carousel","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","createElement","Object","assign","pick","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","React","Component","_defineProperty2","swiping","dragging","heightMode","easing","_default","exports"],"sources":["Carousel.tsx"],"sourcesContent":["import React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ninterface Props extends CarouselProps {\n    // slides as set of HTMLElements\n    children: React.ReactNode;\n\n    // render method for the next slide button\n    renderNextSlide?: CarouselRenderControl | null;\n\n    // render method for the previous slide button\n    renderPreviousSlide?: CarouselRenderControl | null;\n\n    // render method for the central navigation\n    renderBottomNav?: CarouselRenderControl | null;\n}\n\nclass Carousel extends React.Component<Props> {\n    static defaultProps = {\n        swiping: true,\n        dragging: false,\n        heightMode: \"first\",\n        easing: \"easeExpInOut\"\n    };\n\n    static nukaProps = [\n        \"children\",\n        \"afterSlide\",\n        \"autoplay\",\n        \"autoplayInterval\",\n        \"beforeSlide\",\n        \"dragging\",\n        \"easing\",\n        \"heightMode\",\n        \"pauseOnHover\",\n        \"slideIndex\",\n        \"speed\",\n        \"swiping\",\n        \"transitionMode\"\n    ];\n\n    public override render() {\n        return (\n            <NukaCarousel\n                {...pick(this.props, Carousel.nukaProps)}\n                {...(this.props.renderPreviousSlide\n                    ? { renderCenterLeftControls: this.props.renderPreviousSlide }\n                    : {})}\n                {...(this.props.renderNextSlide\n                    ? { renderCenterRightControls: this.props.renderNextSlide }\n                    : {})}\n                {...(this.props.renderBottomNav\n                    ? { renderBottomCenterControls: this.props.renderBottomNav }\n                    : {})}\n            >\n                {this.props.children}\n            </NukaCarousel>\n        );\n    }\n}\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,IAgBzBG,QAAQ,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,QAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,QAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,QAAA;IAAAU,GAAA;IAAAC,KAAA,EAwBV,SAAAC,OAAA,EAAyB;MACrB,oBACIjB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,aAAA,CAAAK,OAAY,EAAAW,MAAA,CAAAC,MAAA,KACL,IAAAC,aAAI,EAAC,IAAI,CAACC,KAAK,EAAEjB,QAAQ,CAACkB,SAAS,CAAC,EACnC,IAAI,CAACD,KAAK,CAACE,mBAAmB,GAC7B;QAAEC,wBAAwB,EAAE,IAAI,CAACH,KAAK,CAACE;MAAoB,CAAC,GAC5D,CAAC,CAAC,EACH,IAAI,CAACF,KAAK,CAACI,eAAe,GACzB;QAAEC,yBAAyB,EAAE,IAAI,CAACL,KAAK,CAACI;MAAgB,CAAC,GACzD,CAAC,CAAC,EACH,IAAI,CAACJ,KAAK,CAACM,eAAe,GACzB;QAAEC,0BAA0B,EAAE,IAAI,CAACP,KAAK,CAACM;MAAgB,CAAC,GAC1D,CAAC,CAAC,GAEP,IAAI,CAACN,KAAK,CAACQ,QACF,CAAC;IAEvB;EAAC;EAAA,OAAAzB,QAAA;AAAA,EAzCkB0B,cAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,CAAAzB,OAAA,EAAhCH,QAAQ,kBACY;EAClB6B,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,OAAO;EACnBC,MAAM,EAAE;AACZ,CAAC;AAAA,IAAAJ,gBAAA,CAAAzB,OAAA,EANCH,QAAQ,eAQS,CACf,UAAU,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,gBAAgB,CACnB;AAAA,IAAAiC,QAAA,GAsBUjC,QAAQ;AAAAkC,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

package/Carousel/Carouser.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","readme","info","propTables","Carousel"],"sources":["Carouser.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 } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport Carousel from \"./Carousel\";\n\nconst story = storiesOf(\"Components/Carousel\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Carousel>\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                        </Carousel>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Carousel>\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                    </Carousel>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Carousel] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA+C,gBACvE,6BAAC,iBAAQ,qBACL;IAAK,GAAG,EAAC;EAAyD,EAAG,eACrE;IAAK,GAAG,EAAC;EAAyD,EAAG,eACrE;IAAK,GAAG,EAAC;EAAyD,EAAG,eACrE;IAAK,GAAG,EAAC;EAAyD,EAAG,eACrE;IAAK,GAAG,EAAC;EAAyD,EAAG,eACrE;IAAK,GAAG,EAAC;EAAyD,EAAG,CAC9D,CACO,eACtB,6BAAC,uBAAgB,wqBAWE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CAAC,CACvC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_Carousel","story","storiesOf","module","addDecorator","withKnobs","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","src","StorySandboxCode","info","propTables","Carousel"],"sources":["Carouser.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 } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport Carousel from \"./Carousel\";\n\nconst story = storiesOf(\"Components/Carousel\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Carousel>\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                            <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                        </Carousel>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Carousel>\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide1\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide2\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide3\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide4\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide5\" />\n                        <img src=\"http://placehold.it/1000x400/ffffff/c0392b/&text=slide6\" />\n                    </Carousel>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Carousel] } }\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;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAY,KAAK,qBACFhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAa,WAAW,QAAEC,eAAoB,CAAC,eACnClB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAe,YAAY,qBACTnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAgB,mBAAmB;IAACC,KAAK,EAAE;EAA+C,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAO,OAAQ,qBACLd,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAAC,eACrEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKO,GAAG,EAAC;EAAyD,CAAE,CAC9D,CACO,CAAC,eACtBtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,MAAA,CAAAmB,gBAAgB,uqBAWC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Carousel/index.js.map

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

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","e","props","onChange","target","checked","value","label","disabled","indeterminate","description","validation","onClick","validationIsValid","isValid","validationMessage","message","Boolean","React","Component"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n}\n\n/**\n * Single Checkbox component can be used to store simple boolean values.\n *\n * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.\n * In that case, each Checkbox component must receive value and onChange callback via props.\n */\nclass Checkbox 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, indeterminate, description, validation, onClick } =\n            this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcCheckbox\n                    indeterminate={indeterminate}\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                    // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.\n                    label={label}\n                    data-testid={this.props[\"data-testid\"]}\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 Checkbox;\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AAuBA;AACA;AACA;AACA;AACA;AACA;AALA,IAMMA,QAAQ;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,uFACC,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,kBACI,IAAI,CAACH,KAAK;QADNI,KAAK,eAALA,KAAK;QAAEC,KAAK,eAALA,KAAK;QAAEC,QAAQ,eAARA,QAAQ;QAAEC,aAAa,eAAbA,aAAa;QAAEC,WAAW,eAAXA,WAAW;QAAEC,UAAU,eAAVA,UAAU;QAAEC,QAAO,eAAPA,OAAO;MAG/E,WAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,kBAAY;QACT,aAAa,EAAEP,aAAc;QAC7B,QAAQ,EAAED,QAAS;QACnB,OAAO,EAAES,OAAO,CAACX,KAAK,CAAE;QACxB,QAAQ,EAAE,IAAI,CAACH,QAAS;QACxB,OAAO,EAAE;UAAA,OAAM,OAAOS,QAAO,KAAK,UAAU,IAAIA,QAAO,CAACK,OAAO,CAACX,KAAK,CAAC,CAAC;QAAA;QACvE;QAAA;QACA,KAAK,EAAEC,KAAM;QACb,eAAa,IAAI,CAACL,KAAK,CAAC,aAAa;MAAE,EACzC,EACDW,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,EAhCkBQ,cAAK,CAACC,SAAS;AAAA,eAmCvBnB,QAAQ;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_checkbox","_FormElementMessage","Checkbox","_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","indeterminate","description","validation","onClick","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Boolean","FormElementMessage","error","React","Component","_default","exports"],"sources":["Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface Props extends FormComponentProps {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: (value: boolean) => void;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n}\n\n/**\n * Single Checkbox component can be used to store simple boolean values.\n *\n * Grouping multiple Checkbox components with CheckboxGroup will allow to store an array of selected values.\n * In that case, each Checkbox component must receive value and onChange callback via props.\n */\nclass Checkbox 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, indeterminate, description, validation, onClick } =\n            this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcCheckbox\n                    indeterminate={indeterminate}\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    onClick={() => typeof onClick === \"function\" && onClick(Boolean(value))}\n                    // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.\n                    label={label}\n                    data-testid={this.props[\"data-testid\"]}\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 Checkbox;\n"],"mappings":"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"}

package/Checkbox/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","readme","Bind","info","propTables","Checkbox"],"sources":["Checkbox.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_Checkbox.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Checkbox from \"./Checkbox\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Checkbox\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Checkbox\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Checkbox] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,wBAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA+C,gBACvE,6BAAC,UAAI,QACA;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAY,gBACnB,6BAAC,iBAAQ;MACL,KAAK,EAAE,aAAc;MACrB,QAAQ,EAAEH,QAAS;MACnB,WAAW,EACP;IACH,EACH,CACC;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,4iBAcE,CACR,CACX;AAEhB,CAAC,EACD;EAAEI,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CAAC,CACvC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README_Checkbox","_form","_Checkbox","story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","name","label","description","StorySandboxCode","info","propTables","Checkbox"],"sources":["Checkbox.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_Checkbox.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Checkbox from \"./Checkbox\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - single\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple checkbox with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Checkbox\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Checkbox\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Checkbox] } }\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,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,gBAAgB,EAChB,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,wBAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB;IAACC,KAAK,EAAE;EAA+C,gBACvExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAkB,IAAI,QACA,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAY,gBACnB5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,SAAA,CAAAS,OAAQ;MACLY,KAAK,EAAE,aAAc;MACrBd,QAAQ,EAAEA,QAAS;MACnBe,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtB9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA2B,gBAAgB,2iBAcC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,iBAAQ;EAAE;AAAE,CACvC,CAAC"}

package/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyCheckboxTitle","css","textTransform","fontWeight","marginBottom"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxTitle = 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 { webinyCheckboxTitle };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA,IAAMA,mBAAmB,gBAAG,IAAAC,YAAG,EAC3B,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5B;IACAC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE;EAClB;AACJ,CAAC,+BACJ;AAAC"}
+{"version":3,"names":["_emotion","require","webinyCheckboxTitle","css","textTransform","fontWeight","marginBottom","exports"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxTitle = 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 { webinyCheckboxTitle };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,mBAAmB,gBAAG,IAAAC,YAAG,EAC3B,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5B;IACAC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE;EAClB;AACJ,CAAC,8BACL,CAAC;AAACC,OAAA,CAAAL,mBAAA,GAAAA,mBAAA"}

package/Checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["CheckboxGroup","props","description","label","validation","isValid","message","webinyCheckboxTitle","children","onChange","value","values","Array","isArray","index","indexOf","splice","push","getValue","id","includes","React","Component"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nexport interface ChildrenRenderProp {\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 Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation = { isValid: null, message: null } } = this.props;\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                            webinyCheckboxTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AAA2D,IAkBrDA,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACf,kBAAyB;MAAA;MACrB,kBAA8E,IAAI,CAACC,KAAK;QAAhFC,WAAW,eAAXA,WAAW;QAAEC,KAAK,eAALA,KAAK;QAAA,oCAAEC,UAAU;QAAVA,UAAU,sCAAG;UAAEC,OAAO,EAAE,IAAI;UAAEC,OAAO,EAAE;QAAK,CAAC;MAEzE,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVH,KAAK,iBACF;QACI,SAAS,EACL,oEAAoE,GACpEI;MACH,GAEAJ,KAAK,CAEb,EAEA,IAAI,CAACF,KAAK,CAACO,QAAQ,CAAC;QACjBC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;UACf,OAAO,YAAM;YACT,IAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAAC,KAAI,CAACZ,KAAK,CAACS,KAAK,CAAC,oCACpC,KAAI,CAACT,KAAK,CAACS,KAAK,IACpB,EAAE;YACR,IAAMI,KAAK,GAAGH,MAAM,CAACI,OAAO,CAACL,KAAK,CAAC;YACnC,IAAII,KAAK,GAAG,CAAC,CAAC,EAAE;cACZH,MAAM,CAACK,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;YAC3B,CAAC,MAAM;cACHH,MAAM,CAACM,IAAI,CAACP,KAAK,CAAC;YACtB;YAEA,KAAI,CAACT,KAAK,CAACQ,QAAQ,IAAI,KAAI,CAACR,KAAK,CAACQ,QAAQ,CAACE,MAAM,CAAC;UACtD,CAAC;QACL,CAAC;QACDO,QAAQ,EAAE,kBAAAC,EAAE,EAAI;UACZ,IAAMR,MAAM,GAAGC,KAAK,CAACC,OAAO,CAAC,KAAI,CAACZ,KAAK,CAACS,KAAK,CAAC,GAAG,KAAI,CAACT,KAAK,CAACS,KAAK,GAAG,EAAE;UACtE,OAAOC,MAAM,CAACS,QAAQ,CAACD,EAAE,CAAC;QAC9B;MACJ,CAAC,CAAC,EAEDf,UAAU,CAACC,OAAO,KAAK,KAAK,iBACzB,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GAAED,UAAU,CAACE,OAAO,CAChD,EAEAF,UAAU,CAACC,OAAO,KAAK,KAAK,IAAIH,WAAW,iBACxC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;IAEzB;EAAC;EAAA;AAAA,EAhDuBmB,cAAK,CAACC,SAAS;AAAA,eAmD5BtB,aAAa;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Checkbox","_FormElementMessage","CheckboxGroup","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_this","_this$props","props","description","label","_this$props$validatio","validation","isValid","message","createElement","Fragment","className","webinyCheckboxTitle","children","onChange","values","Array","isArray","_toConsumableArray2","index","indexOf","splice","push","getValue","id","includes","FormElementMessage","error","React","Component","_default","exports"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\nexport interface ChildrenRenderProp {\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 Checkbox components.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nclass CheckboxGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation = { isValid: null, message: null } } = this.props;\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                            webinyCheckboxTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => {\n                        return () => {\n                            const values = Array.isArray(this.props.value)\n                                ? [...this.props.value]\n                                : [];\n                            const index = values.indexOf(value);\n                            if (index > -1) {\n                                values.splice(index, 1);\n                            } else {\n                                values.push(value);\n                            }\n\n                            this.props.onChange && this.props.onChange(values);\n                        };\n                    },\n                    getValue: id => {\n                        const values = Array.isArray(this.props.value) ? this.props.value : [];\n                        return values.includes(id);\n                    }\n                })}\n\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default CheckboxGroup;\n"],"mappings":"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"}

package/Checkbox/CheckboxGroup.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","CheckboxGroup"],"sources":["CheckboxGroup.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_CheckboxGroup.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Checkbox, CheckboxGroup } from \".\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - group\",\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 checkbox with label and description\"}>\n                        <Form data={{ fruits: [\"pear\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <CheckboxGroup\n                                        label=\"Fruits selection\"\n                                        description={\"Choose only fruits you like.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Checkbox\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </CheckboxGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <CheckboxGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Checkbox\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </CheckboxGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CheckboxGroup] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,eAAe,EACf,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,6BAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA6C,gBACrE,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,MAAM,EAAE,CAAC,MAAM;IAAE;EAAE,GAC5B;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAQ,gBACf,6BAAC,eAAa;MACV,KAAK,EAAC,kBAAkB;MACxB,WAAW,EAAE;IAA+B,GAE3C;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,UAAQ;UACL,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,CACW,CACb;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,01CA2BE,CACR,CACX;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,eAAa;EAAE;AAAE,CAAC,CAC5C"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README_CheckboxGroup","_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","CheckboxGroup","label","description","_ref2","onChange","getValue","Fragment","map","_ref3","Checkbox","key","value","StorySandboxCode","info","propTables"],"sources":["CheckboxGroup.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_CheckboxGroup.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Checkbox, CheckboxGroup } from \".\";\n\nconst story = storiesOf(\"Components/Checkbox\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage - group\",\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 checkbox with label and description\"}>\n                        <Form data={{ fruits: [\"pear\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <CheckboxGroup\n                                        label=\"Fruits selection\"\n                                        description={\"Choose only fruits you like.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Checkbox\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </CheckboxGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <CheckboxGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Checkbox\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </CheckboxGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CheckboxGroup] } }\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,qBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,CAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,qBAAqB,EAAEC,MAAM,CAAC;AACtDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,eAAe,EACf,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,6BAAoB,CAAC,eACnCxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAqB,YAAY,qBACTzB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAsB,mBAAmB;IAACC,KAAK,EAAE;EAA6C,gBACrE3B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAqB,IAAI;IAACC,IAAI,EAAE;MAAEC,MAAM,EAAE,CAAC,MAAM;IAAE;EAAE,GAC5B,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,aAAa;MACVC,KAAK,EAAC,kBAAkB;MACxBC,WAAW,EAAE;IAA+B,GAE3C,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,QAAQ;UACL3B,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,CAEV,CACb,CAAC;EAAA,CAET,CACW,CAAC,eACtBlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyC,gBAAgB,y1CA2BC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACd,eAAa;EAAE;AAAE,CAC5C,CAAC"}

package/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"names":["_Checkbox","_interopRequireDefault","require","_CheckboxGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA"}

package/Chips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["Chip","props","children","rest"],"sources":["Chip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport type ChipProps = RmwcChipProps;\n\nexport const Chip: React.FC<ChipProps> = props => {\n    const { children, ...rest } = props;\n    return <RmwcChip {...rest}>{children}</RmwcChip>;\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAA0E;AAInE,IAAMA,IAAyB,GAAG,SAA5BA,IAAyB,CAAGC,KAAK,EAAI;EAC9C,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBAAO,6BAAC,UAAQ,EAAKE,IAAI,EAAGD,QAAQ,CAAY;AACpD,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_chip","_excluded","Chip","props","children","rest","_objectWithoutProperties2","default","createElement","exports"],"sources":["Chip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport type ChipProps = RmwcChipProps;\n\nexport const Chip: React.FC<ChipProps> = props => {\n    const { children, ...rest } = props;\n    return <RmwcChip {...rest}>{children}</RmwcChip>;\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA0E,IAAAE,SAAA;AAInE,IAAMC,IAAyB,GAAG,SAA5BA,IAAyBA,CAAGC,KAAK,EAAI;EAC9C,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAF,SAAA;EACnC,oBAAOJ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAE,IAAQ,EAAKG,IAAI,EAAGD,QAAmB,CAAC;AACpD,CAAC;AAACK,OAAA,CAAAP,IAAA,GAAAA,IAAA"}

package/Chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"names":["Chips","props","children","className","disabled","rest","classNames","chipIconWrapper","disabledChips"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\nexport const Chips: React.FC<ChipsProps> = props => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <React.Fragment>\n            <ChipSet\n                {...rest}\n                className={classNames(className, chipIconWrapper, {\n                    [disabledChips]: disabled\n                })}\n            >\n                {children}\n            </ChipSet>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAA0D;AAwBnD,IAAMA,KAA2B,GAAG,SAA9BA,KAA2B,CAAGC,KAAK,EAAI;EAChD,IAAQC,QAAQ,GAAmCD,KAAK,CAAhDC,QAAQ;IAAEC,SAAS,GAAwBF,KAAK,CAAtCE,SAAS;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,0CAAKJ,KAAK;EAExD,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,aAAO,oBACAI,IAAI;IACR,SAAS,EAAE,IAAAC,mBAAU,EAACH,SAAS,EAAEI,uBAAe,oCAC3CC,qBAAa,EAAGJ,QAAQ;EAC1B,IAEFF,QAAQ,CACH,CACG;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_chip","_styles","_excluded","Chips","props","children","className","disabled","rest","_objectWithoutProperties2","default","createElement","Fragment","ChipSet","Object","assign","classNames","chipIconWrapper","_defineProperty2","disabledChips","exports"],"sources":["Chips.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport interface ChipsProps {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n}\n\nexport const Chips: React.FC<ChipsProps> = props => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <React.Fragment>\n            <ChipSet\n                {...rest}\n                className={classNames(className, chipIconWrapper, {\n                    [disabledChips]: disabled\n                })}\n            >\n                {children}\n            </ChipSet>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA0D,IAAAI,SAAA;AAwBnD,IAAMC,KAA2B,GAAG,SAA9BA,KAA2BA,CAAGC,KAAK,EAAI;EAChD,IAAQC,QAAQ,GAAmCD,KAAK,CAAhDC,QAAQ;IAAEC,SAAS,GAAwBF,KAAK,CAAtCE,SAAS;IAAEC,QAAQ,GAAcH,KAAK,CAA3BG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAF,SAAA;EAExD,oBACIN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAc,OAAK,CAACE,QAAQ,qBACXhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAa,OAAO,EAAAC,MAAA,CAAAC,MAAA,KACAP,IAAI;IACRF,SAAS,EAAE,IAAAU,mBAAU,EAACV,SAAS,EAAEW,uBAAe,MAAAC,gBAAA,CAAAR,OAAA,MAC3CS,qBAAa,EAAGZ,QAAQ,CAC5B;EAAE,IAEFF,QACI,CACG,CAAC;AAEzB,CAAC;AAACe,OAAA,CAAAjB,KAAA,GAAAA,KAAA"}

package/Chips/Chips.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Chip","Chips"],"sources":["Chips.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 { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\nimport { ReactComponent as BaselineEmailIcon } from \"./icons/baseline-email-24px.svg\";\nimport { Chip, Chips } from \"./index\";\n\nconst story = storiesOf(\"Components/Chips\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple chips with a label and description\"}>\n                        <div>\n                            <Chips>\n                                <Chip selected>Cookies</Chip>\n                                <Chip>Pizza</Chip>\n                                <Chip>Icecream</Chip>\n                            </Chips>\n\n                            <Chips>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                            </Chips>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Chip, Chips] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AAEA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AAEnDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA4C,gBACpE,uDACI,6BAAC,YAAK,qBACF,6BAAC,WAAI;IAAC,QAAQ;EAAA,GAAC,SAAO,CAAO,eAC7B,6BAAC,WAAI,QAAC,OAAK,CAAO,eAClB,6BAAC,WAAI,QAAC,UAAQ,CAAO,CACjB,eAER,6BAAC,YAAK,qBACF,6BAAC,WAAI;IAAC,IAAI,eAAE,6BAAC,iCAAiB;EAAI,GAAC,SAAO,CAAO,eACjD,6BAAC,WAAI;IAAC,YAAY;IAAC,IAAI,eAAE,6BAAC,gCAAgB;EAAI,GAAC,SAE/C,CAAO,eACP,6BAAC,WAAI;IAAC,IAAI,eAAE,6BAAC,iCAAiB;EAAI,GAAC,SAAO,CAAO,eACjD,6BAAC,WAAI;IAAC,YAAY;IAAC,IAAI,eAAE,6BAAC,gCAAgB;EAAI,GAAC,SAE/C,CAAO,CACH,CACN,CACY,eACtB,6BAAC,uBAAgB,q6BAuBE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,WAAI,EAAEC,YAAK;EAAE;AAAE,CAAC,CAC1C"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_baselineDone24px","_baselineEmail24px","_index","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Chips","Chip","selected","icon","ReactComponent","trailingIcon","StorySandboxCode","info","propTables"],"sources":["Chips.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 { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\nimport { ReactComponent as BaselineEmailIcon } from \"./icons/baseline-email-24px.svg\";\nimport { Chip, Chips } from \"./index\";\n\nconst story = storiesOf(\"Components/Chips\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple chips with a label and description\"}>\n                        <div>\n                            <Chips>\n                                <Chip selected>Cookies</Chip>\n                                <Chip>Pizza</Chip>\n                                <Chip>Icecream</Chip>\n                            </Chips>\n\n                            <Chips>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                            </Chips>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Chip, Chips] } }\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,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AAEnDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAW,KAAK,qBACFf,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAY,WAAW,QAAEC,eAAoB,CAAC,eACnCjB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAc,YAAY,qBACTlB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAe,mBAAmB;IAACC,KAAK,EAAE;EAA4C,gBACpEpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,2BACId,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK,qBACFrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACC,QAAQ;EAAA,GAAC,SAAa,CAAC,eAC7BvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI,QAAC,OAAW,CAAC,eAClBtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI,QAAC,UAAc,CACjB,CAAC,eAERtB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAa,KAAK,qBACFrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACE,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAkB,cAAiB,MAAE;EAAE,GAAC,SAAa,CAAC,eACjDzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACI,YAAY;IAACF,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAmB,cAAgB,MAAE;EAAE,GAAC,SAEzC,CAAC,eACPzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACE,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAkB,cAAiB,MAAE;EAAE,GAAC,SAAa,CAAC,eACjDzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,MAAA,CAAAc,IAAI;IAACI,YAAY;IAACF,IAAI,eAAExB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAmB,cAAgB,MAAE;EAAE,GAAC,SAEzC,CACH,CACN,CACY,CAAC,eACtBzB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAuB,gBAAgB,o6BAuBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,WAAI,EAAED,YAAK;EAAE;AAAE,CAC1C,CAAC"}

package/Chips/index.js.map

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

package/Chips/styles.js.map

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

package/CodeEditor/CodeEditor.js

@@ -20,7 +20,8 @@ require("brace/theme/github");
 require("brace/theme/twilight");
 require("brace/theme/chrome");
 var _FormElementMessage = require("../FormElementMessage");
-var _excluded = ["value", "description", "validation", "theme"];
+var _excluded = ["value", "description", "validation", "theme"]; // Modes
+// Themes
 /**
  * Controls the helper text below the checkbox.
  * @type {string}

package/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyCheckboxHelperText","css","paddingTop","CodeEditor","value","props","onChange","description","validation","theme","rest","validationIsValid","isValid","validationMessage","message","String","React","Component"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\n// Modes\nimport \"brace/mode/html\";\n// Themes\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\nimport \"brace/theme/chrome\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxHelperText = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingTop: 5\n        }\n    }\n);\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * CodeEditor component can be used to store simple boolean values.\n */\nclass CodeEditor extends React.Component<Props> {\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    public override render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AceEditor\n                    value={value ? String(value) : \"\"}\n                    theme={theme}\n                    onChange={this.onChange}\n                    {...rest}\n                    width=\"100%\"\n                    className={\"mdc-text-field\"}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validationMessage}\n                    </FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAA0D;AAE1D;AACA;AACA;AACA;AACA,IAAMA,wBAAwB,gBAAG,IAAAC,YAAG,EAChC,CAAC,CAAC,EACF;EACI,8BAA8B,EAAE;IAC5BC,UAAU,EAAE;EAChB;AACJ,CAAC,oCACJ;AAWD;AACA;AACA;AAFA,IAGMC,UAAU;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,uFACD,UAACC,KAAa,EAAK;MAC1B,MAAKC,KAAK,CAACC,QAAQ,IAAI,MAAKD,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;IACrD,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,kBAAsE,IAAI,CAACC,KAAK;QAAxED,KAAK,eAALA,KAAK;QAAEG,WAAW,eAAXA,WAAW;QAAEC,UAAU,eAAVA,UAAU;QAAA,gCAAEC,KAAK;QAALA,KAAK,kCAAG,QAAQ;QAAKC,IAAI;MAEjE,WAAmEF,UAAU,IAAI,CAAC,CAAC;QAAlEG,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,iBAAS;QACN,KAAK,EAAEV,KAAK,GAAGW,MAAM,CAACX,KAAK,CAAC,GAAG,EAAG;QAClC,KAAK,EAAEK,KAAM;QACb,QAAQ,EAAE,IAAI,CAACH;MAAS,GACpBI,IAAI;QACR,KAAK,EAAC,MAAM;QACZ,SAAS,EAAE;MAAiB,GAC9B,EAEDC,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;QAAC,KAAK;QAAC,SAAS,EAAEX;MAAyB,GACzDa,iBAAiB,CAEzB,EAEAF,iBAAiB,KAAK,KAAK,IAAIJ,WAAW,iBACvC,6BAAC,sCAAkB;QAAC,SAAS,EAAEP;MAAyB,GACnDO,WAAW,CAEnB,CACY;IAEzB;EAAC;EAAA;AAAA,EAlCoBS,cAAK,CAACC,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_reactAce","_FormElementMessage","_excluded","webinyCheckboxHelperText","css","paddingTop","CodeEditor","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","props","onChange","_createClass2","key","render","_this$props","description","validation","_this$props$theme","theme","rest","_objectWithoutProperties2","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","String","width","className","FormElementMessage","error","React","Component","exports"],"sources":["CodeEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\n// Modes\nimport \"brace/mode/html\";\n// Themes\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\nimport \"brace/theme/chrome\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyCheckboxHelperText = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingTop: 5\n        }\n    }\n);\n\ninterface Props extends FormComponentProps {\n    mode: string;\n\n    theme: string;\n\n    // Description beneath the input.\n    description?: React.ReactNode;\n}\n\n/**\n * CodeEditor component can be used to store simple boolean values.\n */\nclass CodeEditor extends React.Component<Props> {\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    public override render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AceEditor\n                    value={value ? String(value) : \"\"}\n                    theme={theme}\n                    onChange={this.onChange}\n                    {...rest}\n                    width=\"100%\"\n                    className={\"mdc-text-field\"}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validationMessage}\n                    </FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"mappings":"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"}

package/CodeEditor/CodeEditor.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","description","text","readme","data","Bind","info","propTables","CodeEditor"],"sources":["CodeEditor.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, text } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport { Form } from \"@webiny/form\";\nimport { CodeEditor } from \"./CodeEditor\";\nimport \"brace/mode/json\";\nimport \"brace/theme/github\";\n\nconst story = storiesOf(\"Components/CodeEditor\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const description = text(\"description\", \"Type your code here and see it in action.\");\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ data: `{\"foo\": \"bar\"}` }}>\n                            {({ Bind }) => (\n                                <Bind name=\"data\">\n                                    <CodeEditor\n                                        mode=\"json\"\n                                        theme=\"github\"\n                                        description={description}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form data={{ data: \\`{\"foo\": \"bar\"}\\` }}>\n                        {({ Bind }) => (\n                            <Bind name=\"data\">\n                                 <CodeEditor\n                                    mode=\"json\"\n                                    theme=\"github\"\n                                    description={\"${description}\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CodeEditor] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,uBAAuB,EAAEC,MAAM,CAAC;AACxDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,WAAW,GAAG,IAAAC,gBAAI,EAAC,aAAa,EAAE,2CAA2C,CAAC;EAEpF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,IAAI;IAAmB;EAAE,GAClC;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAM,gBACb,6BAAC,sBAAU;MACP,IAAI,EAAC,MAAM;MACX,KAAK,EAAC,QAAQ;MACd,WAAW,EAAEJ;IAAY,EAC3B,CACC;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,gYAQeA,WAAW,iKAMxB,CACR,CACX;AAEhB,CAAC,EACD;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,sBAAU;EAAE;AAAE,CAAC,CACzC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_form","_CodeEditor","story","storiesOf","module","addDecorator","withKnobs","add","description","text","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Form","data","_ref","Bind","name","CodeEditor","mode","theme","StorySandboxCode","concat","info","propTables"],"sources":["CodeEditor.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, text } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\nimport { Form } from \"@webiny/form\";\nimport { CodeEditor } from \"./CodeEditor\";\nimport \"brace/mode/json\";\nimport \"brace/theme/github\";\n\nconst story = storiesOf(\"Components/CodeEditor\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const description = text(\"description\", \"Type your code here and see it in action.\");\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ data: `{\"foo\": \"bar\"}` }}>\n                            {({ Bind }) => (\n                                <Bind name=\"data\">\n                                    <CodeEditor\n                                        mode=\"json\"\n                                        theme=\"github\"\n                                        description={description}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form data={{ data: \\`{\"foo\": \"bar\"}\\` }}>\n                        {({ Bind }) => (\n                            <Bind name=\"data\">\n                                 <CodeEditor\n                                    mode=\"json\"\n                                    theme=\"github\"\n                                    description={\"${description}\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [CodeEditor] } }\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;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACAA,OAAA;AACAA,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,uBAAuB,EAAEC,MAAM,CAAC;AACxDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,WAAW,GAAG,IAAAC,gBAAI,EAAC,aAAa,EAAE,2CAA2C,CAAC;EAEpF,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB,qBAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAiB,IAAI;IAACC,IAAI,EAAE;MAAEA,IAAI;IAAmB;EAAE,GAClC,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACS,IAAI;MAACC,IAAI,EAAC;IAAM,gBACb5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAqB,UAAU;MACPC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,QAAQ;MACdhB,WAAW,EAAEA;IAAY,CAC5B,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBf,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA4B,gBAAgB,yXAAAC,MAAA,CAQelB,WAAW,gKAMzB,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEmB,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACN,sBAAU;EAAE;AAAE,CACzC,CAAC"}

package/CodeEditor/index.js.map

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

package/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["classes","label","css","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","classNames","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","showColorPicker","setState","state","onChange","props","hex","value","description","validation","backgroundColorStyle","validationIsValid","isValid","validationMessage","message","handleClick","handleClose","handleChange","React","Component"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { SketchPicker, ColorResult } from \"react-color\";\nimport { css } from \"emotion\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    color: css({\n        width: \"36px\",\n        height: \"14px\",\n        borderRadius: \"2px\"\n    }),\n    swatch: css({\n        padding: \"5px\",\n        background: \"#fff\",\n        borderRadius: \"1px\",\n        boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n        display: \"inline-block\",\n        cursor: \"pointer\"\n    }),\n    // @ts-ignore\n    popover: css({\n        position: \"absolute\",\n        zIndex: \"2\"\n    }),\n    classNames: css({\n        position: \"fixed\",\n        top: \"0px\",\n        right: \"0px\",\n        bottom: \"0px\",\n        left: \"0px\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface ColorPickerState {\n    showColorPicker: boolean;\n}\n\ninterface ColorPickerProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n}\n\n/**\n * Use ColorPicker component to display a list of choices, once the handler is triggered.\n */\nclass ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\n    public override state = {\n        showColorPicker: false\n    };\n\n    handleClick = () => {\n        this.setState({ showColorPicker: !this.state.showColorPicker });\n    };\n\n    handleClose = () => {\n        this.setState({ showColorPicker: false });\n    };\n\n    handleChange = (color: ColorResult) => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    public override render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = {};\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={classNames({ [classes.disable]: disable })}>\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n\n                <div>\n                    <div className={classes.swatch} onClick={this.handleClick}>\n                        <div className={classes.color} style={backgroundColorStyle} />\n                    </div>\n                    {this.state.showColorPicker ? (\n                        <div className={classes.popover}>\n                            <div className={classes.classNames} onClick={this.handleClose} />\n                            <SketchPicker color={value || \"\"} onChange={this.handleChange} />\n                        </div>\n                    ) : null}\n                </div>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactColor","_emotion","_FormElementMessage","_classnames","classes","label","css","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","classNames","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","showColorPicker","setState","state","onChange","props","hex","_createClass2","key","value","render","_this$props","description","validation","backgroundColorStyle","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","onClick","handleClick","style","handleClose","SketchPicker","handleChange","FormElementMessage","error","React","Component","exports"],"sources":["ColorPicker.tsx"],"sourcesContent":["import React from \"react\";\nimport { SketchPicker, ColorResult } from \"react-color\";\nimport { css } from \"emotion\";\nimport { FormComponentProps } from \"~/types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    color: css({\n        width: \"36px\",\n        height: \"14px\",\n        borderRadius: \"2px\"\n    }),\n    swatch: css({\n        padding: \"5px\",\n        background: \"#fff\",\n        borderRadius: \"1px\",\n        boxShadow: \"0 0 0 1px rgba(0,0,0,.1)\",\n        display: \"inline-block\",\n        cursor: \"pointer\"\n    }),\n    // @ts-ignore\n    popover: css({\n        position: \"absolute\",\n        zIndex: \"2\"\n    }),\n    classNames: css({\n        position: \"fixed\",\n        top: \"0px\",\n        right: \"0px\",\n        bottom: \"0px\",\n        left: \"0px\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface ColorPickerState {\n    showColorPicker: boolean;\n}\n\ninterface ColorPickerProps extends FormComponentProps {\n    // Component label.\n    label?: string;\n\n    // Is color picker disabled?\n    disable?: boolean;\n\n    // Description beneath the color picker.\n    description?: string;\n}\n\n/**\n * Use ColorPicker component to display a list of choices, once the handler is triggered.\n */\nclass ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\n    public override state = {\n        showColorPicker: false\n    };\n\n    handleClick = () => {\n        this.setState({ showColorPicker: !this.state.showColorPicker });\n    };\n\n    handleClose = () => {\n        this.setState({ showColorPicker: false });\n    };\n\n    handleChange = (color: ColorResult) => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    public override render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = {};\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={classNames({ [classes.disable]: disable })}>\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n\n                <div>\n                    <div className={classes.swatch} onClick={this.handleClick}>\n                        <div className={classes.color} style={backgroundColorStyle} />\n                    </div>\n                    {this.state.showColorPicker ? (\n                        <div className={classes.popover}>\n                            <div className={classes.classNames} onClick={this.handleClose} />\n                            <SketchPicker color={value || \"\"} onChange={this.handleChange} />\n                        </div>\n                    ) : null}\n                </div>\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"mappings":"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"}

package/ColorPicker/ColorPicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disable","boolean","readme","color","Bind","info","propTables","ColorPicker"],"sources":["ColorPicker.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandbox,\n    StorySandboxCode,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../ColorPicker/README.md\";\nimport { Form } from \"@webiny/form\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ColorPicker } from \"./ColorPicker\";\n\nconst story = storiesOf(\"Components/ColorPicker\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disable = boolean(\"disable\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ color: \"#80ff00\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"color\">\n                                    <ColorPicker\n                                        label={\"Header background color\"}\n                                        disable={disable}\n                                        description={\n                                            \"A simple background color in the header section.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                       <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"color\">\n                                <ColorPicker disable={${disable}} />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ColorPicker] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,wBAAwB,EAAEC,MAAM,CAAC;AACzDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,OAAO,GAAG,IAAAC,mBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;EAEzC,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAU;EAAE,GAC5B;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAO,gBACd,6BAAC,wBAAW;MACR,KAAK,EAAE,yBAA0B;MACjC,OAAO,EAAEJ,OAAQ;MACjB,WAAW,EACP;IACH,EACH,CACC;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,sMAKmBA,OAAO,8HAKxB,CACR,CACX;AAEhB,CAAC,EACD;EAAEK,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,wBAAW;EAAE;AAAE,CAAC,CAC1C"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_form","_addonKnobs","_ColorPicker","story","storiesOf","module","addDecorator","withKnobs","add","disable","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","Form","data","color","_ref","Bind","name","ColorPicker","label","description","StorySandboxCode","concat","info","propTables"],"sources":["ColorPicker.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandbox,\n    StorySandboxCode,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../ColorPicker/README.md\";\nimport { Form } from \"@webiny/form\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ColorPicker } from \"./ColorPicker\";\n\nconst story = storiesOf(\"Components/ColorPicker\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disable = boolean(\"disable\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Form data={{ color: \"#80ff00\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"color\">\n                                    <ColorPicker\n                                        label={\"Header background color\"}\n                                        disable={disable}\n                                        description={\n                                            \"A simple background color in the header section.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                       <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"color\">\n                                <ColorPicker disable={${disable}} />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ColorPicker] } }\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;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,wBAAwB,EAAEC,MAAM,CAAC;AACzDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,OAAO,GAAG,IAAAC,mBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;EAEzC,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAe,KAAK,qBACFnB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAgB,WAAW,QAAEC,eAAoB,CAAC,eACnCrB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAkB,YAAY,qBACTtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAAmB,mBAAmB,qBAChBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAkB,IAAI;IAACC,IAAI,EAAE;MAAEC,KAAK,EAAE;IAAU;EAAE,GAC5B,UAAAC,IAAA;IAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAA,oBACJ5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACU,IAAI;MAACC,IAAI,EAAC;IAAO,gBACd7B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAsB,WAAW;MACRC,KAAK,EAAE,yBAA0B;MACjChB,OAAO,EAAEA,OAAQ;MACjBiB,WAAW,EACP;IACH,CACJ,CACC,CAAC;EAAA,CAET,CACW,CAAC,eACtBhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,MAAA,CAAA6B,gBAAgB,+LAAAC,MAAA,CAKmBnB,OAAO,6HAKzB,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEoB,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACN,wBAAW;EAAE;AAAE,CAC1C,CAAC"}

package/ColorPicker/index.js.map

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

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["ConfirmationDialog","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","props","style","state","hideConfirmation","title","message","disableConfirm","children","showConfirmation","React","Component"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\nimport { ButtonPrimary } from \"~/Button\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: () => void, onCancel?: () => void) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface Props {\n    // Title of confirmation dialog\n    title?: React.ReactNode;\n\n    // Message of confirmation dialog\n    message?: React.ReactNode;\n\n    // This element will be rendered during loading\n    loading?: React.ReactNode;\n\n    // For testing purposes\n    \"data-testid\"?: string;\n\n    // An element that will trigger the confirmation dialog.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n\n    // Is `Confirm` button disabled\n    disableConfirm?: boolean;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\ninterface ConfirmationDialogState {\n    show: boolean;\n    loading: boolean;\n}\n\n/**\n * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.\n */\nclass ConfirmationDialog extends React.Component<Props, ConfirmationDialogState> {\n    static defaultProps = {\n        title: \"Confirmation\",\n        message: \"Are you sure you want to continue?\",\n        loading: <CircularProgress />\n    };\n\n    __isMounted = false;\n\n    callbacks: ConfirmationCallbacks = {\n        onAccept: () => {\n            return void 0;\n        },\n        onCancel: () => {\n            return void 0;\n        }\n    };\n\n    public override state = {\n        show: false,\n        loading: false\n    };\n\n    public override componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    public override componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    private readonly showConfirmation = (onAccept?: () => void, onCancel?: () => void) => {\n        this.callbacks = {\n            onAccept,\n            onCancel\n        };\n        this.setState({ show: true });\n    };\n\n    private readonly hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    private readonly onAccept = async () => {\n        const { onAccept } = this.callbacks;\n        if (typeof onAccept === \"function\") {\n            this.setState({ loading: true });\n            await onAccept();\n            if (this.__isMounted) {\n                this.setState({ loading: false, show: false });\n            }\n        }\n    };\n\n    private readonly onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Dialog\n                    style={this.props.style}\n                    open={this.state.show}\n                    onClose={this.hideConfirmation}\n                    data-testid={this.props[\"data-testid\"]}\n                >\n                    {this.state.loading ? this.props.loading : null}\n                    <DialogTitle>{this.props.title}</DialogTitle>\n                    <DialogContent>{this.props.message}</DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={this.onCancel}>Cancel</DialogCancel>\n                        <ButtonPrimary\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </ButtonPrimary>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Dialog","_Progress","_Button","ConfirmationDialog","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","onAccept","onCancel","show","loading","callbacks","setState","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","__isMounted","stop","_callee2","_callee2$","_context2","_createClass2","key","value","componentDidMount","componentWillUnmount","render","createElement","Fragment","Dialog","style","props","open","state","onClose","hideConfirmation","DialogTitle","title","DialogContent","message","DialogActions","DialogCancel","onClick","ButtonPrimary","disabled","disableConfirm","children","showConfirmation","React","Component","exports","CircularProgress"],"sources":["ConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Dialog, DialogCancel, DialogActions, DialogTitle, DialogContent } from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\nimport { ButtonPrimary } from \"~/Button\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: () => void, onCancel?: () => void) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface Props {\n    // Title of confirmation dialog\n    title?: React.ReactNode;\n\n    // Message of confirmation dialog\n    message?: React.ReactNode;\n\n    // This element will be rendered during loading\n    loading?: React.ReactNode;\n\n    // For testing purposes\n    \"data-testid\"?: string;\n\n    // An element that will trigger the confirmation dialog.\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n\n    // Is `Confirm` button disabled\n    disableConfirm?: boolean;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\ninterface ConfirmationDialogState {\n    show: boolean;\n    loading: boolean;\n}\n\n/**\n * Use ConfirmationDialog component to display a list of choices, once the handler is triggered.\n */\nclass ConfirmationDialog extends React.Component<Props, ConfirmationDialogState> {\n    static defaultProps = {\n        title: \"Confirmation\",\n        message: \"Are you sure you want to continue?\",\n        loading: <CircularProgress />\n    };\n\n    __isMounted = false;\n\n    callbacks: ConfirmationCallbacks = {\n        onAccept: () => {\n            return void 0;\n        },\n        onCancel: () => {\n            return void 0;\n        }\n    };\n\n    public override state = {\n        show: false,\n        loading: false\n    };\n\n    public override componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    public override componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    private readonly showConfirmation = (onAccept?: () => void, onCancel?: () => void) => {\n        this.callbacks = {\n            onAccept,\n            onCancel\n        };\n        this.setState({ show: true });\n    };\n\n    private readonly hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    private readonly onAccept = async () => {\n        const { onAccept } = this.callbacks;\n        if (typeof onAccept === \"function\") {\n            this.setState({ loading: true });\n            await onAccept();\n            if (this.__isMounted) {\n                this.setState({ loading: false, show: false });\n            }\n        }\n    };\n\n    private readonly onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    public override render() {\n        return (\n            <React.Fragment>\n                <Dialog\n                    style={this.props.style}\n                    open={this.state.show}\n                    onClose={this.hideConfirmation}\n                    data-testid={this.props[\"data-testid\"]}\n                >\n                    {this.state.loading ? this.props.loading : null}\n                    <DialogTitle>{this.props.title}</DialogTitle>\n                    <DialogContent>{this.props.message}</DialogContent>\n                    <DialogActions>\n                        <DialogCancel onClick={this.onCancel}>Cancel</DialogCancel>\n                        <ButtonPrimary\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </ButtonPrimary>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"mappings":"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"}

package/ConfirmationDialog/ConfirmationDialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","showConfirmation","console","log","info","propTables","ConfirmationDialog"],"sources":["ConfirmationDialog.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 \"./../ConfirmationDialog/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\nconst story = storiesOf(\"Components/ConfirmationDialog\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ConfirmationDialog\"}>\n                    <StorySandboxExample>\n                        <ConfirmationDialog\n                            title=\"Pay Invoice\"\n                            message=\"Are you sure you want pay this invoice?\"\n                        >\n                            {({ showConfirmation }) => {\n                                return (\n                                    <ButtonPrimary\n                                        onClick={() => {\n                                            showConfirmation(\n                                                () => console.log(\"Confirm\"),\n                                                () => console.log(\"Cancel\")\n                                            );\n                                        }}\n                                    >\n                                        Pay Invoice\n                                    </ButtonPrimary>\n                                );\n                            }}\n                        </ConfirmationDialog>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <ConfirmationDialog\n                        title=\"Pay Invoice\"\n                        message=\"Are you sure you want pay this invoice?\"\n                    >\n                        {({ showConfirmation }) => {\n                            return (\n                                <ButtonPrimary\n                                    onClick={() => {\n                                        showConfirmation(\n                                            () => console.log(\"Confirm\"),\n                                            () => console.log(\"Cancel\")\n                                        );\n                                    }}\n                                >\n                                    Pay Invoice\n                                </ButtonPrimary>\n                            );\n                        }}\n                    </ConfirmationDialog>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ConfirmationDialog] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,+BAA+B,EAAEC,MAAM,CAAC;AAEhEF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA2C,gBAC5D,6BAAC,0BAAmB,qBAChB,6BAAC,sCAAkB;IACf,KAAK,EAAC,aAAa;IACnB,OAAO,EAAC;EAAyC,GAEhD,gBAA0B;IAAA,IAAvBC,gBAAgB,QAAhBA,gBAAgB;IAChB,oBACI,6BAAC,qBAAa;MACV,OAAO,EAAE,mBAAM;QACXA,gBAAgB,CACZ;UAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,SAAS,CAAC;QAAA,GAC5B;UAAA,OAAMD,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;QAAA,EAC9B;MACL;IAAE,GACL,aAED,CAAgB;EAExB,CAAC,CACgB,CACH,eACtB,6BAAC,uBAAgB,o7BAsBE,CACR,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,sCAAkB;EAAE;AAAE,CAAC,CACjD"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Button","_ConfirmationDialog","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","StorySandboxExample","ConfirmationDialog","message","_ref","showConfirmation","ButtonPrimary","onClick","console","log","StorySandboxCode","info","propTables"],"sources":["ConfirmationDialog.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 \"./../ConfirmationDialog/README.md\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\nconst story = storiesOf(\"Components/ConfirmationDialog\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ConfirmationDialog\"}>\n                    <StorySandboxExample>\n                        <ConfirmationDialog\n                            title=\"Pay Invoice\"\n                            message=\"Are you sure you want pay this invoice?\"\n                        >\n                            {({ showConfirmation }) => {\n                                return (\n                                    <ButtonPrimary\n                                        onClick={() => {\n                                            showConfirmation(\n                                                () => console.log(\"Confirm\"),\n                                                () => console.log(\"Cancel\")\n                                            );\n                                        }}\n                                    >\n                                        Pay Invoice\n                                    </ButtonPrimary>\n                                );\n                            }}\n                        </ConfirmationDialog>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <ConfirmationDialog\n                        title=\"Pay Invoice\"\n                        message=\"Are you sure you want pay this invoice?\"\n                    >\n                        {({ showConfirmation }) => {\n                            return (\n                                <ButtonPrimary\n                                    onClick={() => {\n                                        showConfirmation(\n                                            () => console.log(\"Confirm\"),\n                                            () => console.log(\"Cancel\")\n                                        );\n                                    }}\n                                >\n                                    Pay Invoice\n                                </ButtonPrimary>\n                            );\n                        }}\n                    </ConfirmationDialog>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [ConfirmationDialog] } }\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;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,+BAA+B,EAAEC,MAAM,CAAC;AAEhEF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAU,KAAK,qBACFd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAW,WAAW,QAAEC,eAAoB,CAAC,eACnChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAa,YAAY;IAACC,KAAK,EAAE;EAA2C,gBAC5DlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAe,mBAAmB,qBAChBnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAa,kBAAkB;IACfF,KAAK,EAAC,aAAa;IACnBG,OAAO,EAAC;EAAyC,GAEhD,UAAAC,IAAA,EAA0B;IAAA,IAAvBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChB,oBACIvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,OAAA,CAAAkB,aAAa;MACVC,OAAO,EAAE,SAAAA,QAAA,EAAM;QACXF,gBAAgB,CACZ;UAAA,OAAMG,OAAO,CAACC,GAAG,CAAC,SAAS,CAAC;QAAA,GAC5B;UAAA,OAAMD,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;QAAA,CAC/B,CAAC;MACL;IAAE,GACL,aAEc,CAAC;EAExB,CACgB,CACH,CAAC,eACtB3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAwB,gBAAgB,m7BAsBC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACV,sCAAkB;EAAE;AAAE,CACjD,CAAC"}

package/ConfirmationDialog/index.js.map

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

package/ConfirmationDialog/withConfirmation.js.map

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