@webiny/ui 5.17.4 → 5.18.0-beta.3

package/Button/Button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Button/Button.stories.tsx"],"names":["React","storiesOf","withKnobs","text","boolean","Story","StoryReadme","StorySandbox","readme","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","ButtonIcon","story","module","addDecorator","add","label","small","flat","icon","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,OAA1B,QAAyC,wBAAzC;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;;AAGA,SACIC,aADJ,EAEIC,eAFJ,EAGIC,aAHJ,EAIIC,cAJJ,EAKIC,UALJ;AAQA,IAAMC,KAAK,GAAGb,SAAS,CAAC,mBAAD,EAAsBc,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBd,SAAnB;AAEAY,KAAK,CAACG,GAAN,CACI,kBADJ,EAEI,YAAM;AACF,MAAMC,KAAK,GAAGf,IAAI,CAAC,OAAD,EAAU,kBAAV,CAAlB;AACA,MAAMgB,KAAK,GAAGf,OAAO,CAAC,OAAD,EAAU,KAAV,CAArB;AACA,MAAMgB,IAAI,GAAGhB,OAAO,CAAC,MAAD,EAAS,KAAT,CAApB;AACA,MAAMiB,IAAI,gBAAG,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,SAAD;AAAlB,IAAb;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcb,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEW,KAAtB;AAA6B,IAAA,IAAI,EAAEC;AAAnC,KACKF,KADL,CADJ,CAFJ,eAOI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEC,KAAtB;AAA6B,IAAA,IAAI,EAAEC;AAAnC,KACKC,IADL,EAEKH,KAFL,CADJ,CAPJ,eAaI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAEC;AAAxB,KAAgCD,KAAhC,CADJ,CAbJ,eAgBI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAEC;AAAxB,KACKE,IADL,EAEKH,KAFL,CADJ,CAhBJ,eAsBI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEC;AAAtB,KAA8BD,KAA9B,CADJ,CAtBJ,eAyBI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEC;AAAtB,KACKE,IADL,EAEKH,KAFL,CADJ,CAzBJ,eA+BI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAEC,KAAvB;AAA8B,IAAA,IAAI,EAAEE;AAApC,IADJ,CA/BJ,CADJ;AAqCH,CA7CL,EA8CI;AACIC,EAAAA,IAAI,EAAE;AACFC,IAAAA,UAAU,EAAE,CAACd,aAAD,EAAgBC,eAAhB,EAAiCC,aAAjC,EAAgDC,cAAhD,EAAgEC,UAAhE;AADV;AADV,CA9CJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"file":"Button.stories.js"}

package/Button/CopyButton/CopyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/CopyButton/CopyButton.tsx"],"names":["React","IconButton","useCallback","CopyButton","props","value","onCopy","otherProps","copyToClipboard","navigator","clipboard","writeText"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAEA,SAASC,UAAT;AAEA,SAASC,WAAT,QAA4B,OAA5B;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAA4B;AAC3C,MAAQC,KAAR,GAAyCD,KAAzC,CAAQC,KAAR;AAAA,MAAeC,MAAf,GAAyCF,KAAzC,CAAeE,MAAf;AAAA,MAA0BC,UAA1B,4BAAyCH,KAAzC;;AAEA,MAAMI,eAAe,GAAGN,WAAW,CAAC,YAAM;AACtCO,IAAAA,SAAS,CAACC,SAAV,CAAoBC,SAApB,CAA8BN,KAA9B;;AACA,QAAI,OAAOC,MAAP,KAAkB,UAAtB,EAAkC;AAC9BA,MAAAA,MAAM;AACT;AACJ,GALkC,EAKhC,CAACD,KAAD,CALgC,CAAnC;AAOA,sBAAO,oBAAC,UAAD,oBAAgBE,UAAhB;AAA4B,IAAA,OAAO,EAAEC,eAArC;AAAsD,IAAA,IAAI,eAAE,oBAAC,mBAAD;AAA5D,KAAP;AACH,CAXD;;AAaA,SAASL,UAAT","sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport type CopyButtonProps = FormComponentProps & {\n    value: string;\n    onCopy?: () => void;\n};\n\n/**\n * Shows the icon button.\n * @param props\n * @returns {*}\n * @constructor\n */\nconst CopyButton = (props: CopyButtonProps) => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"file":"CopyButton.js"}

package/Button/CopyButton/CopyButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/CopyButton/CopyButton.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Menu","MenuItem","CopyButton","story","module","add","info","propTablesExclude"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,IAAT,EAAeC,QAAf;AAEA,SAASC,UAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,mBAAD,EAAsBS,MAAtB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,aADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcN,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,8CACI,kFADJ,eAEI,oBAAC,UAAD;AAAY,IAAA,KAAK,EAAC;AAAlB,IAFJ,CADJ,CAFJ,CADJ;AAWH,CAdL,EAeI;AACIO,EAAAA,IAAI,EAAE;AACFC,IAAAA,iBAAiB,EAAE,CAACP,IAAD,EAAOC,QAAP,EAAiBL,KAAjB,EAAwBC,WAAxB,EAAqCC,YAArC;AADjB;AADV,CAfJ","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 { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"file":"CopyButton.stories.js"}

package/Button/IconButton/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/IconButton/IconButton.tsx"],"names":["React","IconButton","RIconButton","props","id","icon","label","onClick","className","disabled","ripple"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACIC,UAAU,IAAIC,WADlB,QAGO,mBAHP;;AA0CA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMD,UAAU,GAAG,SAAbA,UAAa,CAACE,KAAD,EAA4B;AAC3C,MAAQC,EAAR,GAAyED,KAAzE,CAAQC,EAAR;AAAA,MAAYC,IAAZ,GAAyEF,KAAzE,CAAYE,IAAZ;AAAA,MAAkBC,KAAlB,GAAyEH,KAAzE,CAAkBG,KAAlB;AAAA,MAAyBC,OAAzB,GAAyEJ,KAAzE,CAAyBI,OAAzB;AAAA,MAAkCC,SAAlC,GAAyEL,KAAzE,CAAkCK,SAAlC;AAAA,MAA6CC,QAA7C,GAAyEN,KAAzE,CAA6CM,QAA7C;AAAA,sBAAyEN,KAAzE,CAAuDO,MAAvD;AAAA,MAAuDA,MAAvD,8BAAgE,IAAhE;AAEA,sBACI,oBAAC,WAAD;AACI,IAAA,EAAE,EAAEN,EADR;AAEI,mBAAaD,KAAK,CAAC,aAAD,CAFtB;AAGI,IAAA,OAAO,EAAEI,OAHb;AAII,IAAA,QAAQ,EAAEE,QAJd;AAKI,IAAA,SAAS,EAAED,SALf;AAMI,IAAA,KAAK,EAAEF,KANX;AAOI,IAAA,IAAI,EAAED,IAPV;AAQI,IAAA,MAAM,EAAEK;AARZ,IADJ;AAYH,CAfD;;AAiBA,SAAST,UAAT","sourcesContent":["import * as React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\n\nimport { FormComponentProps } from \"../../types\";\n\nexport type IconButtonProps = FormComponentProps &\n    RmwcIconButtonProps & {\n        id?: string;\n        /**\n         * Icon should be provided as an SvgComponent.\n         */\n        icon: React.ReactNode;\n\n        /**\n         * Button label\n         */\n        label?: string;\n\n        /**\n         * onClick handler\n         * @param event\n         */\n        onClick?: (event: React.MouseEvent) => void;\n\n        /**\n         * Custom CSS class\n         */\n        className?: string;\n        /**\n         * For testing purposes.\n         */\n\n        \"data-testid\"?: string;\n\n        /**\n         * Should icon be disabled?\n         */\n        disabled?: boolean;\n    };\n\n/**\n * Shows the icon button.\n * @param props\n * @returns {*}\n * @constructor\n */\nconst IconButton = (props: IconButtonProps) => {\n    const { id, icon, label, onClick, className, disabled, ripple = true } = props;\n\n    return (\n        <RIconButton\n            id={id}\n            data-testid={props[\"data-testid\"]}\n            onClick={onClick}\n            disabled={disabled}\n            className={className}\n            label={label}\n            icon={icon}\n            ripple={ripple}\n        />\n    );\n};\n\nexport { IconButton };\n"],"file":"IconButton.js"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Button/IconButton/IconButton.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Menu","MenuItem","IconButton","story","module","add","console","log","info","propTablesExclude"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;;;AAGA,SAASC,IAAT,EAAeC,QAAf;AAEA,SAASC,UAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,mBAAD,EAAsBS,MAAtB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,aADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcN,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,SAAD,OADV;AAEI,IAAA,KAAK,EAAC,YAFV;AAGI,IAAA,OAAO,EAAE;AAAA,aAAMO,OAAO,CAACC,GAAR,CAAY,gBAAZ,CAAN;AAAA;AAHb,IADJ,CAFJ,eASI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,IAAD;AACI,IAAA,MAAM,eACF,oBAAC,UAAD;AACI,MAAA,IAAI,eAAE,oBAAC,QAAD,OADV;AAEI,MAAA,KAAK,EAAC,aAFV;AAGI,MAAA,OAAO,EAAE;AAAA,eAAMD,OAAO,CAACC,GAAR,CAAY,gBAAZ,CAAN;AAAA;AAHb;AAFR,kBASI,oBAAC,QAAD;AACI,IAAA,OAAO,EAAE,mBAAM;AACXD,MAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACH;AAHL,aATJ,eAgBI,oBAAC,QAAD,iBAhBJ,eAiBI,oBAAC,QAAD,qBAjBJ,CADJ,CATJ,CADJ;AAiCH,CApCL,EAqCI;AACIC,EAAAA,IAAI,EAAE;AACFC,IAAAA,iBAAiB,EAAE,CAACT,IAAD,EAAOC,QAAP,EAAiBL,KAAjB,EAAwBC,WAAxB,EAAqCC,YAArC;AADjB;AADV,CArCJ","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"],"file":"IconButton.stories.js"}

package/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA;AACA;AACA","sourcesContent":["export * from \"./Button\";\nexport * from \"./IconButton/IconButton\";\nexport * from \"./CopyButton/CopyButton\";\n"],"file":"index.js"}

package/Carousel/Carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Carousel/Carousel.tsx"],"names":["React","NukaCarousel","pick","Carousel","props","nukaProps","renderPreviousSlide","renderCenterLeftControls","renderNextSlide","renderCenterRightControls","renderBottomNav","renderBottomCenterControls","children","Component","swiping","dragging","heightMode","easing"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,YAAP,MAAmE,eAAnE;AACA,OAAOC,IAAP,MAAiB,aAAjB;;IAgBMC,Q;;;;;;;;;;;;;WAwBF,kBAAS;AACL,0BACI,oBAAC,YAAD,oBACQD,IAAI,CAAC,KAAKE,KAAN,EAAaD,QAAQ,CAACE,SAAtB,CADZ,EAES,KAAKD,KAAL,CAAWE,mBAAX,GACC;AAAEC,QAAAA,wBAAwB,EAAE,KAAKH,KAAL,CAAWE;AAAvC,OADD,GAEC,EAJV,EAKS,KAAKF,KAAL,CAAWI,eAAX,GACC;AAAEC,QAAAA,yBAAyB,EAAE,KAAKL,KAAL,CAAWI;AAAxC,OADD,GAEC,EAPV,EAQS,KAAKJ,KAAL,CAAWM,eAAX,GACC;AAAEC,QAAAA,0BAA0B,EAAE,KAAKP,KAAL,CAAWM;AAAzC,OADD,GAEC,EAVV,GAYK,KAAKN,KAAL,CAAWQ,QAZhB,CADJ;AAgBH;;;;EAzCkBZ,KAAK,CAACa,S;;gBAAvBV,Q,kBACoB;AAClBW,EAAAA,OAAO,EAAE,IADS;AAElBC,EAAAA,QAAQ,EAAE,KAFQ;AAGlBC,EAAAA,UAAU,EAAE,OAHM;AAIlBC,EAAAA,MAAM,EAAE;AAJU,C;;gBADpBd,Q,eAQiB,CACf,UADe,EAEf,YAFe,EAGf,UAHe,EAIf,kBAJe,EAKf,aALe,EAMf,UANe,EAOf,QAPe,EAQf,YARe,EASf,cATe,EAUf,YAVe,EAWf,OAXe,EAYf,SAZe,EAaf,gBAbe,C;;AAoCvB,eAAeA,QAAf","sourcesContent":["import * as React from \"react\";\nimport NukaCarousel, { CarouselProps, CarouselRenderControl } from \"nuka-carousel\";\nimport pick from \"lodash/pick\";\n\ntype Props = 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    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"],"file":"Carousel.js"}

package/Carousel/Carouser.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Carousel/Carouser.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","readme","Carousel","story","module","addDecorator","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,SAASC,SAAT,QAA0B,wBAA1B;AACA,OAAOC,MAAP;AACA,OAAOC,QAAP;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,qBAAD,EAAwBU,MAAxB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBL,SAAnB;AAEAG,KAAK,CAACG,GAAN,CACI,gBADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcL,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,QAAD,qBACI;AAAK,IAAA,GAAG,EAAC;AAAT,IADJ,eAEI;AAAK,IAAA,GAAG,EAAC;AAAT,IAFJ,eAGI;AAAK,IAAA,GAAG,EAAC;AAAT,IAHJ,eAII;AAAK,IAAA,GAAG,EAAC;AAAT,IAJJ,eAKI;AAAK,IAAA,GAAG,EAAC;AAAT,IALJ,eAMI;AAAK,IAAA,GAAG,EAAC;AAAT,IANJ,CADJ,CADJ,eAWI,oBAAC,gBAAD,wqBAXJ,CAFJ,CADJ;AA6BH,CAhCL,EAiCI;AAAEM,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACN,QAAD;AAAd;AAAR,CAjCJ","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"],"file":"Carouser.stories.js"}

package/Carousel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Carousel/index.ts"],"names":["default","Carousel"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB","sourcesContent":["export { default as Carousel } from \"./Carousel\";\n"],"file":"index.js"}

package/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx"],"names":["React","Checkbox","RmwcCheckbox","FormElementMessage","e","props","onChange","target","checked","value","label","disabled","indeterminate","description","validation","onClick","Boolean","isValid","message","Component"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAQ,IAAIC,YAArB,QAAyC,gBAAzC;AACA,SAASC,kBAAT;;AAoBA;AACA;AACA;AACA;AACA;AACA;IACMF,Q;;;;;;;;;;;;;;;;+DAKS,UAACG,CAAD,EAA+C;AACtD,YAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAqBF,CAAC,CAACG,MAAH,CAAkBC,OAAtC,CAAvB;AACH,K;;;;;;;WAED,kBAAS;AACL,wBACI,KAAKH,KADT;AAAA,UAAQI,KAAR,eAAQA,KAAR;AAAA,UAAeC,KAAf,eAAeA,KAAf;AAAA,UAAsBC,QAAtB,eAAsBA,QAAtB;AAAA,UAAgCC,aAAhC,eAAgCA,aAAhC;AAAA,UAA+CC,WAA/C,eAA+CA,WAA/C;AAAA,UAA4DC,UAA5D,eAA4DA,UAA5D;AAAA,UAAwEC,QAAxE,eAAwEA,OAAxE;AAEA,0BACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,YAAD;AACI,QAAA,aAAa,EAAEH,aADnB;AAEI,QAAA,QAAQ,EAAED,QAFd;AAGI,QAAA,OAAO,EAAEK,OAAO,CAACP,KAAD,CAHpB;AAII,QAAA,QAAQ,EAAE,KAAKH,QAJnB;AAKI,QAAA,OAAO,EAAE;AAAA,iBAAM,OAAOS,QAAP,KAAmB,UAAnB,IAAiCA,QAAO,CAACC,OAAO,CAACP,KAAD,CAAR,CAA9C;AAAA,SALb,CAMI;AANJ;AAOI,QAAA,KAAK,EAAEC;AAPX,QADJ,EAUKI,UAAU,CAACG,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BH,UAAU,CAACI,OAAtC,CAXR,EAcKJ,UAAU,CAACG,OAAX,KAAuB,KAAvB,IAAgCJ,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAfR,CADJ;AAoBH;;;;EAhCkBb,KAAK,CAACmB,S;;gBAAvBlB,Q,kBACoB;AAClBa,EAAAA,UAAU,EAAE;AAAEG,IAAAA,OAAO,EAAE;AAAX;AADM,C;;AAkC1B,eAAehB,QAAf","sourcesContent":["import * as React from \"react\";\nimport { Checkbox as RmwcCheckbox } from \"@rmwc/checkbox\";\nimport { FormElementMessage } from \"../FormElementMessage\";\nimport { FormComponentProps } from \"./../types\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // onClick callback.\n    onClick?: Function;\n\n    // Use when checkbox is not checked nor unchecked.\n    indeterminate?: boolean;\n\n    // Description beneath the checkbox.\n    description?: 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    static defaultProps = {\n        validation: { isValid: null }\n    };\n\n    onChange = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        this.props.onChange && this.props.onChange((e.target as any).checked);\n    };\n\n    render() {\n        const { value, label, disabled, indeterminate, description, validation, onClick } =\n            this.props;\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                />\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 Checkbox;\n"],"file":"Checkbox.js"}

package/Checkbox/Checkbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/Checkbox.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Checkbox","story","module","addDecorator","add","disabled","Bind","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AACA,OAAOC,MAAP;AAEA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,QAAP;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,qBAAD,EAAwBY,MAAxB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,gBADJ,EAEI,YAAM;AACF,MAAMC,QAAQ,GAAGR,OAAO,CAAC,UAAD,EAAa,KAAb,CAAxB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcC,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,IAAD,QACK;AAAA,QAAGQ,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,QAAD;AACI,MAAA,KAAK,EAAE,aADX;AAEI,MAAA,QAAQ,EAAED,QAFd;AAGI,MAAA,WAAW,EACP;AAJR,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAgBI,oBAAC,gBAAD,4iBAhBJ,CAFJ,CADJ;AAqCH,CA1CL,EA2CI;AAAEE,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACR,QAAD;AAAd;AAAR,CA3CJ","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"],"file":"Checkbox.stories.js"}

package/Checkbox/Checkbox.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":["css","webinyCheckboxTitle","textTransform","fontWeight","marginBottom"],"mappings":"AAAA,SAASA,GAAT,QAAoB,SAApB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,mBAAmB,gBAAGD,GAAG,CAC3B,EAD2B,EAE3B;AACI,kCAAgC;AAC5B;AACAE,IAAAA,aAAa,EAAE,WAFa;AAG5BC,IAAAA,UAAU,EAAE,MAHgB;AAI5BC,IAAAA,YAAY,EAAE;AAJc;AADpC,CAF2B,+BAA/B;AAYA,SAASH,mBAAT","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"],"file":"Checkbox.styles.js"}

package/Checkbox/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/CheckboxGroup.tsx"],"names":["React","webinyCheckboxTitle","FormElementMessage","CheckboxGroup","props","description","label","validation","isValid","message","children","onChange","value","values","Array","isArray","index","indexOf","splice","push","getValue","id","includes","Component"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,mBAAT;AACA,SAASC,kBAAT;;IAkBMC,a;;;;;;;;;;;;;WACF,kBAAS;AAAA;;AACL,wBAA8E,KAAKC,KAAnF;AAAA,UAAQC,WAAR,eAAQA,WAAR;AAAA,UAAqBC,KAArB,eAAqBA,KAArB;AAAA,8CAA4BC,UAA5B;AAAA,UAA4BA,UAA5B,sCAAyC;AAAEC,QAAAA,OAAO,EAAE,IAAX;AAAiBC,QAAAA,OAAO,EAAE;AAA1B,OAAzC;AAEA,0BACI,oBAAC,KAAD,CAAO,QAAP,QACKH,KAAK,iBACF;AACI,QAAA,SAAS,EACL,uEACAL;AAHR,SAMKK,KANL,CAFR,EAYK,KAAKF,KAAL,CAAWM,QAAX,CAAoB;AACjBC,QAAAA,QAAQ,EAAE,kBAAAC,KAAK,EAAI;AACf,iBAAO,YAAM;AACT,gBAAMC,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAI,CAACX,KAAL,CAAWQ,KAAzB,IAAkC,KAAI,CAACR,KAAL,CAAWQ,KAA7C,GAAqD,EAApE;AACA,gBAAMI,KAAK,GAAGH,MAAM,CAACI,OAAP,CAAeL,KAAf,CAAd;;AACA,gBAAII,KAAK,GAAG,CAAC,CAAb,EAAgB;AACZH,cAAAA,MAAM,CAACK,MAAP,CAAcF,KAAd,EAAqB,CAArB;AACH,aAFD,MAEO;AACHH,cAAAA,MAAM,CAACM,IAAP,CAAYP,KAAZ;AACH;;AAED,YAAA,KAAI,CAACR,KAAL,CAAWO,QAAX,IAAuB,KAAI,CAACP,KAAL,CAAWO,QAAX,CAAoBE,MAApB,CAAvB;AACH,WAVD;AAWH,SAbgB;AAcjBO,QAAAA,QAAQ,EAAE,kBAAAC,EAAE,EAAI;AACZ,cAAMR,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAI,CAACX,KAAL,CAAWQ,KAAzB,IAAkC,KAAI,CAACR,KAAL,CAAWQ,KAA7C,GAAqD,EAApE;AACA,iBAAOC,MAAM,CAACS,QAAP,CAAgBD,EAAhB,CAAP;AACH;AAjBgB,OAApB,CAZL,EAgCKd,UAAU,CAACC,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BD,UAAU,CAACE,OAAtC,CAjCR,EAoCKF,UAAU,CAACC,OAAX,KAAuB,KAAvB,IAAgCH,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CArCR,CADJ;AA0CH;;;;EA9CuBL,KAAK,CAACuB,S;;AAiDlC,eAAepB,aAAf","sourcesContent":["import * as React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyCheckboxTitle } from \"./Checkbox.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\ninterface 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    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) ? this.props.value : [];\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"],"file":"CheckboxGroup.js"}

package/Checkbox/CheckboxGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/CheckboxGroup.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Checkbox","CheckboxGroup","story","module","addDecorator","add","disabled","options","id","name","fruits","Bind","onChange","getValue","map","info","propTables"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AACA,OAAOC,MAAP;AAEA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,GAAxC;AAEA,IAAMC,KAAK,GAAGZ,SAAS,CAAC,qBAAD,EAAwBa,MAAxB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBR,SAAnB;AAEAM,KAAK,CAACG,GAAN,CACI,eADJ,EAEI,YAAM;AACF,MAAMC,QAAQ,GAAGT,OAAO,CAAC,UAAD,EAAa,KAAb,CAAxB;AAEA,MAAMU,OAAO,GAAG,CACZ;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADY,EAEZ;AAAED,IAAAA,EAAE,EAAE,MAAN;AAAcC,IAAAA,IAAI,EAAE;AAApB,GAFY,EAGZ;AAAED,IAAAA,EAAE,EAAE,QAAN;AAAgBC,IAAAA,IAAI,EAAE;AAAtB,GAHY,CAAhB;AAMA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcX,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAEY,MAAAA,MAAM,EAAE,CAAC,MAAD;AAAV;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,aAAD;AACI,MAAA,KAAK,EAAC,kBADV;AAEI,MAAA,WAAW,EAAE;AAFjB,OAIK;AAAA,UAAGC,QAAH,SAAGA,QAAH;AAAA,UAAaC,QAAb,SAAaA,QAAb;AAAA,0BACG,oBAAC,KAAD,CAAO,QAAP,QACKN,OAAO,CAACO,GAAR,CAAY;AAAA,YAAGN,EAAH,SAAGA,EAAH;AAAA,YAAOC,IAAP,SAAOA,IAAP;AAAA,4BACT,oBAAC,QAAD;AACI,UAAA,QAAQ,EAAEH,QADd;AAEI,UAAA,GAAG,EAAEE,EAFT;AAGI,UAAA,KAAK,EAAEC,IAHX;AAII,UAAA,KAAK,EAAEI,QAAQ,CAACL,EAAD,CAJnB;AAKI,UAAA,QAAQ,EAAEI,QAAQ,CAACJ,EAAD;AALtB,UADS;AAAA,OAAZ,CADL,CADH;AAAA,KAJL,CADJ,CADH;AAAA,GADL,CADJ,CADJ,eA2BI,oBAAC,gBAAD,01CA3BJ,CAFJ,CADJ;AA6DH,CAxEL,EAyEI;AAAEO,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACf,aAAD;AAAd;AAAR,CAzEJ","sourcesContent":["import * as 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"],"file":"CheckboxGroup.stories.js"}

package/Checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Checkbox/index.ts"],"names":["default","Checkbox","CheckboxGroup"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB;AACA,SAASD,OAAO,IAAIE,aAApB","sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\n"],"file":"index.js"}

package/Chips/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/Chip.tsx"],"names":["React","Chip","RmwcChip","props","children","rest"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAI,IAAIC,QAAjB,QAA6D,YAA7D;AASA,OAAO,IAAMD,IAAI,GAAG,SAAPA,IAAO,CAACE,KAAD,EAAsB;AACtC,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBAAO,oBAAC,QAAD,EAAcE,IAAd,EAAqBD,QAArB,CAAP;AACH,CAHM","sourcesContent":["import * as React from \"react\";\nimport { Chip as RmwcChip, ChipProps as RmwcChipProps } from \"@rmwc/chip\";\n\nexport type ChipProps = RmwcChipProps & {\n    /**\n     * Chip content\n     */\n    children?: React.ReactNode;\n};\n\nexport const Chip = (props: ChipProps) => {\n    const { children, ...rest } = props;\n    return <RmwcChip {...rest}>{children}</RmwcChip>;\n};\n"],"file":"Chip.js"}

package/Chips/ChipIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/ChipIcon.tsx"],"names":["React","ChipIcon","RmwcChipIcon","chipIconWrapper","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAQ,IAAIC,YAArB,QAA6E,YAA7E;AACA,SAASC,eAAT;AAIA,OAAO,IAAMF,QAAQ,GAAG,SAAXA,QAAW,CAACG,KAAD,EAA0B;AAC9C,sBAAO,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAED;AAAzB,KAA8CC,KAA9C,EAAP;AACH,CAFM","sourcesContent":["import * as React from \"react\";\nimport { ChipIcon as RmwcChipIcon, ChipIconProps as RmwcChipIconProps } from \"@rmwc/chip\";\nimport { chipIconWrapper } from \"./styles\";\n\nexport type ChipIconProps = RmwcChipIconProps;\n\nexport const ChipIcon = (props: ChipIconProps) => {\n    return <RmwcChipIcon className={chipIconWrapper} {...props} />;\n};\n"],"file":"ChipIcon.js"}

package/Chips/Chips.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/Chips.tsx"],"names":["React","classNames","ChipSet","chipIconWrapper","disabledChips","Chips","props","children","className","disabled","rest"],"mappings":";;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,OAAT,QAAwB,YAAxB;AAEA,SAASC,eAAT,EAA0BC,aAA1B;AAwBA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAuB;AACxC,MAAQC,QAAR,GAAmDD,KAAnD,CAAQC,QAAR;AAAA,MAAkBC,SAAlB,GAAmDF,KAAnD,CAAkBE,SAAlB;AAAA,MAA6BC,QAA7B,GAAmDH,KAAnD,CAA6BG,QAA7B;AAAA,MAA0CC,IAA1C,4BAAmDJ,KAAnD;;AAEA,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,OAAD,oBACQI,IADR;AAEI,IAAA,SAAS,EAAET,UAAU,CAACO,SAAD,EAAYL,eAAZ,sBAChBC,aADgB,EACAK,QADA;AAFzB,MAMKF,QANL,CADJ,CADJ;AAYH,CAfM","sourcesContent":["import * as React from \"react\";\nimport classNames from \"classnames\";\nimport { ChipSet } from \"@rmwc/chip\";\nimport { Chip } from \"./Chip\";\nimport { chipIconWrapper, disabledChips } from \"./styles\";\n\nexport type ChipsProps = {\n    /**\n     * Chips to show\n     */\n    children?: React.ReactElement<typeof Chip> | React.ReactElement<typeof Chip>[];\n\n    /**\n     * Is chip disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n};\n\nexport const Chips = (props: ChipsProps) => {\n    const { children, className, disabled, ...rest } = props;\n\n    return (\n        <React.Fragment>\n            <ChipSet\n                {...rest}\n                className={classNames(className, chipIconWrapper, {\n                    [disabledChips]: disabled\n                })}\n            >\n                {children}\n            </ChipSet>\n        </React.Fragment>\n    );\n};\n"],"file":"Chips.js"}

package/Chips/Chips.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/Chips.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Chip","ChipIcon","Chips","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;;;AAIA,SAASC,IAAT,EAAeC,QAAf,EAAyBC,KAAzB;AAEA,IAAMC,KAAK,GAAGV,SAAS,CAAC,kBAAD,EAAqBW,MAArB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcN,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,8CACI,oBAAC,KAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,QAAQ;AAAd,eADJ,eAEI,oBAAC,IAAD,gBAFJ,eAGI,oBAAC,IAAD,mBAHJ,CADJ,eAOI,oBAAC,KAAD,qBACI,oBAAC,IAAD,qBACI,oBAAC,QAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,IAAI,eAAE,oBAAC,iBAAD;AAAxB,IADJ,YADJ,eAKI,oBAAC,IAAD,gCAEI,oBAAC,QAAD;AAAU,IAAA,QAAQ,MAAlB;AAAmB,IAAA,IAAI,eAAE,oBAAC,gBAAD;AAAzB,IAFJ,CALJ,CAPJ,CADJ,CADJ,eAqBI,oBAAC,gBAAD,q6BArBJ,CAFJ,CADJ;AAmDH,CAtDL,EAuDI;AAAEO,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACP,IAAD,EAAOC,QAAP,EAAiBC,KAAjB;AAAd;AAAR,CAvDJ","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, ChipIcon, 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>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\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, ChipIcon, Chips] } }\n);\n"],"file":"Chips.stories.js"}

package/Chips/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/index.ts"],"names":[],"mappings":"AAAA;AACA;AACA","sourcesContent":["export * from \"./Chips\";\nexport * from \"./Chip\";\nexport * from \"./ChipIcon\";\n"],"file":"index.js"}

package/Chips/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Chips/styles.ts"],"names":["css","chipIconWrapper","svg","width","height","boxSizing","display","disabledChips","opacity","pointerEvents"],"mappings":"AAAA,SAASA,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,eAAe,gBAAGD,GAAG,CAAC;AAC/B,qBAAmB;AACfE,IAAAA,GAAG,EAAE;AACDC,MAAAA,KAAK,EAAE,EADN;AAEDC,MAAAA,MAAM,EAAE,EAFP;AAGD,oCAA8B;AAC1BC,QAAAA,SAAS,EAAE,YADe;AAE1BC,QAAAA,OAAO,EAAE;AAFiB;AAH7B;AADU;AADY,CAAD,2BAA3B;AAaP,OAAO,IAAMC,aAAa,gBAAGP,GAAG,CAAC;AAC7BQ,EAAAA,OAAO,EAAE,IADoB;AAE7BC,EAAAA,aAAa,EAAE;AAFc,CAAD,yBAAzB","sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-chip__icon\": {\n        svg: {\n            width: 18,\n            height: 18,\n            \"&.mdc-chip__icon--trailing\": {\n                boxSizing: \"border-box\",\n                display: \"flex\"\n            }\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"file":"styles.js"}

package/CodeEditor/CodeEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/CodeEditor/CodeEditor.tsx"],"names":["React","css","AceEditor","FormElementMessage","webinyCheckboxHelperText","paddingTop","CodeEditor","value","props","onChange","description","validation","theme","rest","String","isValid","message","Component"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAOC,SAAP,MAAsB,WAAtB;AACA,OAAO,oBAAP;AACA,OAAO,sBAAP;AACA,SAASC,kBAAT;AAEA;AACA;AACA;AACA;;AACA,IAAMC,wBAAwB,gBAAGH,GAAG,CAChC,EADgC,EAEhC;AACI,kCAAgC;AAC5BI,IAAAA,UAAU,EAAE;AADgB;AADpC,CAFgC,oCAApC;;AAkBA;AACA;AACA;IACMC,U;;;;;;;;;;;;;;;;+DAKS,UAACC,KAAD,EAAmB;AAC1B,YAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB,CAAvB;AACH,K;;;;;;;WAED,kBAAS;AACL,wBAAsE,KAAKC,KAA3E;AAAA,UAAQD,KAAR,eAAQA,KAAR;AAAA,UAAeG,WAAf,eAAeA,WAAf;AAAA,UAA4BC,UAA5B,eAA4BA,UAA5B;AAAA,0CAAwCC,KAAxC;AAAA,UAAwCA,KAAxC,kCAAgD,QAAhD;AAAA,UAA6DC,IAA7D;;AAEA,0BACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,SAAD;AACI,QAAA,KAAK,EAAEN,KAAK,GAAGO,MAAM,CAACP,KAAD,CAAT,GAAmB,EADnC;AAEI,QAAA,KAAK,EAAEK,KAFX;AAGI,QAAA,QAAQ,EAAE,KAAKH;AAHnB,SAIQI,IAJR;AAKI,QAAA,KAAK,EAAC,MALV;AAMI,QAAA,SAAS,EAAE;AANf,SADJ,EAUKF,UAAU,CAACI,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK,MAAzB;AAA0B,QAAA,SAAS,EAAEX;AAArC,SACKO,UAAU,CAACK,OADhB,CAXR,EAgBKL,UAAU,CAACI,OAAX,KAAuB,KAAvB,IAAgCL,WAAhC,iBACG,oBAAC,kBAAD;AAAoB,QAAA,SAAS,EAAEN;AAA/B,SACKM,WADL,CAjBR,CADJ;AAwBH;;;;EApCoBV,KAAK,CAACiB,S;;gBAAzBX,U,kBACoB;AAClBK,EAAAA,UAAU,EAAE;AAAEI,IAAAA,OAAO,EAAE;AAAX;AADM,C;;AAsC1B,SAAST,UAAT","sourcesContent":["import * as React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { css } from \"emotion\";\n\nimport AceEditor from \"react-ace\";\nimport \"brace/theme/github\";\nimport \"brace/theme/twilight\";\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\ntype Props = 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    static defaultProps = {\n        validation: { isValid: null }\n    };\n\n    onChange = (value: string) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    render() {\n        const { value, description, validation, theme = \"github\", ...rest } = this.props;\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                {validation.isValid === false && (\n                    <FormElementMessage error className={webinyCheckboxHelperText}>\n                        {validation.message}\n                    </FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage className={webinyCheckboxHelperText}>\n                        {description}\n                    </FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { CodeEditor };\n"],"file":"CodeEditor.js"}

package/CodeEditor/CodeEditor.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/CodeEditor/CodeEditor.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","text","readme","Form","CodeEditor","story","module","addDecorator","add","description","data","Bind","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,SAASC,SAAT,EAAoBC,IAApB,QAAgC,wBAAhC;AACA,OAAOC,MAAP;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT;AACA,OAAO,iBAAP;AACA,OAAO,oBAAP;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,uBAAD,EAA0BY,MAA1B,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,WAAW,GAAGR,IAAI,CAAC,aAAD,EAAgB,2CAAhB,CAAxB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcC,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAEQ,MAAAA,IAAI;AAAN;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,UAAD;AACI,MAAA,IAAI,EAAC,MADT;AAEI,MAAA,KAAK,EAAC,QAFV;AAGI,MAAA,WAAW,EAAEF;AAHjB,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAcI,oBAAC,gBAAD,gYAQgCA,WARhC,iKAdJ,CAFJ,CADJ;AAmCH,CAxCL,EAyCI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,UAAD;AAAd;AAAR,CAzCJ","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"],"file":"CodeEditor.stories.js"}

package/CodeEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/CodeEditor/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./CodeEditor\";\n"],"file":"index.js"}

package/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":["React","SketchPicker","css","FormElementMessage","classNames","classes","label","marginBottom","color","width","height","borderRadius","swatch","padding","background","boxShadow","display","cursor","popover","position","zIndex","top","right","bottom","left","disable","opacity","pointerEvents","ColorPicker","showColorPicker","setState","state","onChange","props","hex","value","description","validation","backgroundColorStyle","handleClick","handleClose","handleChange","isValid","message","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { SketchPicker } 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\ntype Props = 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<Props> {\n    state = {\n        showColorPicker: false\n    };\n\n    static defaultProps = {\n        validation: { isValid: null }\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 => {\n        const { onChange } = this.props;\n        onChange && onChange(color.hex);\n    };\n\n    render() {\n        const { value, label, disable, description, validation } = this.props;\n\n        let backgroundColorStyle = null;\n        if (value) {\n            backgroundColorStyle = {\n                background: `${value}`\n            };\n        }\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                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </div>\n        );\n    }\n}\n\nexport { ColorPicker };\n"],"file":"ColorPicker.js"}

package/ColorPicker/ColorPicker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ColorPicker/ColorPicker.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","StorySandboxCode","StorySandboxExample","readme","Form","withKnobs","boolean","ColorPicker","story","module","addDecorator","add","disable","color","Bind","info","propTables"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,YAHJ,EAIIC,gBAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AACA,SAASC,WAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,wBAAD,EAA2BY,MAA3B,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBL,SAAnB;AAEAG,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,OAAO,GAAGN,OAAO,CAAC,SAAD,EAAY,KAAZ,CAAvB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcH,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAEU,MAAAA,KAAK,EAAE;AAAT;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,WAAD;AACI,MAAA,KAAK,EAAE,yBADX;AAEI,MAAA,OAAO,EAAEF,OAFb;AAGI,MAAA,WAAW,EACP;AAJR,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAgBI,oBAAC,gBAAD,sMAKoCA,OALpC,8HAhBJ,CAFJ,CADJ;AAiCH,CAtCL,EAuCI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,WAAD;AAAd;AAAR,CAvCJ","sourcesContent":["import * as 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"],"file":"ColorPicker.stories.js"}

package/ColorPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ColorPicker/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./ColorPicker\";\n"],"file":"index.js"}

package/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":["React","noop","Dialog","DialogButton","DialogCancel","DialogActions","DialogTitle","DialogContent","CircularProgress","ConfirmationDialog","onAccept","onCancel","show","loading","callbacks","setState","__isMounted","props","style","state","hideConfirmation","title","message","disableConfirm","children","showConfirmation","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\nimport {\n    Dialog,\n    DialogButton,\n    DialogCancel,\n    DialogActions,\n    DialogTitle,\n    DialogContent\n} from \"./../Dialog\";\n\nimport { CircularProgress } from \"../Progress\";\n\ninterface ChildrenRenderProp {\n    showConfirmation: (onAccept?: Function, onCancel?: Function) => any;\n}\n\ninterface ConfirmationCallbacks {\n    onAccept: Function;\n    onCancel: Function;\n}\n\ntype 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\ntype State = {\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, State> {\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: noop,\n        onCancel: noop\n    };\n\n    state = {\n        show: false,\n        loading: false\n    };\n\n    componentDidMount() {\n        this.__isMounted = true;\n    }\n\n    componentWillUnmount() {\n        this.__isMounted = false;\n    }\n\n    showConfirmation = (onAccept?: Function, onCancel?: Function) => {\n        this.callbacks = { onAccept, onCancel };\n        this.setState({ show: true });\n    };\n\n    hideConfirmation = () => {\n        this.setState({ show: false });\n    };\n\n    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    onCancel = async () => {\n        const { onCancel } = this.callbacks;\n        if (typeof onCancel === \"function\") {\n            await onCancel();\n        }\n    };\n\n    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                        <DialogButton\n                            data-testid=\"confirmationdialog-confirm-action\"\n                            onClick={this.onAccept}\n                            disabled={this.props.disableConfirm}\n                        >\n                            Confirm\n                        </DialogButton>\n                    </DialogActions>\n                </Dialog>\n                {this.props.children({\n                    showConfirmation: this.showConfirmation\n                })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { ConfirmationDialog };\n"],"file":"ConfirmationDialog.js"}

package/ConfirmationDialog/ConfirmationDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ConfirmationDialog/ConfirmationDialog.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","ButtonPrimary","ConfirmationDialog","story","module","add","showConfirmation","console","log","info","propTables"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,aAAT;AACA,SAASC,kBAAT;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,+BAAD,EAAkCU,MAAlC,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcL,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI,oBAAC,kBAAD;AACI,IAAA,KAAK,EAAC,aADV;AAEI,IAAA,OAAO,EAAC;AAFZ,KAIK,gBAA0B;AAAA,QAAvBM,gBAAuB,QAAvBA,gBAAuB;AACvB,wBACI,oBAAC,aAAD;AACI,MAAA,OAAO,EAAE,mBAAM;AACXA,QAAAA,gBAAgB,CACZ;AAAA,iBAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAAN;AAAA,SADY,EAEZ;AAAA,iBAAMD,OAAO,CAACC,GAAR,CAAY,QAAZ,CAAN;AAAA,SAFY,CAAhB;AAIH;AANL,qBADJ;AAYH,GAjBL,CADJ,CADJ,eAsBI,oBAAC,gBAAD,o7BAtBJ,CAFJ,CADJ;AAmDH,CAtDL,EAuDI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACR,kBAAD;AAAd;AAAR,CAvDJ","sourcesContent":["import * as 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"],"file":"ConfirmationDialog.stories.js"}

package/ConfirmationDialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ConfirmationDialog/index.ts"],"names":[],"mappings":"AAAA;AACA","sourcesContent":["export * from \"./ConfirmationDialog\";\nexport * from \"./withConfirmation\";\n"],"file":"index.js"}

package/ConfirmationDialog/withConfirmation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ConfirmationDialog/withConfirmation.tsx"],"names":["React","ConfirmationDialog","withConfirmation","dialogProps","Component","withConfirmationRender","ownProps","props","showConfirmation"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,kBAAT;AAaA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAmD;AAC/E,SAAO,UAACC,SAAD,EAAuC;AAC1C,WAAO,SAASC,sBAAT,CAAgCC,QAAhC,EAA0C;AAC7C,UAAMC,KAAK,GAAG,OAAOJ,WAAP,KAAuB,UAAvB,GAAoCA,WAAW,CAACG,QAAD,CAA/C,GAA4DH,WAA1E;AACA,0BACI,oBAAC,kBAAD,EAAwBI,KAAxB,EACK;AAAA,YAAGC,gBAAH,QAAGA,gBAAH;AAAA,4BACG,oBAAC,SAAD,oBAAeF,QAAf;AAAyB,UAAA,gBAAgB,EAAEE;AAA3C,WADH;AAAA,OADL,CADJ;AAOH,KATD;AAUH,GAXD;AAYH,CAbM","sourcesContent":["import * as React from \"react\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\n\ntype ConfirmationProps = {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n};\n\ntype WithConfirmationParams = (props) => 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) {\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"],"file":"withConfirmation.js"}

package/Dialog/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.tsx"],"names":["React","ReactDOM","Dialog","RmwcDialog","DialogContent","RmwcDialogContent","DialogTitle","RmwcDialogTitle","DialogActions","RmwcDialogActions","DialogButton","RmwcDialogButton","getClasses","props","container","document","getElementById","createElement","setAttribute","body","appendChild","children","createPortal","Component","DialogCancel","DialogAccept"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,SACIC,MAAM,IAAIC,UADd,EAIIC,aAAa,IAAIC,iBAJrB,EAMIC,WAAW,IAAIC,eANnB,EAQIC,aAAa,IAAIC,iBARrB,EAUIC,YAAY,IAAIC,gBAVpB,QAYO,cAZP;AAaA,SAASC,UAAT;AAoBA,WAAaV,MAAb;AAAA;;AAAA;;AAGI,kBAAYW,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;;AADe;;AAGf,UAAKC,SAAL,GAAiBC,QAAQ,CAACC,cAAT,CAAwB,kBAAxB,CAAjB;;AAEA,QAAI,CAAC,MAAKF,SAAV,EAAqB;AACjB,YAAKA,SAAL,GAAiBC,QAAQ,CAACE,aAAT,CAAuB,KAAvB,CAAjB;;AACA,YAAKH,SAAL,CAAeI,YAAf,CAA4B,IAA5B,EAAkC,kBAAlC;;AACA,UAAMJ,SAAkB,GAAG,MAAKA,SAAhC;AACAC,MAAAA,QAAQ,CAACI,IAAT,IAAiBJ,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,SAA1B,CAAjB;AACH;;AAVc;AAWlB;;AAdL;AAAA;AAAA,WAgBI,kBAAS;AACL,wBAA+B,KAAKD,KAApC;AAAA,UAAQQ,QAAR,eAAQA,QAAR;AAAA,UAAqBR,KAArB;;AACA,UAAMC,SAAkB,GAAG,KAAKA,SAAhC,CAFK,CAIL;;AACA,0BAAOb,QAAQ,CAACqB,YAAT,eACH,oBAAC,UAAD,EAAgBV,UAAU,CAACC,KAAD,EAAQ,kBAAR,CAA1B,EAAwDQ,QAAxD,CADG,EAEHP,SAFG,CAAP;AAIH;AAzBL;;AAAA;AAAA,EAA4Bd,KAAK,CAACuB,SAAlC;;AAmCA;AACA;AACA;AACA,OAAO,IAAMjB,WAAW,GAAG,SAAdA,WAAc,CAACO,KAAD;AAAA,sBACvB,oBAAC,eAAD,EAAqBD,UAAU,CAACC,KAAD,EAAQ,yBAAR,CAA/B,CADuB;AAAA,CAApB;;AAaP;AACA;AACA;AACA,OAAO,IAAMT,aAAa,GAAG,SAAhBA,aAAgB,CAACS,KAAD;AAAA,sBACzB,oBAAC,iBAAD,EAAuBD,UAAU,CAACC,KAAD,EAAQ,2BAAR,CAAjC,CADyB;AAAA,CAAtB;;AAcP;AACA;AACA;AACA,OAAO,IAAML,aAAa,GAAG,SAAhBA,aAAgB,CAACK,KAAD;AAAA,sBACzB,oBAAC,iBAAD,EAAuBD,UAAU,CAACC,KAAD,EAAQ,2BAAR,CAAjC,CADyB;AAAA,CAAtB;;AAaP;AACA;AACA;AACA,OAAO,IAAMH,YAAY,GAAG,SAAfA,YAAe,CAACG,KAAD;AAAA,sBACxB,oBAAC,gBAAD,EAAsBD,UAAU,CAACC,KAAD,EAAQ,0BAAR,CAAhC,CADwB;AAAA,CAArB;;AAgBP;AACA;AACA;AACA,OAAO,IAAMW,YAAY,GAAG,SAAfA,YAAe,CAACX,KAAD,EAA8B;AACtD,sBACI,oBAAC,YAAD,oBACQD,UAAU,CAACC,KAAD,EAAQ,2DAAR,CADlB;AAEI,IAAA,MAAM,EAAC;AAFX,MAIKA,KAAK,CAACQ,QAJX,CADJ;AAQH,CATM;;AAuBP;AACA;AACA;AACA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe,CAACZ,KAAD,EAA8B;AACtD,sBACI,oBAAC,YAAD,oBACQD,UAAU,CAACC,KAAD,EAAQ,2DAAR,CADlB;AAEI,IAAA,MAAM,EAAC;AAFX,MAIKA,KAAK,CAACQ,QAJX,CADJ;AAQH,CATM","sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n    Dialog as RmwcDialog,\n    DialogProps as RmwcDialogProps,\n    DialogOnCloseEventT,\n    DialogContent as RmwcDialogContent,\n    DialogContentProps as RmwcDialogContentProps,\n    DialogTitle as RmwcDialogTitle,\n    DialogTitleProps as RmwcDialogTitleProps,\n    DialogActions as RmwcDialogActions,\n    DialogActionsProps as RmwcDialogActionsProps,\n    DialogButton as RmwcDialogButton,\n    DialogButtonProps as RmwcDialogButtonProps\n} from \"@rmwc/dialog\";\nimport { getClasses } from \"../Helpers\";\n\nexport type DialogOnClose = (event: DialogOnCloseEventT) => void;\n\nexport type DialogProps = RmwcDialogProps & {\n    children: any;\n\n    className?: string;\n\n    // Component's custom in-line styles.\n    style?: React.CSSProperties;\n\n    // If true, dialog will be permanently fixed inside of a view (works for temporary and persistent modes).\n    open?: boolean;\n\n    onClose?: (evt: DialogOnCloseEventT) => void;\n\n    preventOutsideDismiss?: boolean;\n};\n\nexport class Dialog extends React.Component<DialogProps> {\n    container?: Element;\n\n    constructor(props) {\n        super(props);\n\n        this.container = document.getElementById(\"dialog-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"dialog-container\");\n            const container: Element = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    render() {\n        const { children, ...props } = this.props;\n        const container: Element = this.container;\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <RmwcDialog {...getClasses(props, \"webiny-ui-dialog\")}>{children}</RmwcDialog>,\n            container\n        );\n    }\n}\n\nexport type DialogTitleProps = RmwcDialogTitleProps & {\n    /**\n     * Title text.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\n/**\n * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.\n */\nexport const DialogTitle = (props: DialogTitleProps) => (\n    <RmwcDialogTitle {...getClasses(props, \"webiny-ui-dialog__title\")} />\n);\n\nexport type DialogContentProps = RmwcDialogContentProps & {\n    /**\n     * Dialog content.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    className?: string;\n};\n\n/**\n * A simple component for showing dialog's body.\n */\nexport const DialogContent = (props: DialogContentProps) => (\n    <RmwcDialogContent {...getClasses(props, \"webiny-ui-dialog__content\")} />\n);\n\nexport type DialogActionsProps = RmwcDialogActionsProps & {\n    /**\n     * Action buttons.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n};\n\n/**\n * Can be used to show accept and cancel buttons.\n */\nexport const DialogActions = (props: DialogActionsProps) => (\n    <RmwcDialogActions {...getClasses(props, \"webiny-ui-dialog__actions\")} />\n);\n\ntype DialogButtonProps = RmwcDialogButtonProps & {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n\n    className?: string;\n};\n\n/**\n * Use this to show a simple button.\n */\nexport const DialogButton = (props: DialogButtonProps) => (\n    <RmwcDialogButton {...getClasses(props, \"webiny-ui-dialog__button\")} />\n);\n\ntype DialogCancelProps = RmwcDialogButtonProps & {\n    /**\n     * Children elements.\n     */\n    children: React.ReactNode;\n\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n};\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogCancel = (props: DialogCancelProps) => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--cancel\")}\n            action=\"close\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n\ntype DialogAcceptProps = RmwcDialogButtonProps & {\n    /**\n     * Children elements.\n     */\n    children: React.ReactNode;\n\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n};\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogAccept = (props: DialogAcceptProps) => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--accept\")}\n            action=\"accept\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n"],"file":"Dialog.js"}

package/Dialog/Dialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","boolean","Dialog","DialogButton","DialogAccept","DialogCancel","DialogActions","DialogTitle","DialogContent","story","module","addDecorator","add","open","console","log","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AAEA,SACIC,MADJ,EAEIC,YAFJ,EAGIC,YAHJ,EAIIC,YAJJ,EAKIC,aALJ,EAMIC,WANJ,EAOIC,aAPJ,QAQO,GARP;AAUA,IAAMC,KAAK,GAAGhB,SAAS,CAAC,mBAAD,EAAsBiB,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBX,SAAnB;AAEAS,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,IAAI,GAAGZ,OAAO,CAAC,MAAD,EAAS,KAAT,CAApB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcF,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,6BACW,yCADX,8CAEI,+BAFJ,eAGI,+BAHJ,8CAI+B,wDAJ/B,WAIqE,GAJrE,eAKI,2CALJ,uBAK2B,2CAL3B,kCAK2E,GAL3E,eAMI,iDANJ,wBAMkC,iDANlC,4CAQI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEc;AAAd,kBACI,oBAAC,WAAD,8BADJ,eAEI,oBAAC,aAAD,2CAFJ,eAGI,oBAAC,aAAD,qBACI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAE;AAAA,aAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAAN;AAAA;AAAvB,cADJ,eAII,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAE;AAAA,aAAMD,OAAO,CAACC,GAAR,CAAY,QAAZ,CAAN;AAAA;AAAvB,UAJJ,CAHJ,CARJ,CADJ,eAsBI,oBAAC,gBAAD,sDAEgBF,IAFhB,+iBAtBJ,CAFJ,CADJ;AA0CH,CA/CL,EAgDI;AACIG,EAAAA,IAAI,EAAE;AACFC,IAAAA,UAAU,EAAE,CACRf,MADQ,EAERC,YAFQ,EAGRC,YAHQ,EAIRC,YAJQ,EAKRC,aALQ,EAMRC,WANQ,EAORC,aAPQ;AADV;AADV,CAhDJ","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 \"./../Dialog/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport {\n    Dialog,\n    DialogButton,\n    DialogAccept,\n    DialogCancel,\n    DialogActions,\n    DialogTitle,\n    DialogContent\n} from \".\";\n\nconst story = storiesOf(\"Components/Dialog\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const open = boolean(\"Open\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"dialog\"}>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        Toggle <code>open</code> prop via the bottom knobs.\n                        <br />\n                        <br />\n                        Note that instead of using <code>DialogFooter.Button</code> with{\" \"}\n                        <code>accept</code> or <code>cancel</code> prop, you can use a shorter{\" \"}\n                        <code>DialogAccept</code> and <code>DialogCancel</code> components\n                        respectively.\n                        <Dialog open={open}>\n                            <DialogTitle>Delete confirmation</DialogTitle>\n                            <DialogContent>Are you sure you want to delete?</DialogContent>\n                            <DialogActions>\n                                <DialogCancel onClick={() => console.log(\"Cancel\")}>\n                                    Cancel\n                                </DialogCancel>\n                                <DialogAccept onClick={() => console.log(\"Accept\")}>\n                                    OK\n                                </DialogAccept>\n                            </DialogActions>\n                        </Dialog>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Dialog open={${open}}>\n                        <DialogTitle>\n                            Delete confirmation\n                        </DialogTitle>\n                        <DialogBody>Are you sure you want to delete?</DialogBody>\n                        <DialogFooter>\n                            <DialogCancel onClick={() => console.log(\"Cancel\")}>Cancel</DialogCancel>\n                            <DialogAccept onClick={() => console.log(\"Accept\")}>OK</DialogAccept>\n                        </DialogFooter>\n                    </Dialog>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                Dialog,\n                DialogButton,\n                DialogAccept,\n                DialogCancel,\n                DialogActions,\n                DialogTitle,\n                DialogContent\n            ]\n        }\n    }\n);\n"],"file":"Dialog.stories.js"}

package/Dialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Dialog\";\n"],"file":"index.js"}

package/Drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Drawer/Drawer.tsx"],"names":["React","Drawer","RmwcDrawer","DrawerContent","RmwcDrawerContent","DrawerHeader","RmwcDrawerHeader","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACIC,MAAM,IAAIC,UADd,EAEIC,aAAa,IAAIC,iBAFrB,EAGIC,YAAY,IAAIC,gBAHpB,QAOO,cAPP;;AAcA;AACA;AACA;AACA,IAAMD,YAAY,GAAG,SAAfA,YAAe,CAACE,KAAD;AAAA,sBAA8B,oBAAC,gBAAD,EAAsBA,KAAtB,CAA9B;AAAA,CAArB;;AAkBA;AACA;AACA;AACA,IAAMJ,aAAa,GAAG,SAAhBA,aAAgB,CAACI,KAAD;AAAA,sBAA+B,oBAAC,iBAAD,EAAuBA,KAAvB,CAA/B;AAAA,CAAtB;;AAiBA;AACA;AACA;AACA,IAAMN,MAAM,GAAG,SAATA,MAAS,CAACM,KAAD,EAAwB;AACnC,sBAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;AACH,CAFD;;AAIA,SAASN,MAAT,EAAiBI,YAAjB,EAA+BF,aAA/B","sourcesContent":["import * as React from \"react\";\nimport {\n    Drawer as RmwcDrawer,\n    DrawerContent as RmwcDrawerContent,\n    DrawerHeader as RmwcDrawerHeader,\n    DrawerProps as RmwcDrawerProps,\n    DrawerHeaderProps as RmwcDrawerHeaderProps,\n    DrawerContentProps as RmwcDrawerContentProps\n} from \"@rmwc/drawer\";\n\ntype DrawerHeaderProps = RmwcDrawerHeaderProps & {\n    children: any;\n    className?: string;\n};\n\n/**\n * Shows header of the drawer.\n */\nconst DrawerHeader = (props: DrawerHeaderProps) => <RmwcDrawerHeader {...props} />;\n\nexport type DrawerContentProps = RmwcDrawerContentProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows drawer content. It can be anything, but commonly a List component would suffice here.\n */\nconst DrawerContent = (props: DrawerContentProps) => <RmwcDrawerContent {...props} />;\n\ntype DrawerProps = RmwcDrawerProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n */\nconst Drawer = (props: DrawerProps) => {\n    return <RmwcDrawer {...props} />;\n};\n\nexport { Drawer, DrawerHeader, DrawerContent };\n"],"file":"Drawer.js"}

package/Drawer/Drawer.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Drawer/Drawer.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","List","ListItem","readme","withKnobs","boolean","Drawer","DrawerHeader","DrawerContent","story","module","addDecorator","add","open","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,SAASC,IAAT,EAAeC,QAAf;AAEA,OAAOC,MAAP;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AACA,SAASC,MAAT,EAAiBC,YAAjB,EAA+BC,aAA/B;AAEA,IAAMC,KAAK,GAAGd,SAAS,CAAC,mBAAD,EAAsBe,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,IAAI,GAAGR,OAAO,CAAC,MAAD,EAAS,IAAT,CAApB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcF,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAEU;AAAd,kBACI,oBAAC,YAAD,oBADJ,eAEI,oBAAC,aAAD,qBACI,oBAAC,IAAD,qBACI,oBAAC,QAAD,gBADJ,eAEI,oBAAC,QAAD,oBAFJ,eAGI,oBAAC,QAAD,iBAHJ,eAII,oBAAC,QAAD,cAJJ,eAKI,oBAAC,QAAD,mBALJ,CADJ,CAFJ,CADJ,CADJ,eAeI,oBAAC,gBAAD,4mBAfJ,CAFJ,CADJ;AAqCH,CA1CL,EA2CI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,MAAD,EAASC,YAAT,EAAuBC,aAAvB;AAAd;AAAR,CA3CJ","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 { List, ListItem } from \"./../List\";\n\nimport readme from \"./../Drawer/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { Drawer, DrawerHeader, DrawerContent } from \"./Drawer\";\n\nconst story = storiesOf(\"Components/Drawer\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const open = boolean(\"Open\", true);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"drawer\"}>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        <Drawer open={open}>\n                            <DrawerHeader>Main Menu</DrawerHeader>\n                            <DrawerContent>\n                                <List>\n                                    <ListItem>Users</ListItem>\n                                    <ListItem>Companies</ListItem>\n                                    <ListItem>Brands</ListItem>\n                                    <ListItem>ACL</ListItem>\n                                    <ListItem>Settings</ListItem>\n                                </List>\n                            </DrawerContent>\n                        </Drawer>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Drawer>\n                        <DrawerHeader>Main Menu</DrawerHeader>\n                        <DrawerContent>\n                            <List>\n                                <ListItem>Users</ListItem>\n                                <ListItem>Companies</ListItem>\n                                <ListItem>Brands</ListItem>\n                                <ListItem>ACL</ListItem>\n                                <ListItem>Settings</ListItem>\n                            </List>\n                        </DrawerContent>\n                    </Drawer>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Drawer, DrawerHeader, DrawerContent] } }\n);\n"],"file":"Drawer.stories.js"}

package/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Drawer\";\n"],"file":"index.js"}

package/DynamicFieldset/Fieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/DynamicFieldset/Fieldset.tsx"],"names":["React","dotProp","FormElementMessage","styled","DynamicFieldsetRow","paddingBottom","padding","Fieldset","add","index","addData","remove","removeData","props","value","onChange","delete","slice","cb","header","rows","map","record","data","empty","children","actions","renderHeader","row","renderRow","renderEmpty","length","description","validation","isValid","renderComponent","message","Component"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,SAASC,kBAAT;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAiBA,IAAMC,kBAAkB,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCE,EAAAA,aAAa,EAAE,EADsB;AAErC,wBAAsB;AAClBC,IAAAA,OAAO,EAAE;AADS;AAFe,CAAjB,CAAxB;;IAOMC,Q;;;;;;;;;;;;;;;;6DAMwB,I;;2DACF,I;;4DACC,I;;8DAEf;AACNC,MAAAA,GAAG,EACC;AAAA,YAACC,KAAD,uEAAS,CAAC,CAAV;AAAA,eACA;AAAA,iBACI,MAAKC,OAAL,CAAaD,KAAb,CADJ;AAAA,SADA;AAAA,OAFE;AAKNE,MAAAA,MAAM,EACF;AAAA,YAACF,KAAD,uEAAS,CAAC,CAAV;AAAA,eACA;AAAA,iBACI,MAAKG,UAAL,CAAgBH,KAAhB,CADJ;AAAA,SADA;AAAA;AANE,K;;iEAWG,UAACA,KAAD,EAAmB;AAC5B,wBAA4B,MAAKI,KAAjC;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,QAAf,eAAeA,QAAf;AACAA,MAAAA,QAAQ,CAACd,OAAO,CAACe,MAAR,CAAeF,KAAf,EAAsBL,KAAtB,CAAD,CAAR;AACH,K;;8DAES,YAAgB;AAAA,UAAfA,KAAe,uEAAP,CAAC,CAAM;AACtB,yBAA4B,MAAKI,KAAjC;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAAeC,QAAf,gBAAeA,QAAf;;AACA,UAAIN,KAAK,GAAG,CAAZ,EAAe;AACXM,QAAAA,QAAQ,8BAAKD,KAAL,IAAY,EAAZ,GAAR;AACH,OAFD,MAEO;AACHC,QAAAA,QAAQ,8BAAKD,KAAK,CAACG,KAAN,CAAY,CAAZ,EAAeR,KAAK,GAAG,CAAvB,CAAL,IAAgC,EAAhC,sBAAuCK,KAAK,CAACG,KAAN,CAAYR,KAAK,GAAG,CAApB,CAAvC,GAAR;AACH;AACJ,K;;mEAEc,UAACS,EAAD,EAA+B;AAC1C,YAAKC,MAAL,GAAcD,EAAE,EAAhB;AACH,K;;gEAEW,UAACA,EAAD,EAA6C;AACrD,UAAQJ,KAAR,GAAkB,MAAKD,KAAvB,CAAQC,KAAR;AACA,YAAKM,IAAL,GAAYN,KAAK,CAACO,GAAN,CAAU,UAACC,MAAD,EAASb,KAAT,EAAmB;AACrC,4BACI,oBAAC,kBAAD;AAAoB,UAAA,GAAG,EAAEA;AAAzB,WAAiCS,EAAE,CAAC;AAAEK,UAAAA,IAAI,EAAED,MAAR;AAAgBb,UAAAA,KAAK,EAALA;AAAhB,SAAD,CAAnC,CADJ;AAGH,OAJW,CAAZ;AAKH,K;;kEAEa,UAACS,EAAD,EAA+B;AACzC,YAAKM,KAAL,GAAaN,EAAE,EAAf;AACH,K;;;;;;;WAED,2BAAkB;AACd,UAAQJ,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,UAAQW,QAAR,GAAqB,KAAKZ,KAA1B,CAAQY,QAAR;AAEAA,MAAAA,QAAQ,CAAC;AACLC,QAAAA,OAAO,EAAE,KAAKA,OADT;AAELP,QAAAA,MAAM,EAAE,KAAKQ,YAFR;AAGLC,QAAAA,GAAG,EAAE,KAAKC,SAHL;AAILL,QAAAA,KAAK,EAAE,KAAKM;AAJP,OAAD,CAAR;;AAOA,UAAIhB,KAAK,CAACiB,MAAV,EAAkB;AACd,4BACI,oBAAC,KAAD,CAAO,QAAP,QACK,KAAKZ,MADV,EAEK,KAAKC,IAFV,CADJ;AAMH;;AAED,aAAO,KAAKI,KAAZ;AACH;;;WAED,kBAAS;AACL,yBAAwD,KAAKX,KAA7D;AAAA,UAAQmB,WAAR,gBAAQA,WAAR;AAAA,+CAAqBC,UAArB;AAAA,UAAqBA,UAArB,sCAAkC;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAAlC;AAEA,0BACI,0CACK,KAAKC,eAAL,EADL,EAEKF,UAAU,CAACC,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BD,UAAU,CAACG,OAAtC,CAHR,EAMKH,UAAU,CAACC,OAAX,KAAuB,KAAvB,IAAgCF,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAPR,CADJ;AAYH;;;;EA1FkBhC,KAAK,CAACqC,S;;gBAAvB9B,Q,kBACoB;AAClBO,EAAAA,KAAK,EAAE,EADW;AAElBkB,EAAAA,WAAW,EAAE;AAFK,C;;AA4F1B,eAAezB,QAAf","sourcesContent":["import * as React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { FormElementMessage } from \"../FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\ninterface ChildrenRenderProp {\n    actions: { add: Function; remove: Function };\n    header: Function;\n    row: Function;\n    empty: Function;\n}\n\ntype FieldsetProps = {\n    value?: Array<Object>;\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange?: Function;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n};\n\nconst DynamicFieldsetRow = styled(\"div\")({\n    paddingBottom: 10,\n    \"> .mdc-layout-grid\": {\n        padding: 0\n    }\n});\n\nclass Fieldset extends React.Component<FieldsetProps> {\n    static defaultProps = {\n        value: [],\n        description: null\n    };\n\n    header: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        onChange(dotProp.delete(value, index));\n    };\n\n    addData = (index = -1) => {\n        const { value, onChange } = this.props;\n        if (index < 0) {\n            onChange([...value, {}]);\n        } else {\n            onChange([...value.slice(0, index + 1), {}, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode) => {\n        this.header = cb();\n    };\n\n    renderRow = (cb: (params: Object) => React.ReactNode) => {\n        const { value } = this.props;\n        this.rows = value.map((record, index) => {\n            return (\n                <DynamicFieldsetRow key={index}>{cb({ data: record, index })}</DynamicFieldsetRow>\n            );\n        });\n    };\n\n    renderEmpty = (cb: () => React.ReactNode) => {\n        this.empty = cb();\n    };\n\n    renderComponent() {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (value.length) {\n            return (\n                <React.Fragment>\n                    {this.header}\n                    {this.rows}\n                </React.Fragment>\n            );\n        }\n\n        return this.empty;\n    }\n\n    render() {\n        const { description, validation = { isValid: null } } = this.props;\n\n        return (\n            <>\n                {this.renderComponent()}\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n}\n\nexport default Fieldset;\n"],"file":"Fieldset.js"}

package/DynamicFieldset/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/DynamicFieldset/index.ts"],"names":["default","DynamicFieldset"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAApB","sourcesContent":["export { default as DynamicFieldset } from \"./Fieldset\";\n"],"file":"index.js"}

package/Elevation/Elevation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Elevation/Elevation.tsx"],"names":["React","Elevation","RmwcElevation","forwardRef","props","ref","children","displayName"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAS,IAAIC,aAAtB,QAA2C,iBAA3C;;AAmBA;AACA;AACA;AACA,IAAMD,SAAS,gBAAGD,KAAK,CAACG,UAAN,CAAiB,UAACC,KAAD,EAAwBC,GAAxB,EAAgD;AAC/E,sBACI,oBAAC,aAAD;AAAe,IAAA,GAAG,EAAEA;AAApB,KAA6BD,KAA7B,GACKA,KAAK,CAACE,QADX,CADJ;AAKH,CANiB,CAAlB;AAQAL,SAAS,CAACM,WAAV,GAAwB,WAAxB;AAEA,SAASN,SAAT","sourcesContent":["import * as React from \"react\";\nimport { Elevation as RmwcElevation } from \"@rmwc/elevation\";\n\nexport type ElevationProps = {\n    // Any element that needs to be highlighted.\n    children?: React.ReactNode;\n\n    // Increasing this number (from 0 to 24) will increase the amount of shadow applied.\n    z: number;\n\n    // Adds smooth transitions when the z value changes.\n    transition?: boolean;\n\n    // CSS class name\n    className?: string;\n\n    // Style object\n    style?: React.CSSProperties;\n};\n\n/**\n * Elevation component visually raises any content by applying shadow.\n */\nconst Elevation = React.forwardRef((props: ElevationProps, ref: React.Ref<any>) => {\n    return (\n        <RmwcElevation ref={ref} {...props}>\n            {props.children}\n        </RmwcElevation>\n    );\n});\n\nElevation.displayName = \"Elevation\";\n\nexport { Elevation };\n"],"file":"Elevation.js"}

package/Elevation/Elevation.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Elevation/Elevation.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","boolean","select","Elevation","story","module","addDecorator","add","transition","z","Array","keys","style","padding","backgroundColor","info","propTables"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,MAA7B,QAA2C,wBAA3C;AACA,SAASC,SAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,sBAAD,EAAyBY,MAAzB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBN,SAAnB;AAEAI,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,UAAU,GAAGP,OAAO,CAAC,YAAD,EAAe,IAAf,CAA1B;AACA,MAAMQ,CAAC,GAAGP,MAAM,CAAC,sBAAD,qBAA6BQ,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,EAA7B,GAAgD,CAAhD,CAAhB;AAEA,MAAMC,KAAK,GAAG;AACVC,IAAAA,OAAO,EAAE,EADC;AAEVC,IAAAA,eAAe,EAAE;AAFP,GAAd;AAKA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcf,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI,oBAAC,SAAD;AAAW,IAAA,CAAC,EAAEU,CAAd;AAAiB,IAAA,UAAU,EAAED;AAA7B,kBACI;AAAK,IAAA,KAAK,EAAEI;AAAZ,oCADJ,CADJ,CADJ,eAMI,oBAAC,gBAAD,0DAEoBH,CAFpB,2BAEsCD,UAFtC,yIANJ,CAFJ,CADJ;AAmBH,CA9BL,EA+BI;AAAEO,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACb,SAAD;AAAd;AAAR,CA/BJ","sourcesContent":["import * as 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 \"./../Elevation/README.md\";\nimport { withKnobs, boolean, select } from \"@storybook/addon-knobs\";\nimport { Elevation } from \"./Elevation\";\n\nconst story = storiesOf(\"Components/Elevation\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const transition = boolean(\"Transition\", true);\n        const z = select(\"Z (elevation height)\", [...Array(25).keys()], 1);\n\n        const style = {\n            padding: 20,\n            backgroundColor: \"white\"\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"An area with applied elevation\"}>\n                    <StorySandboxExample>\n                        <Elevation z={z} transition={transition}>\n                            <div style={style}>This is an elevated content.</div>\n                        </Elevation>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Elevation z={${z}} transition={${transition}}>\n                            <div>This is an elevated content.</div>\n                        </Elevation>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Elevation] } }\n);\n"],"file":"Elevation.stories.js"}

package/Elevation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Elevation/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Elevation\";\n"],"file":"index.js"}

package/FormElementMessage/FormElementMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/FormElementMessage/FormElementMessage.tsx"],"names":["React","classnames","FormElementMessage","props","classNames","className","error","children"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAaA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAkB;AACzC,MAAMC,UAAU,GAAGH,UAAU,CACzB,mEADyB,EAEzBE,KAAK,CAACE,SAFmB,EAGzB;AAAE,yCAAqCF,KAAK,CAACG;AAA7C,GAHyB,CAA7B;AAMA,sBAAO;AAAK,IAAA,SAAS,EAAEF;AAAhB,KAA6BD,KAAK,CAACI,QAAnC,CAAP;AACH,CARD;;AAUA,SAASL,kBAAT","sourcesContent":["import * as React from \"react\";\nimport classnames from \"classnames\";\n\ntype Props = {\n    // message to display\n    children: React.ReactNode;\n\n    // optional class name\n    className?: string;\n\n    // is it an error message we're displaying\n    error?: boolean;\n};\n\nconst FormElementMessage = (props: Props) => {\n    const classNames = classnames(\n        \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n        props.className,\n        { \"mdc-text-field-helper-text--error\": props.error }\n    );\n\n    return <div className={classNames}>{props.children}</div>;\n};\n\nexport { FormElementMessage };\n"],"file":"FormElementMessage.js"}

package/FormElementMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/FormElementMessage/index.ts"],"names":["FormElementMessage"],"mappings":"AAAA,SAASA,kBAAT","sourcesContent":["export { FormElementMessage } from \"./FormElementMessage\";\n"],"file":"index.js"}

package/FullName/FullName.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/FullName/FullName.ts"],"names":["FullName","props","data","output","firstName","lastName"],"mappings":"AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAkB;AAC/B,MAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;;AAEA,MAAI,CAACA,IAAL,EAAW;AACP,WAAO,KAAP;AACH;;AAED,MAAIC,MAAM,GAAG,EAAb;;AACA,MAAID,IAAI,CAACE,SAAT,EAAoB;AAChBD,IAAAA,MAAM,IAAID,IAAI,CAACE,SAAf;AACH;;AAED,MAAIF,IAAI,CAACG,QAAT,EAAmB;AACfF,IAAAA,MAAM,IAAI,MAAMD,IAAI,CAACG,QAArB;AACH;;AAED,SAAOF,MAAP;AACH,CAjBD;;AAmBA,SAASH,QAAT","sourcesContent":["type Props = {\n    data?: {\n        firstName?: string;\n        lastName?: string;\n    };\n};\n\nconst FullName = (props: Props) => {\n    const { data } = props;\n\n    if (!data) {\n        return \"N/A\";\n    }\n\n    let output = \"\";\n    if (data.firstName) {\n        output += data.firstName;\n    }\n\n    if (data.lastName) {\n        output += \" \" + data.lastName;\n    }\n\n    return output;\n};\n\nexport { FullName };\n"],"file":"FullName.js"}

package/FullName/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/FullName/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./FullName\";\n"],"file":"index.js"}

package/Grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Grid/Grid.tsx"],"names":["React","Grid","RmwcGrid","GridCell","RmwcGridCell","GridInner","RmwcGridInner","Cell","props","children","displayName"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACIC,IAAI,IAAIC,QADZ,EAEIC,QAAQ,IAAIC,YAFhB,EAGIC,SAAS,IAAIC,aAHjB,QAMO,YANP;;AAwBA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAsB;AACtC,sBAAO,oBAAC,YAAD,EAAkBA,KAAlB,EAA0BA,KAAK,CAACC,QAAhC,CAAP;AACH,CAFM;AAcP,OAAO,IAAMJ,SAAS,GAAG,SAAZA,SAAY,CAACG,KAAD,EAA2B;AAChD,sBAAO,oBAAC,aAAD,EAAmBA,KAAnB,EAA2BA,KAAK,CAACC,QAAjC,CAAP;AACH,CAFM;AAIPJ,SAAS,CAACK,WAAV,GAAwB,WAAxB;AAEA;AACA;AACA;;AACA,OAAO,IAAMT,IAAI,GAAG,SAAPA,IAAO,CAACO,KAAD,EAAsB;AACtC,sBAAO,oBAAC,QAAD,EAAcA,KAAd,EAAsBA,KAAK,CAACC,QAA5B,CAAP;AACH,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n    Grid as RmwcGrid,\n    GridCell as RmwcGridCell,\n    GridInner as RmwcGridInner,\n    GridCellProps as RmwcGridCellProps,\n    GridProps as RmwcGridProps\n} from \"@rmwc/grid\";\nimport { CSSProperties } from \"react\";\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Cell must be direct children of Grid component.\n */\nexport const Cell = (props: CellProps) => {\n    return <RmwcGridCell {...props}>{props.children}</RmwcGridCell>;\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = (props: GridInnerProps) => {\n    return <RmwcGridInner {...props}>{props.children}</RmwcGridInner>;\n};\n\nGridInner.displayName = \"GridInner\";\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n */\nexport const Grid = (props: GridProps) => {\n    return <RmwcGrid {...props}>{props.children}</RmwcGrid>;\n};\n"],"file":"Grid.js"}

package/Grid/Grid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Grid/Grid.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Grid","Cell","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,IAAT,EAAeC,IAAf;AAEA,IAAMC,KAAK,GAAGP,SAAS,CAAC,iBAAD,EAAoBQ,MAApB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcL,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAZ;AAAe,IAAA,MAAM,EAAE,CAAvB;AAA0B,IAAA,KAAK,EAAE;AAAjC,cADJ,eAII,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAZ;AAAe,IAAA,MAAM,EAAE,CAAvB;AAA0B,IAAA,KAAK,EAAE;AAAjC,eAJJ,eAOI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAZ;AAAe,IAAA,MAAM,EAAE,CAAvB;AAA0B,IAAA,KAAK,EAAE;AAAjC,eAPJ,eAUI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAZ;AAAe,IAAA,MAAM,EAAE,CAAvB;AAA0B,IAAA,KAAK,EAAE;AAAjC,oBAVJ,CADJ,CAFJ,CADJ;AAqBH,CAxBL,EAyBI;AAAEM,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACN,IAAD,EAAOC,IAAP;AAAd;AAAR,CAzBJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Grid/README.md\";\nimport { Grid, Cell } from \"./Grid\";\n\nconst story = storiesOf(\"Components/Grid\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple grid.\"}>\n                    <Grid>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Apples\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Oranges\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Bananas\n                        </Cell>\n                        <Cell span={3} tablet={6} phone={12}>\n                            Strawberries\n                        </Cell>\n                    </Grid>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Grid, Cell] } }\n);\n"],"file":"Grid.stories.js"}

package/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Grid/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Grid\";\n"],"file":"index.js"}

package/Helpers/ClassNames.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Helpers/ClassNames.ts"],"names":["classnames","getClasses","propList","appendClasses","classes","props","hasOwnProperty","className"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,YAAvB;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAWC,aAAX,EAA6B;AAC5C,MAAIC,OAAO,GAAG,EAAd;;AACA,MAAMC,KAAK,GAAG,OAAMH,QAAN,CAAd;;AACA,MAAIA,QAAQ,CAACI,cAAT,CAAwB,WAAxB,CAAJ,EAA0C;AACtCF,IAAAA,OAAO,GAAGJ,UAAU,CAACE,QAAQ,CAACK,SAAV,CAApB;AACA,WAAOF,KAAK,CAACE,SAAb;AACH;;AAED,MAAI,OAAOJ,aAAP,KAAyB,WAA7B,EAA0C;AACtCC,IAAAA,OAAO,GAAGJ,UAAU,CAACI,OAAD,EAAUD,aAAV,CAApB;AACH;;AAEDE,EAAAA,KAAK,CAACE,SAAN,GAAkBH,OAAlB;AAEA,SAAOC,KAAP;AACH,CAfD;;AAiBA,SAASJ,UAAT","sourcesContent":["import classnames from \"classnames\";\nimport { clone } from \"lodash\";\n\n/**\n * This is a pass-through that modifies your object's props and creates the required className prop by merging\n * the provided appendClasses(string) and any class names defined inside your props.\n * To you the function just do: {...getClasses (props)}\n * and make sure you are not spreading the `props` element, as this will clone and spread your current `props` element already.\n * @param {*} propList\n * @param {*} appendClasses\n */\n\nconst getClasses = (propList, appendClasses) => {\n    let classes = {};\n    const props = clone(propList);\n    if (propList.hasOwnProperty(\"className\")) {\n        classes = classnames(propList.className);\n        delete props.className;\n    }\n\n    if (typeof appendClasses !== \"undefined\") {\n        classes = classnames(classes, appendClasses);\n    }\n\n    props.className = classes;\n\n    return props;\n};\n\nexport { getClasses };\n"],"file":"ClassNames.js"}

package/Helpers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Helpers/index.ts"],"names":["getClasses"],"mappings":"AAAA,SAASA,UAAT;AAEA,SAASA,UAAT","sourcesContent":["import { getClasses } from \"./ClassNames\";\n\nexport { getClasses };\n"],"file":"index.js"}

package/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Icon/Icon.tsx"],"names":["React","css","classNames","webinyIcon","marginLeft","width","display","Icon","props","cloneElement","icon","className","onClick"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAsBA,IAAMC,UAAU,gBAAGF,GAAG,CAClB,EADkB,EAElB;AACI,wBAAsB;AAClBG,IAAAA,UAAU,EAAE,CADM;AAElBC,IAAAA,KAAK,EAAE,SAFW;AAGlBC,IAAAA,OAAO,EAAE;AAHS;AAD1B,CAFkB,sBAAtB;AAWA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAsB;AAC/B,sBAAOR,KAAK,CAACS,YAAN,CAAmBD,KAAK,CAACE,IAAzB,EAA+B;AAClC,mBAAeF,KAAK,CAAC,aAAD,CADc;AAElCG,IAAAA,SAAS,EAAET,UAAU,CAAC,iCAAD,EAAoCC,UAApC,EAAgDK,KAAK,CAACG,SAAtD,CAFa;AAGlCC,IAAAA,OAAO,EAAEJ,KAAK,CAACI;AAHmB,GAA/B,CAAP;AAKH,CAND;;AAQA,SAASL,IAAT","sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport type IconProps = {\n    /**\n     * SvgComponent containing the svg icon\n     */\n    icon: React.ReactElement<any>;\n\n    /**\n     * Optional onclick handler\n     */\n    onClick?: Function;\n\n    /**\n     * CSS class to be added to the icon\n     */\n    className?: string;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n};\n\nconst webinyIcon = css(\n    {},\n    {\n        \"&.mdc-button__icon\": {\n            marginLeft: 0,\n            width: \"inherit\",\n            display: \"block\"\n        }\n    }\n);\n\n/**\n * Use Icon component to display an icon.\n * @param props\n * @returns {*}\n * @constructor\n */\nconst Icon = (props: IconProps) => {\n    return React.cloneElement(props.icon, {\n        \"data-testid\": props[\"data-testid\"],\n        className: classNames(\"mdc-button__icon webiny-ui-icon\", webinyIcon, props.className),\n        onClick: props.onClick\n    });\n};\n\nexport { Icon };\n"],"file":"Icon.js"}

package/Icon/Icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Icon/Icon.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Icon","story","module","add","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;;;;;AAMA,SAASC,IAAT;AAEA,IAAMC,KAAK,GAAGN,SAAS,CAAC,iBAAD,EAAoBO,MAApB,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcJ,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,8CACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IADJ,uBAGI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IAHJ,uBAKI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,kBAAD;AAAZ,IALJ,uBAOI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,gBAAD;AAAZ,IAPJ,SADJ,CAFJ,CADJ;AAiBH,CApBL,EAqBI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,IAAD;AAAd;AAAR,CArBJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Icon/README.md\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { Icon } from \"./Icon\";\n\nconst story = storiesOf(\"Components/Icon\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple icon\"}>\n                    <div>\n                        <Icon icon={<AutoRenewIcon />} />\n                        &nbsp;\n                        <Icon icon={<CloudDoneIcon />} />\n                        &nbsp;\n                        <Icon icon={<BaselineDeleteIcon />} />\n                        &nbsp;\n                        <Icon icon={<BaselineDoneIcon />} />\n                        &nbsp;\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Icon] } }\n);\n"],"file":"Icon.stories.js"}

package/Icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Icon\";\n"],"file":"index.js"}

package/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Image/Image.tsx"],"names":["React","Image","rest","finalProps","srcSet","Object","keys","map","key","join"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB,C,CAEA;;AAGA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAwB;AAAA,MAAlBC,IAAkB;;AAClC,MAAMC,UAAU,qBAAQD,IAAR,CAAhB;;AACA,MAAIC,UAAU,CAACC,MAAX,IAAqB,OAAOD,UAAU,CAACC,MAAlB,KAA6B,QAAtD,EAAgE;AAC5DD,IAAAA,UAAU,CAACC,MAAX,GAAoBC,MAAM,CAACC,IAAP,CAAYH,UAAU,CAACC,MAAvB,EACfG,GADe,CACX,UAAAC,GAAG;AAAA,uBAAOL,UAAU,CAACC,MAAX,CAAkBI,GAAlB,CAAP,cAAiCA,GAAjC;AAAA,KADQ,EAEfC,IAFe,CAEV,IAFU,CAApB;AAGH;;AAED,sBAAO,2BAASN,UAAT,CAAP;AACH,CATD;;AAWA,SAASF,KAAT","sourcesContent":["import * as React from \"react\";\n\n// Accepts all props that a normal <img> element would accept.\ntype Props = { [key: string]: any };\n\nconst Image = ({ ...rest }: Props) => {\n    const finalProps = { ...rest };\n    if (finalProps.srcSet && typeof finalProps.srcSet === \"object\") {\n        finalProps.srcSet = Object.keys(finalProps.srcSet)\n            .map(key => `${finalProps.srcSet[key]} ${key}`)\n            .join(\", \");\n    }\n\n    return <img {...finalProps} />;\n};\n\nexport { Image };\n"],"file":"Image.js"}

package/Image/Image.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Image/Image.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","Image","story","module","addDecorator","add","info","propTables"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAQA,OAAOC,MAAP;AACA,SAASC,SAAT,QAA0B,wBAA1B;AAEA,SAASC,KAAT;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,kBAAD,EAAqBU,MAArB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBJ,SAAnB;AAEAE,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcN,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,KAAD;AAAO,IAAA,GAAG,EAAC,iCAAX;AAA6C,IAAA,GAAG,EAAC;AAAjD,IADJ,CADJ,eAII,oBAAC,gBAAD,qBACI,oBAAC,KAAD;AAAO,IAAA,GAAG,EAAC,iCAAX;AAA6C,IAAA,GAAG,EAAC;AAAjD,IADJ,CAJJ,CAFJ,CADJ;AAaH,CAhBL,EAiBI;AAAEO,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACN,KAAD;AAAd;AAAR,CAjBJ","sourcesContent":["import * as 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\";\n\nimport readme from \"./../Image/README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { Image } from \"./Image\";\n\nconst story = storiesOf(\"Components/Image\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <Image src=\"http://i.pravatar.cc/150?img=49\" alt=\"Nice image.\" />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Image src=\"http://i.pravatar.cc/150?img=49\" alt=\"Nice image.\" />\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Image] } }\n);\n"],"file":"Image.stories.js"}

package/Image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Image/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./Image\";\n"],"file":"index.js"}

package/ImageEditor/ImageEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ImageEditor/ImageEditor.tsx"],"names":["React","toolbar","styled","classNames","ButtonSecondary","ButtonPrimary","loadScript","Toolbar","display","justifyContent","alignItems","backgroundColor","margin","padding","position","width","boxSizing","zIndex","opacity","pointerEvents","ToolOptions","borderTop","ApplyCancelActions","textAlign","initScripts","Promise","resolve","window","Caman","ImageEditor","tool","src","createRef","props","image","Image","canvas","current","onload","height","ctx","getContext","drawImage","setState","tt","onActivate","options","getToolOptions","startsWith","toDataURL","state","apply","deactivateTool","cancel","name","then","updateCanvas","setTimeout","key","autoEnable","activateTool","tools","children","editor","map","disabled","icon","renderForm","cancelActiveTool","applyActiveTool","maxWidth","render","getCanvasDataUrl","activeTool","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport * as toolbar from \"./toolbar\";\nimport { ImageEditorTool } from \"./toolbar/types\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport { ButtonSecondary, ButtonPrimary } from \"../Button\";\nimport loadScript from \"load-script\";\n\nconst Toolbar = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    margin: \"-24px -24px 0px -24px\",\n    padding: 2,\n    position: \"absolute\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    zIndex: 10,\n    \"> div.disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst ToolOptions = styled(\"div\")({\n    margin: \"50px -24px 10px -24px\",\n    boxSizing: \"border-box\",\n    padding: 10,\n    backgroundColor: \"var(--mdc-theme-background)\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\"\n});\n\nconst ApplyCancelActions = styled(\"div\")({\n    textAlign: \"center\"\n});\n\nconst initScripts = () => {\n    return new Promise((resolve: any) => {\n        // @ts-ignore\n        if (window.Caman) {\n            return resolve();\n        }\n        return loadScript(\n            \"https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.min.js\",\n            resolve\n        );\n    });\n};\n\nexport type ToolbarTool = \"crop\" | \"flip\" | \"rotate\" | \"filter\";\n\ntype RenderPropArgs = {\n    render: Function;\n    getCanvasDataUrl: () => string;\n    activeTool?: ImageEditorTool;\n    applyActiveTool: Function;\n    cancelActiveTool: Function;\n};\n\ntype Props = {\n    src: string;\n    tools: ToolbarTool[];\n    options?: { [key: string]: any };\n    onToolActivate?: Function;\n    onToolDeactivate?: Function;\n    children?: (props: RenderPropArgs) => React.ReactNode;\n};\n\ntype State = {\n    tool?: { [key: string]: any };\n    src: string;\n};\n\nclass ImageEditor extends React.Component<Props, State> {\n    static defaultProps = {\n        tools: [\"crop\", \"flip\", \"rotate\", \"filter\"]\n    };\n\n    state = {\n        tool: null,\n        src: \"\"\n    };\n\n    canvas = React.createRef();\n    image = null;\n\n    componentDidMount() {\n        initScripts().then(() => {\n            this.updateCanvas();\n            setTimeout(() => {\n                const { options } = this.props;\n                if (typeof options === \"object\" && options) {\n                    for (const key in options) {\n                        if (options[key].autoEnable === true) {\n                            const tool: ImageEditorTool | null = toolbar[key];\n                            tool && this.activateTool(tool);\n                            break;\n                        }\n                    }\n                }\n            }, 250);\n        });\n    }\n\n    updateCanvas = () => {\n        const { src } = this.props;\n        this.image = new window.Image();\n        const canvas = this.canvas.current as HTMLCanvasElement;\n        if (canvas) {\n            this.image.onload = () => {\n                if (this.image) {\n                    canvas.width = this.image.width;\n                    canvas.height = this.image.height;\n                    const ctx = canvas.getContext(\"2d\");\n                    ctx.drawImage(this.image, 0, 0);\n                }\n            };\n\n            this.image.src = src;\n        }\n    };\n\n    activateTool = (tool: string | ImageEditorTool) => {\n        if (typeof tool === \"string\") {\n            tool = toolbar[tool] as ImageEditorTool;\n        }\n\n        this.setState({ tool }, () => {\n            const tt = tool as ImageEditorTool;\n            typeof tt.onActivate === \"function\" &&\n                tt.onActivate({ canvas: this.canvas, options: this.getToolOptions(tt) });\n        });\n    };\n\n    deactivateTool = () => {\n        this.setState({ tool: null });\n    };\n\n    getCanvasDataUrl = () => {\n        const canvas = this.canvas.current as HTMLCanvasElement;\n        if (canvas) {\n            const { src } = this.props;\n            if (src.startsWith(\"data:image/jpeg;\")) {\n                return canvas.toDataURL(\"image/jpeg\", 1.0);\n            }\n\n            return canvas.toDataURL();\n        }\n\n        return \"\";\n    };\n\n    applyActiveTool = async () => {\n        const { tool } = this.state;\n        if (!tool) {\n            return;\n        }\n\n        tool.apply &&\n            (await tool.apply({\n                canvas: this.canvas\n            }));\n        this.deactivateTool();\n    };\n\n    cancelActiveTool = async () => {\n        const { tool } = this.state;\n        if (!tool) {\n            return;\n        }\n\n        tool.cancel &&\n            (await tool.cancel({\n                canvas: this.canvas\n            }));\n        this.deactivateTool();\n    };\n\n    getToolOptions = (tool: ImageEditorTool) => {\n        const { options } = this.props;\n        if (!options || typeof options !== \"object\") {\n            return {};\n        }\n\n        return options[tool.name] || {};\n    };\n\n    render() {\n        const { src, tools, children } = this.props;\n        const { tool } = this.state;\n        const editor = (\n            <React.Fragment>\n                <Toolbar>\n                    {tools.map(key => {\n                        const tool: ImageEditorTool = toolbar[key];\n                        if (!tool) {\n                            return null;\n                        }\n\n                        return (\n                            <div key={key} className={classNames({ disabled: this.state.tool })}>\n                                {tool.icon({\n                                    activateTool: () => this.activateTool(tool)\n                                })}\n                            </div>\n                        );\n                    })}\n                </Toolbar>\n\n                <ToolOptions>\n                    {tool ? (\n                        <>\n                            {typeof tool.renderForm === \"function\" &&\n                                tool.renderForm({\n                                    options: this.getToolOptions(tool),\n                                    image: this.image,\n                                    canvas: this.canvas\n                                })}\n\n                            <ApplyCancelActions>\n                                <ButtonSecondary onClick={this.cancelActiveTool}>\n                                    Cancel\n                                </ButtonSecondary>\n                                &nbsp;\n                                <ButtonPrimary onClick={this.applyActiveTool}>Apply</ButtonPrimary>\n                            </ApplyCancelActions>\n                        </>\n                    ) : (\n                        <div style={{ textAlign: \"center\" }}>\n                            Select a tool to start working on your image.\n                        </div>\n                    )}\n                </ToolOptions>\n\n                <div style={{ margin: \"0 auto\", textAlign: \"center\" }}>\n                    <canvas\n                        key={src}\n                        id={\"canvas\"}\n                        style={{ maxWidth: 700 }}\n                        ref={this.canvas as React.Ref<any>}\n                    />\n                </div>\n            </React.Fragment>\n        );\n\n        if (typeof children === \"function\") {\n            return children({\n                render: () => editor,\n                // canvas: this.canvas,\n                getCanvasDataUrl: this.getCanvasDataUrl,\n                activeTool: this.state.tool,\n                applyActiveTool: this.applyActiveTool,\n                cancelActiveTool: this.cancelActiveTool\n            });\n        }\n\n        return editor;\n    }\n}\n\nexport { ImageEditor };\n"],"file":"ImageEditor.js"}

package/ImageEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ImageEditor/index.ts"],"names":[],"mappings":"AAAA","sourcesContent":["export * from \"./ImageEditor\";\n"],"file":"index.js"}