@webiny/ui 5.17.4-beta.1 → 5.18.0-beta.2

package/List/List.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/List/List.tsx"],"names":["React","List","RmwcList","ListItem","RmwcListItem","ListItemText","RmwcListItemText","ListItemPrimaryText","RmwcListItemPrimaryText","ListItemSecondaryText","RmwcListItemSecondaryText","SimpleListItem","RmwcSimpleListItem","Typography","classNames","styled","props","children","Component","ListItemTextPrimary","ListItemTextSecondary","ListItemGraphic","className","ListItemMeta","ListTopCaption","ListBottomCaption","ListTextOverline","ListActions","SelectBoxWrapper","overflow","width","height","display","position","alignItems","justifyContent","ListSelectBox"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACIC,IAAI,IAAIC,QADZ,EAGIC,QAAQ,IAAIC,YAHhB,EAKIC,YAAY,IAAIC,gBALpB,EAOIC,mBAAmB,IAAIC,uBAP3B,EAQIC,qBAAqB,IAAIC,yBAR7B,EASIC,cAAc,IAAIC,kBATtB,QAWO,YAXP;AAYA,SAASC,UAAT;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;;AASA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMZ,QAAQ,GAAG,SAAXA,QAAW,CAACa,KAAD,EAA0B;AAC9C,sBAAO,oBAAC,YAAD,EAAkBA,KAAlB,CAAP;AACH,CAFM;;AAYP;AACA;AACA;AACA,WAAaf,IAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,kBAAS;AACL,0BAAO,oBAAC,QAAD,EAAc,KAAKe,KAAnB,EAA2B,KAAKA,KAAL,CAAWC,QAAtC,CAAP;AACH;AAHL;;AAAA;AAAA,EAA0BjB,KAAK,CAACkB,SAAhC;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMb,YAAY,GAAG,SAAfA,YAAe,CAACW,KAAD,EAA8B;AACtD,sBAAO,oBAAC,gBAAD,EAAsBA,KAAtB,EAA8BA,KAAK,CAACC,QAApC,CAAP;AACH,CAFM;AAWP,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACH,KAAD,EAAqC;AACpE,sBAAO,oBAAC,uBAAD,QAA0BA,KAAK,CAACC,QAAhC,CAAP;AACH,CAFM;;AAWP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACJ,KAAD,EAAuC;AACxE,sBAAO,oBAAC,yBAAD,QAA4BA,KAAK,CAACC,QAAlC,CAAP;AACH,CAFM;;AAMP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACL,KAAD,EAAiC;AAC5D,sBACI,6CAASA,KAAT;AAAgB,IAAA,SAAS,EAAEF,UAAU,CAAC,wBAAD,EAA2BE,KAAK,CAACM,SAAjC;AAArC,MACKN,KAAK,CAACC,QADX,CADJ;AAKH,CANM;;AAUP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMM,YAAY,GAAG,SAAfA,YAAe,CAACP,KAAD,EAA8B;AACtD,sBACI,8CAAUA,KAAV;AAAiB,IAAA,SAAS,EAAEF,UAAU,CAAC,qBAAD,EAAwBE,KAAK,CAACM,SAA9B;AAAtC,MACKN,KAAK,CAACC,QADX,CADJ;AAKH,CANM;;AAYP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMO,cAAc,GAAG,SAAjBA,cAAiB,CAACR,KAAD,EAAgC;AAC1D,sBACI,8CAAUA,KAAV;AAAiB,IAAA,SAAS,EAAE;AAA5B,mBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,KAA4BA,KAAK,CAACC,QAAlC,CADJ,CADJ;AAKH,CANM;;AAYP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACT,KAAD,EAAmC;AAChE,sBACI,8CAAUA,KAAV;AAAiB,IAAA,SAAS,EAAE;AAA5B,mBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,KAA4BA,KAAK,CAACC,QAAlC,CADJ,CADJ;AAKH,CANM;;AAYP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACV,KAAD,EAAkC;AAC9D,sBACI,8CAAUA,KAAV;AAAiB,IAAA,SAAS,EAAE;AAA5B,mBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,KAA4BA,KAAK,CAACC,QAAlC,CADJ,CADJ;AAKH,CANM;;AAYP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMU,WAAW,GAAG,SAAdA,WAAc,CAACX,KAAD,EAA6B;AACpD,sBACI,8CAAUA,KAAV;AAAiB,IAAA,SAAS,EAAE;AAA5B,MACKA,KAAK,CAACC,QADX,CADJ;AAKH,CANM;AAQP,IAAMW,gBAAgB,gBAAGb,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACnCc,EAAAA,QAAQ,EAAE,QADyB;AAEnCC,EAAAA,KAAK,EAAE,EAF4B;AAGnCC,EAAAA,MAAM,EAAE,EAH2B;AAInCC,EAAAA,OAAO,EAAE,MAJ0B;AAKnCC,EAAAA,QAAQ,EAAE,UALyB;AAMnCC,EAAAA,UAAU,EAAE,QANuB;AAOnCC,EAAAA,cAAc,EAAE;AAPmB,CAAjB,CAAtB;;AAcA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACpB,KAAD,EAA+B;AACxD,sBACI,oBAAC,eAAD,qBACI,oBAAC,gBAAD,QAAmBA,KAAK,CAACC,QAAzB,CADJ,CADJ;AAKH,CANM;AAQP,OAAO,IAAMN,cAAc,GAAG,SAAjBA,cAAiB,CAACK,KAAD,EAAwD;AAClF,sBAAO,oBAAC,kBAAD,EAAwBA,KAAxB,CAAP;AACH,CAFM","sourcesContent":["import * as React from \"react\";\nimport {\n    List as RmwcList,\n    ListProps as RmwcListProps,\n    ListItem as RmwcListItem,\n    ListItemProps as RmwcListItemProps,\n    ListItemText as RmwcListItemText,\n    ListItemTextProps as RmwcListItemTextProps,\n    ListItemPrimaryText as RmwcListItemPrimaryText,\n    ListItemSecondaryText as RmwcListItemSecondaryText,\n    SimpleListItem as RmwcSimpleListItem,\n    SimpleListItemProps as RmwcSimpleListItemProps\n} from \"@rmwc/list\";\nimport { Typography } from \"../Typography\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\n\nexport type ListItemProps = RmwcListItemProps & {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    onClick?: (e: React.MouseEvent) => void;\n};\n\n/**\n * ListItem components are placed as direct children to List component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItem = (props: ListItemProps) => {\n    return <RmwcListItem {...props} />;\n};\n\nexport type ListProps = RmwcListProps & {\n    children?: any;\n\n    className?: string;\n\n    style?: React.CSSProperties;\n};\n\n/**\n * Use List component to display data and offer additional actions if needed.\n */\nexport class List extends React.Component<ListProps> {\n    render() {\n        return <RmwcList {...this.props}>{this.props.children}</RmwcList>;\n    }\n}\n\nexport type ListItemTextProps = RmwcListItemTextProps & {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e: React.SyntheticEvent<MouseEvent>) => void;\n};\n\n/**\n * Used to show regular text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemText = (props: ListItemTextProps) => {\n    return <RmwcListItemText {...props}>{props.children}</RmwcListItemText>;\n};\n\nexport type ListItemTextPrimaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\nexport const ListItemTextPrimary = (props: ListItemTextPrimaryProps) => {\n    return <RmwcListItemPrimaryText>{props.children}</RmwcListItemPrimaryText>;\n};\n\nexport type ListItemTextSecondaryProps = {\n    /**\n     * Text content\n     */\n    children: React.ReactNode;\n};\n\n/**\n * Used to show secondary text in list items.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemTextSecondary = (props: ListItemTextSecondaryProps) => {\n    return <RmwcListItemSecondaryText>{props.children}</RmwcListItemSecondaryText>;\n};\n\nexport type ListItemGraphicProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the left side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemGraphic = (props: ListItemGraphicProps) => {\n    return (\n        <div {...props} className={classNames(\"mdc-list-item__graphic\", props.className)}>\n            {props.children}\n        </div>\n    );\n};\n\nexport type ListItemMetaProps = { children: React.ReactNode; className?: string };\n\n/**\n * Can be used to show an icon or any other custom element. Rendered on the right side.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListItemMeta = (props: ListItemMetaProps) => {\n    return (\n        <span {...props} className={classNames(\"mdc-list-item__meta\", props.className)}>\n            {props.children}\n        </span>\n    );\n};\n\nexport type ListTopCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a top caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTopCaption = (props: ListTopCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-top-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListBottomCaptionProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show a bottom caption inside ListItemMeta component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListBottomCaption = (props: ListBottomCaptionProps) => {\n    return (\n        <span {...props} className={\"webiny-list-bottom-caption\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListTextOverlineProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Can be used to show an overline text inside ListItem component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListTextOverline = (props: ListTextOverlineProps) => {\n    return (\n        <span {...props} className={\"webiny-list-text-overline\"}>\n            <Typography use=\"overline\">{props.children}</Typography>\n        </span>\n    );\n};\n\nexport type ListActionsProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to contain the actions inside ListItemMate component.\n * @param props\n * @returns {*}\n * @constructor\n */\nexport const ListActions = (props: ListActionsProps) => {\n    return (\n        <span {...props} className={\"webiny-list-actions\"}>\n            {props.children}\n        </span>\n    );\n};\n\nconst SelectBoxWrapper = styled(\"div\")({\n    overflow: \"hidden\",\n    width: 25,\n    height: 25,\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n});\n\nexport type ListSelectBoxProps = {\n    children: React.ReactNode;\n};\n\n/**\n * Used to hold the Checkbox element for multi-select options.\n * @param {*} props\n */\nexport const ListSelectBox = (props: ListSelectBoxProps) => {\n    return (\n        <ListItemGraphic>\n            <SelectBoxWrapper>{props.children}</SelectBoxWrapper>\n        </ListItemGraphic>\n    );\n};\n\nexport const SimpleListItem = (props: RmwcSimpleListItemProps & { onClick?: any }) => {\n    return <RmwcSimpleListItem {...props} />;\n};\n"],"file":"List.js"}

package/List/List.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/List/List.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Icon","ButtonPrimary","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic","ListItemTextPrimary","story","module","add","info","propTables"],"mappings":"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","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 \"./../List/README.md\";\n\nimport { Icon } from \"./../Icon\";\nimport { ButtonPrimary } from \"./../Button\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./icons/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\n\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic,\n    ListItemTextPrimary\n} from \"./List\";\n\nconst story = storiesOf(\"Components/List\", module);\n\nstory.add(\n    \"simple list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Basic list\"}>\n                        <List>\n                            <ListItem>Item 1</ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 2 - with icon on left side\n                            </ListItem>\n                            <ListItem>\n                                Item 3 - with icon on right side\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                Item 4 - icons on both sides\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List>\n                        <ListItem>\n                            Item 1\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 2 - with icon on left side\n                        </ListItem>\n                        <ListItem>\n                            Item 3 - with icon on right side\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            Item 4 - icons on both sides\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"List with 2 lines\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Primary text</ListItemTextPrimary>\n                                    <ListItemTextSecondary>Secondary text</ListItemTextSecondary>\n                                </ListItemText>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemText>\n                                <ListItemTextPrimary>\n                                    Primary text\n                                </ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Secondary text\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"A list with all possible options\"}>\n                        <List twoLine>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        This could be a really cool rocket.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        A nice cup of coffee.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </ListItemMeta>\n                            </ListItem>\n                            <ListItem>\n                                <ListItemGraphic>\n                                    <Icon icon={<AutoRenewIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                    <ListItemTextSecondary>\n                                        Send an e-mail to your best friend.\n                                    </ListItemTextSecondary>\n                                </ListItemText>\n                                <ListItemMeta>\n                                    <ButtonPrimary>Send</ButtonPrimary>\n                                </ListItemMeta>\n                            </ListItem>\n                        </List>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <List twoLine>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Rocket</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    This could be a really cool rocket.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<CloudDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<BaselineDeleteIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>Coffee</ListItemTextPrimary>\n                                <ListItemTextSecondary>A nice cup of coffee.</ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <Icon icon={<BaselineDoneIcon />} />\n                            </ListItemMeta>\n                        </ListItem>\n                        <ListItem>\n                            <ListItemGraphic>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </ListItemGraphic>\n                            <ListItemText>\n                                <ListItemTextPrimary>E-mail</ListItemTextPrimary>\n                                <ListItemTextSecondary>\n                                    Send an e-mail to your best friend.\n                                </ListItemTextSecondary>\n                            </ListItemText>\n                            <ListItemMeta>\n                                <ButtonPrimary>Send</ButtonPrimary>\n                            </ListItemMeta>\n                        </ListItem>\n                    </List>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic,\n                ListItemTextPrimary\n            ]\n        }\n    }\n);\n"],"file":"List.stories.js"}

package/List/icons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/List/icons/index.ts"],"names":["refreshIcon","deleteIcon"],"mappings":";;AAGA,SAASA,WAAT,EAAsBC,UAAtB","sourcesContent":["import refreshIcon from \"./baseline-autorenew-24px.svg\";\nimport deleteIcon from \"./baseline-delete-24px.svg\";\n\nexport { refreshIcon, deleteIcon };\n"],"file":"index.js"}

package/List/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/List/index.ts"],"names":["DataList","ScrollList","DataListModalOverlay","DataListModalOverlayAction","CollapsibleList"],"mappings":"AAAA;AAEA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,oBAA/B,EAAqDC,0BAArD;AACA,SAASC,eAAT","sourcesContent":["export * from \"./List\";\n\nexport { DataList, ScrollList, DataListModalOverlay, DataListModalOverlayAction } from \"./DataList\";\nexport { CollapsibleList } from \"./CollapsibleList\";\n"],"file":"index.js"}

package/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Menu/Menu.tsx"],"names":["React","Menu","BaseMenu","MenuItem","BaseMenuItem","MenuSurface","MenuSurfaceAnchor","css","classNames","style","disabledMenuItem","opacity","pointerEvents","menuIsOpen","createRef","setState","props","onOpen","onClose","anchor","state","className","closeMenu","onSelect","children","Array","isArray","renderMenuWithPortal","renderCustomContent","anchorRef","renderMenuContent","handle","cloneElement","onClick","openMenu","Component","MenuDivider","disabled","rest"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n    Menu as BaseMenu,\n    MenuProps as RmwcMenuProps,\n    MenuItem as BaseMenuItem,\n    MenuItemProps as BaseMenuItemProps,\n    MenuSurface,\n    MenuSurfaceAnchor\n} from \"@rmwc/menu\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst style = {\n    disabledMenuItem: css({\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    })\n};\n\ntype MenuProps = RmwcMenuProps & {\n    // One or more MenuItem components.\n    children: React.ReactNode;\n\n    // A handler which triggers the menu, eg. button or link.\n    handle?: React.ReactElement;\n\n    // Position the menu to one of anchor corners.\n    // 'bottomEnd' | 'bottomLeft' | 'bottomRight' | 'bottomStart' | 'topEnd' | 'topLeft' | 'topRight' | 'topStart'\n    anchor?:\n        | \"bottomEnd\"\n        | \"bottomLeft\"\n        | \"bottomRight\"\n        | \"bottomStart\"\n        | \"topEnd\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"topStart\";\n\n    // Class that will be added to the Menu element.\n    className?: string;\n\n    onOpen?: () => void;\n    onClose?: () => void;\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n};\n\ntype State = {\n    menuIsOpen: boolean;\n};\n\n/**\n * Use Menu component to display a list of choices, once the handler is triggered.\n */\nclass Menu extends React.Component<MenuProps, State> {\n    static defaultProps = {\n        handle: null,\n        anchor: \"topStart\"\n    };\n\n    state = {\n        menuIsOpen: false\n    };\n\n    anchorRef = React.createRef();\n    menuRef = React.createRef();\n\n    openMenu = () => {\n        this.setState({ menuIsOpen: true }, () => this.props.onOpen && this.props.onOpen());\n    };\n\n    closeMenu = () => {\n        this.setState({ menuIsOpen: false }, () => this.props.onClose && this.props.onClose());\n    };\n\n    renderMenuWithPortal = () => {\n        return (\n            <BaseMenu\n                anchorCorner={this.props.anchor}\n                open={this.state.menuIsOpen}\n                className={this.props.className}\n                onClose={this.closeMenu}\n                onSelect={this.props.onSelect}\n                hoistToBody={true}\n            >\n                {this.props.children}\n            </BaseMenu>\n        );\n    };\n\n    renderCustomContent = () => {\n        const { children } = this.props;\n        return (\n            <MenuSurface open={this.state.menuIsOpen} onClose={this.closeMenu}>\n                {typeof children === \"function\"\n                    ? children({ closeMenu: this.closeMenu })\n                    : children}\n            </MenuSurface>\n        );\n    };\n\n    renderMenuContent = () => {\n        return Array.isArray(this.props.children)\n            ? this.renderMenuWithPortal()\n            : this.renderCustomContent();\n    };\n\n    render() {\n        return (\n            <MenuSurfaceAnchor ref={this.anchorRef} data-testid={this.props[\"data-testid\"]}>\n                {this.renderMenuContent()}\n                {this.props.handle &&\n                    React.cloneElement(this.props.handle, { onClick: this.openMenu })}\n            </MenuSurfaceAnchor>\n        );\n    }\n}\n\nconst MenuDivider = () => {\n    return <li className=\"mdc-list-divider\" role=\"separator\" />;\n};\n\ninterface MenuItemProps extends BaseMenuItemProps {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (event: React.MouseEvent) => void;\n    \"data-testid\"?: string;\n}\n\nconst MenuItem = ({ disabled, className, ...rest }: MenuItemProps) => {\n    return (\n        <BaseMenuItem\n            {...rest}\n            className={classNames(className, { [style.disabledMenuItem]: disabled })}\n        />\n    );\n};\n\nexport { Menu, MenuItem, MenuDivider };\n"],"file":"Menu.js"}

package/Menu/Menu.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Menu/Menu.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","StorySandboxExample","StorySandboxCode","ButtonPrimary","readme","Menu","MenuItem","MenuDivider","story","module","style","position","width","margin","add","console","log","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,YAHJ,EAIIC,mBAJJ,EAKIC,gBALJ,QAMO,+BANP;AAOA,SAASC,aAAT;AACA,OAAOC,MAAP;AACA,SAASC,IAAT,EAAeC,QAAf,EAAyBC,WAAzB;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,iBAAD,EAAoBY,MAApB,CAAvB;AAEA,IAAMC,KAA0B,GAAG;AAC/BC,EAAAA,QAAQ,EAAE,UADqB;AAE/BC,EAAAA,KAAK,EAAE,GAFwB;AAG/BC,EAAAA,MAAM,EAAE;AAHuB,CAAnC;AAMAL,KAAK,CAACM,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcV,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD;AAAqB,IAAA,KAAK,EAAE;AAA5B,kBACI;AAAK,IAAA,KAAK,EAAEM;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,MAAM,eAAE,oBAAC,aAAD;AAAd,kBACI,oBAAC,QAAD;AACI,IAAA,OAAO,EAAE,mBAAM;AACXK,MAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACH;AAHL,aADJ,eAQI,oBAAC,QAAD,iBARJ,eASI,oBAAC,QAAD,qBATJ,CADJ,CADJ,CADJ,eAgBI,oBAAC,gBAAD,ghBAhBJ,CAFJ,CADJ;AAqCH,CAxCL,EAyCI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACb,IAAD,EAAOC,QAAP,EAAiBC,WAAjB;AAAd;AAAR,CAzCJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandbox,\n    StorySandboxExample,\n    StorySandboxCode\n} from \"@webiny/storybook-utils/Story\";\nimport { ButtonPrimary } from \"./../Button\";\nimport readme from \"./../Menu/README.md\";\nimport { Menu, MenuItem, MenuDivider } from \"./Menu\";\n\nconst story = storiesOf(\"Components/Menu\", module);\n\nconst style: React.CSSProperties = {\n    position: \"relative\",\n    width: 200,\n    margin: \"0 auto\"\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"A simple menu, triggered with a button\"}>\n                        <div style={style}>\n                            <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\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                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                   <Menu handle={<ButtonPrimary>Open menu</ButtonPrimary>}>\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                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Menu, MenuItem, MenuDivider] } }\n);\n"],"file":"Menu.stories.js"}

package/Menu/index.js.map

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

package/Mosaic/Mosaic.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Mosaic/Mosaic.tsx"],"names":["React","Columned","Mosaic","children","columns","className","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,gBAArB;AAaA,OAAO,SAASC,MAAT,OAA+D;AAAA,MAA7CC,QAA6C,QAA7CA,QAA6C;AAAA,MAAnCC,OAAmC,QAAnCA,OAAmC;AAAA,MAA1BC,SAA0B,QAA1BA,SAA0B;AAClE,sBACI,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAED,OAAnB;AAA4B,IAAA,SAAS,EAAEC;AAAvC,KACKF,QADL,CADJ;AAKH;AAEDD,MAAM,CAACI,YAAP,GAAsB;AAClBF,EAAAA,OAAO,EAAE;AAAE,SAAK,CAAP;AAAU,SAAK,CAAf;AAAkB,SAAK,CAAvB;AAA0B,UAAM;AAAhC;AADS,CAAtB","sourcesContent":["import React from \"react\";\nimport Columned from \"react-columned\";\n\nexport type MosaicProps = {\n    // An array of elements that need to be shown, for example images.\n    children: React.ReactNode;\n\n    // Number of columns, per max screen size, eg. { \"320\": 1, \"480\": 2, \"800\": 3, \"1366\": 4 }.\n    columns: { [key: string]: number };\n\n    // Custom class for the mosaic container.\n    className?: string;\n};\n\nexport function Mosaic({ children, columns, className }: MosaicProps) {\n    return (\n        <Columned columns={columns} className={className}>\n            {children}\n        </Columned>\n    );\n}\n\nMosaic.defaultProps = {\n    columns: { 320: 1, 480: 2, 800: 3, 1366: 4 }\n};\n"],"file":"Mosaic.js"}

package/Mosaic/Mosaic.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Mosaic/Mosaic.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Mosaic","story","module","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;AAOA,OAAOC,MAAP;AAEA,SAASC,MAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,mBAAD,EAAsBS,MAAtB,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,oBAAC,mBAAD,qBACI,oBAAC,MAAD,qBACI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EAAE;AAFT,IADJ,eAKI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EAAE;AAFT,IALJ,eASI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EACC;AAHR,IATJ,eAeI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EACC;AAHR,IAfJ,eAqBI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EAAE;AAFT,IArBJ,eAyBI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EACC;AAHR,IAzBJ,eA+BI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EACC;AAHR,IA/BJ,eAqCI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EAAE;AAFT,IArCJ,eAyCI;AACI,IAAA,GAAG,EAAC,SADR;AAEI,IAAA,GAAG,EAAE;AAFT,IAzCJ,eA6CI;AACI,IAAA,GAAG,EAAC,UADR;AAEI,IAAA,GAAG,EACC;AAHR,IA7CJ,CADJ,CADJ,eAuDI,oBAAC,gBAAD,qBACI,oBAAC,MAAD,qBACI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IADJ,eAEI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IAFJ,eAGI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IAHJ,eAII;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IAJJ,eAKI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IALJ,eAMI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IANJ,eAOI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IAPJ,eAQI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IARJ,eASI;AAAK,IAAA,GAAG,EAAC,SAAT;AAAmB,IAAA,GAAG,EAAE;AAAxB,IATJ,eAUI;AAAK,IAAA,GAAG,EAAC,UAAT;AAAoB,IAAA,GAAG,EAAE;AAAzB,IAVJ,CADJ,CAvDJ,CAFJ,CADJ;AA2EH,CA9EL,EA+EI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,MAAD;AAAd;AAAR,CA/EJ","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 \"./../Mosaic/README.md\";\n\nimport { Mosaic } from \"./Mosaic\";\n\nconst story = storiesOf(\"Components/Mosaic\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple responsive mosaic.\"}>\n                    <StorySandboxExample>\n                        <Mosaic>\n                            <img\n                                alt=\"Image 1\"\n                                src={\"https://via.placeholder.com/800x600/001F3F/FFFFFF.png?text=1\"}\n                            />\n                            <img\n                                alt=\"Image 2\"\n                                src={\"https://via.placeholder.com/400x300/0074D9/FFFFFF.png?text=2\"}\n                            />\n                            <img\n                                alt=\"Image 3\"\n                                src={\n                                    \"https://via.placeholder.com/1024x768/7FDBFF/FFFFFF.png?text=3\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 4\"\n                                src={\n                                    \"https://via.placeholder.com/1280x1024/39CCCC/FFFFFF.png?text=4\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 5\"\n                                src={\"https://via.placeholder.com/640x480/3D9970/FFFFFF.png?text=5\"}\n                            />\n                            <img\n                                alt=\"Image 6\"\n                                src={\n                                    \"https://via.placeholder.com/1000x500/2ECC40/FFFFFF.png?text=6\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 7\"\n                                src={\n                                    \"https://via.placeholder.com/700x1000/01FF70/FFFFFF.png?text=7\"\n                                }\n                            />\n                            <img\n                                alt=\"Image 8\"\n                                src={\"https://via.placeholder.com/800x600/FFDC00/FFFFFF.png?text=8\"}\n                            />\n                            <img\n                                alt=\"Image 9\"\n                                src={\"https://via.placeholder.com/200x100/FF851B/FFFFFF.png?text=9\"}\n                            />\n                            <img\n                                alt=\"Image 10\"\n                                src={\n                                    \"https://via.placeholder.com/200x100/FF4136/FFFFFF.png?text=10\"\n                                }\n                            />\n                        </Mosaic>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <Mosaic>\n                            <img alt=\"Image 1\" src={\"https://...\"} />\n                            <img alt=\"Image 2\" src={\"https://...\"} />\n                            <img alt=\"Image 3\" src={\"https://...\"} />\n                            <img alt=\"Image 4\" src={\"https://...\"} />\n                            <img alt=\"Image 5\" src={\"https://...\"} />\n                            <img alt=\"Image 6\" src={\"https://...\"} />\n                            <img alt=\"Image 7\" src={\"https://...\"} />\n                            <img alt=\"Image 8\" src={\"https://...\"} />\n                            <img alt=\"Image 9\" src={\"https://...\"} />\n                            <img alt=\"Image 10\" src={\"https://...\"} />\n                        </Mosaic>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Mosaic] } }\n);\n"],"file":"Mosaic.stories.js"}

package/Mosaic/index.js.map

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

package/Progress/CircularProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Progress/CircularProgress.tsx"],"names":["React","styled","Spinner","Typography","SpinnerWrapper","width","height","position","background","opacity","top","left","zIndex","transform","display","flexDirection","justifyContent","alignItems","Label","marginTop","CircularProgress","label","size","spinnerWidth","spinnerColor","visible","style","defaultProps"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,SAASC,UAAT;AAWA,IAAMC,cAAc,gBAAGH,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACjCI,EAAAA,KAAK,EAAE,MAD0B;AAEjCC,EAAAA,MAAM,EAAE,MAFyB;AAGjCC,EAAAA,QAAQ,EAAE,UAHuB;AAIjCC,EAAAA,UAAU,EAAE,0BAJqB;AAKjCC,EAAAA,OAAO,EAAE,IALwB;AAMjCC,EAAAA,GAAG,EAAE,CAN4B;AAOjCC,EAAAA,IAAI,EAAE,CAP2B;AAQjCC,EAAAA,MAAM,EAAE,EARyB;AASjC,+BAA6B;AACzBL,IAAAA,QAAQ,EAAE,UADe;AAEzBG,IAAAA,GAAG,EAAE,KAFoB;AAGzBC,IAAAA,IAAI,EAAE,KAHmB;AAIzBE,IAAAA,SAAS,EAAE,uBAJc;AAKzBC,IAAAA,OAAO,EAAE,MALgB;AAMzBC,IAAAA,aAAa,EAAE,QANU;AAOzBC,IAAAA,cAAc,EAAE,QAPS;AAQzBC,IAAAA,UAAU,EAAE;AARa;AATI,CAAjB,CAApB;AAqBA,IAAMC,KAAK,gBAAGjB,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACxBkB,EAAAA,SAAS,EAAE;AADa,CAAjB,CAAX;;AAIA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAwE;AAAA,MAArEC,KAAqE,QAArEA,KAAqE;AAAA,MAA9DC,IAA8D,QAA9DA,IAA8D;AAAA,MAAxDC,YAAwD,QAAxDA,YAAwD;AAAA,MAA1CC,YAA0C,QAA1CA,YAA0C;AAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;AAC7F,sBACI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAEA;AAAvB,kBACI;AAAK,IAAA,SAAS,EAAE;AAAhB,kBACI,oBAAC,OAAD;AACI,IAAA,IAAI,EAAEJ,IADV;AAEI,IAAA,YAAY,EAAEE,YAFlB;AAGI,IAAA,YAAY,EAAED,YAHlB;AAII,IAAA,OAAO,EAAEE;AAJb,IADJ,EAOKJ,KAAK,iBACF,oBAAC,KAAD,qBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA8BA,KAA9B,CADJ,CARR,CADJ,CADJ;AAiBH,CAlBD;;AAoBAD,gBAAgB,CAACO,YAAjB,GAAgC;AAC5BL,EAAAA,IAAI,EAAE,EADsB;AAE5BE,EAAAA,YAAY,EAAE,SAFc;AAG5BD,EAAAA,YAAY,EAAE,CAHc;AAI5BE,EAAAA,OAAO,EAAE;AAJmB,CAAhC;AAOA,eAAeL,gBAAf","sourcesContent":["// This is just to center the spinner\nimport * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Spinner from \"react-spinner-material\";\nimport { Typography } from \"../Typography\";\n\ntype Props = {\n    label?: React.ReactNode;\n    size: number;\n    spinnerColor: string;\n    spinnerWidth: number;\n    visible: boolean;\n    style?: React.CSSProperties;\n};\n\nconst SpinnerWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    background: \"var(--mdc-theme-surface)\",\n    opacity: 0.92,\n    top: 0,\n    left: 0,\n    zIndex: 10,\n    \"& .spinner__inner-wrapper\": {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\"\n    }\n});\n\nconst Label = styled(\"div\")({\n    marginTop: 15\n});\n\nconst CircularProgress = ({ label, size, spinnerWidth, spinnerColor, visible, style }: Props) => {\n    return (\n        <SpinnerWrapper style={style}>\n            <div className={\"spinner__inner-wrapper\"}>\n                <Spinner\n                    size={size}\n                    spinnerColor={spinnerColor}\n                    spinnerWidth={spinnerWidth}\n                    visible={visible}\n                />\n                {label && (\n                    <Label>\n                        <Typography use={\"overline\"}>{label}</Typography>\n                    </Label>\n                )}\n            </div>\n        </SpinnerWrapper>\n    );\n};\n\nCircularProgress.defaultProps = {\n    size: 45,\n    spinnerColor: \"#fa5723\",\n    spinnerWidth: 4,\n    visible: true\n};\n\nexport default CircularProgress;\n"],"file":"CircularProgress.js"}

package/Progress/index.js.map

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

package/Radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Radio/Radio.tsx"],"names":["React","Radio","RmwcRadio","FormElementMessage","e","props","onChange","target","checked","value","label","disabled","description","validation","Boolean","isValid","message","Component"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,aAAnC;AAEA,SAASC,kBAAT;;AAaA;AACA;AACA;AACA;IACMF,K;;;;;;;;;;;;;;;;+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,wBAA4D,KAAKH,KAAjE;AAAA,UAAQI,KAAR,eAAQA,KAAR;AAAA,UAAeC,KAAf,eAAeA,KAAf;AAAA,UAAsBC,QAAtB,eAAsBA,QAAtB;AAAA,UAAgCC,WAAhC,eAAgCA,WAAhC;AAAA,UAA6CC,UAA7C,eAA6CA,UAA7C;AACA,0BACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,SAAD;AACI,QAAA,QAAQ,EAAEF,QADd;AAEI,QAAA,OAAO,EAAEG,OAAO,CAACL,KAAD,CAFpB;AAGI,QAAA,QAAQ,EAAE,KAAKH,QAHnB,CAII;AAJJ;AAKI,QAAA,KAAK,EAAEI;AALX,QADJ,EAQKG,UAAU,CAACE,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BF,UAAU,CAACG,OAAtC,CATR,EAYKH,UAAU,CAACE,OAAX,KAAuB,KAAvB,IAAgCH,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAbR,CADJ;AAkBH;;;;EA7BeZ,KAAK,CAACiB,S;;gBAApBhB,K,kBACoB;AAClBY,EAAAA,UAAU,EAAE;AAAEE,IAAAA,OAAO,EAAE;AAAX;AADM,C;;AA+B1B,eAAed,KAAf","sourcesContent":["import * as React from \"react\";\nimport { Radio as RmwcRadio } from \"@rmwc/radio\";\nimport { FormComponentProps } from \"./../types\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: React.ReactNode;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * Wrap Radio components with RadioGroup to create a set of options.\n * Each Radio component must receive value and onChange callback via props.\n */\nclass Radio extends React.Component<Props> {\n    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, description, validation } = this.props;\n        return (\n            <React.Fragment>\n                <RmwcRadio\n                    disabled={disabled}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                    // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.\n                    label={label}\n                />\n                {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 Radio;\n"],"file":"Radio.js"}

package/Radio/Radio.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Radio/Radio.styles.ts"],"names":["css","webinyRadioTitle","paddingLeft","marginBottom"],"mappings":"AAAA,SAASA,GAAT,QAAoB,SAApB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,gBAAgB,gBAAGD,GAAG,CACxB,EADwB,EAExB;AACI,kCAAgC;AAC5BE,IAAAA,WAAW,EAAE,EADe;AAE5B;AACA;AACAC,IAAAA,YAAY,EAAE;AAJc;AADpC,CAFwB,4BAA5B;AAYA,SAASF,gBAAT","sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst webinyRadioTitle = css(\n    {},\n    {\n        \"&.mdc-text-field-helper-text\": {\n            paddingLeft: 10,\n            //textTransform: \"uppercase\",\n            //fontWeight: \"bold\",\n            marginBottom: \"5px\"\n        }\n    }\n);\n\nexport { webinyRadioTitle };\n"],"file":"Radio.styles.js"}

package/Radio/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Radio/RadioGroup.tsx"],"names":["React","webinyRadioTitle","FormElementMessage","RadioGroup","props","description","label","validation","children","onChange","value","getValue","id","isValid","message","Component"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,gBAAT;AACA,SAASC,kBAAT;;IAkBMC,U;;;;;;;;;;;;;WAKF,kBAAS;AAAA;;AACL,wBAA2C,KAAKC,KAAhD;AAAA,UAAQC,WAAR,eAAQA,WAAR;AAAA,UAAqBC,KAArB,eAAqBA,KAArB;AAAA,UAA4BC,UAA5B,eAA4BA,UAA5B;AAEA,0BACI,oBAAC,KAAD,CAAO,QAAP,QACKD,KAAK,iBACF;AACI,QAAA,SAAS,EACL,uEACAL;AAHR,SAMKK,KANL,CAFR,EAYK,KAAKF,KAAL,CAAWI,QAAX,CAAoB;AACjBC,QAAAA,QAAQ,EAAE,kBAAAC,KAAK;AAAA,iBAAI;AAAA,mBAAM,KAAI,CAACN,KAAL,CAAWK,QAAX,IAAuB,KAAI,CAACL,KAAL,CAAWK,QAAX,CAAoBC,KAApB,CAA7B;AAAA,WAAJ;AAAA,SADE;AAEjBC,QAAAA,QAAQ,EAAE,kBAAAC,EAAE;AAAA,iBAAI,KAAI,CAACR,KAAL,CAAWM,KAAX,KAAqBE,EAAzB;AAAA;AAFK,OAApB,CAZL,EAiBKL,UAAU,CAACM,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BN,UAAU,CAACO,OAAtC,CAlBR,EAqBKP,UAAU,CAACM,OAAX,KAAuB,KAAvB,IAAgCR,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAtBR,CADJ;AA2BH;;;;EAnCoBL,KAAK,CAACe,S;;gBAAzBZ,U,kBACoB;AAClBI,EAAAA,UAAU,EAAE;AAAEM,IAAAA,OAAO,EAAE;AAAX;AADM,C;;AAqC1B,eAAeV,UAAf","sourcesContent":["import * as React from \"react\";\nimport { FormComponentProps } from \"./../types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\ninterface RadioGroupRenderParams {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    static defaultProps = {\n        validation: { isValid: null }\n    };\n\n    render() {\n        const { description, label, validation } = 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                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\n                })}\n\n                {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 RadioGroup;\n"],"file":"RadioGroup.js"}

package/Radio/RadioGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Radio/RadioGroup.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Radio","RadioGroup","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,KAAT,EAAgBC,UAAhB,QAAkC,GAAlC;AAEA,IAAMC,KAAK,GAAGZ,SAAS,CAAC,kBAAD,EAAqBa,MAArB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBR,SAAnB;AAEAM,KAAK,CAACG,GAAN,CACI,OADJ,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;AAAV;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,UAAD;AACI,MAAA,KAAK,EAAC,iBADV;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,KAAD;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,i1CA3BJ,CAFJ,CADJ;AA6DH,CAxEL,EAyEI;AAAEO,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAAChB,KAAD,EAAQC,UAAR;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.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Radio, RadioGroup } from \".\";\n\nconst story = storiesOf(\"Components/Radio\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple radio with label and description\"}>\n                        <Form data={{ fruits: \"pear\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <RadioGroup\n                                        label=\"Fruit selection\"\n                                        description={\"Choose fruit you like the most.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Radio\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </RadioGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Radio, RadioGroup] } }\n);\n"],"file":"RadioGroup.stories.js"}

package/Radio/index.js.map

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

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":["React","Fragment","useEffect","useRef","shortid","EditorJS","FormElementMessage","css","classNames","classes","wrapper","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","RichTextEditor","props","elementId","generate","editorRef","value","context","onReady","nativeProps","initialData","blocks","current","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled"],"mappings":"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","sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs/types\";\nimport { FormElementMessage } from \"../FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ntype EditorJSType = {\n    destroy?: () => void;\n    save: () => Promise<any>;\n};\n\nexport type OnReadyParams = { editor: any; initialData: OutputData };\n\nexport type RichTextEditorProps = {\n    autofocus?: boolean;\n    context?: { [key: string]: any };\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: OutputBlockData[]) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: { [toolName: string]: ToolSettings };\n    value?: OutputBlockData[];\n    label?: string;\n    description?: string;\n    disabled?: boolean;\n};\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        editorRef.current = new EditorJS({\n            ...nativeProps,\n            holder: elementId.current,\n            logLevel: \"ERROR\" as LogLevels.ERROR,\n            data: initialData,\n            onChange: async () => {\n                const { blocks: data } = await editorRef.current.save();\n                props.onChange(data);\n            },\n            onReady() {\n                if (typeof onReady !== \"function\") {\n                    return;\n                }\n                onReady({ editor: editorRef.current, initialData });\n            },\n            tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                const tool = props.tools[name];\n                tools[name] = tool;\n                if (!tool.config) {\n                    tool.config = { context };\n                } else if (typeof tool.config === \"function\") {\n                    tool.config = tool.config();\n                } else {\n                    tool.config = { ...tool.config, context };\n                }\n                return tools;\n            }, {})\n        });\n\n        return async () => {\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled } = props;\n\n    return (\n        <Fragment>\n            <div className={classNames(classes.wrapper, { [classes.disable]: disabled })}>\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {description && <FormElementMessage>{description}</FormElementMessage>}\n        </Fragment>\n    );\n};\n"],"file":"RichTextEditor.js"}

package/RichTextEditor/RichTextEditor.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichTextEditor/RichTextEditor.stories.tsx"],"names":["React","useCallback","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","RichTextEditor","story","module","add","onChange","data","console","log","info","propTables"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,SAAT,QAA0B,kBAA1B;AAEA,SACIC,KADJ,EAEIC,WAFJ,EAGIC,gBAHJ,EAIIC,YAJJ,EAKIC,mBALJ,QAMO,+BANP;AAOA,OAAOC,MAAP;AAEA,SAASC,cAAT;AAEA,IAAMC,KAAK,GAAGR,SAAS,CAAC,2BAAD,EAA8BS,MAA9B,CAAvB;AAEAD,KAAK,CAACE,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,UAAAa,IAAI,EAAI;AACjCC,IAAAA,OAAO,CAACC,GAAR,CAAYF,IAAZ;AACH,GAF2B,EAEzB,EAFyB,CAA5B;AAIA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcN,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,cAAD;AAAgB,IAAA,KAAK,EAAE,IAAvB;AAA6B,IAAA,QAAQ,EAAEK;AAAvC,IADJ,CADJ,eAII,oBAAC,gBAAD,8IAJJ,CAFJ,CADJ;AAiBH,CAxBL,EAyBI;AAAEI,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,cAAD;AAAd;AAAR,CAzBJ","sourcesContent":["import React, { useCallback } from \"react\";\nimport { storiesOf } from \"@storybook/react\";\n\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { RichTextEditor } from \"./index\";\n\nconst story = storiesOf(\"Components/RichTextEditor\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        const onChange = useCallback(data => {\n            console.log(data);\n        }, []);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RichTextEditor value={null} onChange={onChange} />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [RichTextEditor] } }\n);\n"],"file":"RichTextEditor.stories.js"}

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/RichTextEditor/createPropsFromConfig.ts"],"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","editor","forEach","tools","reduce","Object","assign"],"mappings":"AAEA;AACA;AACA;AACA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAA0C;AAC3E,MAAMC,OAAO,GAAGC,KAAK,CAACC,OAAN,CAAcH,MAAd,IAAwBA,MAAxB,GAAiC,CAACA,MAAD,CAAjD;AAEA,SAAO;AACHI,IAAAA,OADG,mBACKC,MADL,EACa;AACZJ,MAAAA,OAAO,CAACK,OAAR,CAAgB,UAAAN,MAAM,EAAI;AACtB,YAAI,OAAOA,MAAM,CAACI,OAAd,KAA0B,UAA9B,EAA0C;AACtCJ,UAAAA,MAAM,CAACI,OAAP,CAAeC,MAAf;AACH;AACJ,OAJD;AAKH,KAPE;AAQHE,IAAAA,KAAK,EAAEN,OAAO,CAACO,MAAR,CAAe,UAACD,KAAD,EAAQP,MAAR,EAAmB;AACrC,aAAOS,MAAM,CAACC,MAAP,CAAcH,KAAd,EAAqBP,MAAM,CAACO,KAA5B,CAAP;AACH,KAFM,EAEJ,EAFI;AARJ,GAAP;AAYH,CAfM","sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\n\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n */\nexport const createPropsFromConfig = (config): Partial<RichTextEditorProps> => {\n    const configs = Array.isArray(config) ? config : [config];\n\n    return {\n        onReady(editor) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(editor);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return Object.assign(tools, config.tools);\n        }, {})\n    };\n};\n"],"file":"createPropsFromConfig.js"}

package/RichTextEditor/index.js.map

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

package/Ripple/Ripple.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Ripple/Ripple.tsx"],"names":["React","Ripple","RmwcRipple","props","type","children"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,UAAnB,QAAqC,cAArC;;AAaA;AACA;AACA;AACA,IAAMD,MAAM,GAAG,SAATA,MAAS,CAACE,KAAD,EAAkB;AAC7B;AACA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAN,IAAc,SAA3B;AAEA,sBACI,oBAAC,UAAD,wCAAmBA,IAAnB,EAA0B,IAA1B,GAAsCD,KAAtC,GACKA,KAAK,CAACE,QADX,CADJ;AAKH,CATD;;AAWA,SAASJ,MAAT","sourcesContent":["import * as React from \"react\";\nimport { Ripple as RmwcRipple } from \"@rmwc/ripple\";\n\ntype Props = {\n    // Any element that needs to be highlighted.\n    children?: React.ReactNode;\n\n    // Choose the type of ripple.\n    type?: \"unbounded\" | \"primary\" | \"accent\";\n\n    // Makes the ripple disabled.\n    disabled?: boolean;\n};\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Ripple = (props: Props) => {\n    // Let's pass \"unbounded\" / \"primary\" / \"accent\" flags as \"type\" prop instead.\n    const type = props.type || \"surface\";\n\n    return (\n        <RmwcRipple {...{ [type]: true }} {...props}>\n            {props.children}\n        </RmwcRipple>\n    );\n};\n\nexport { Ripple };\n"],"file":"Ripple.js"}

package/Ripple/Ripple.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Ripple/Ripple.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Icon","withKnobs","boolean","Ripple","story","module","addDecorator","add","disabled","style","padding","width","height","display","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,IAAT;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;;;;;AAOA,SAASC,MAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,mBAAD,EAAsBY,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBL,SAAnB;AAEAG,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,QAAQ,GAAGN,OAAO,CAAC,UAAD,EAAa,KAAb,CAAxB;AAEA,MAAMO,KAAK,GAAG;AAAEC,IAAAA,OAAO,EAAE,EAAX;AAAeC,IAAAA,KAAK,EAAE,EAAtB;AAA0BC,IAAAA,MAAM,EAAE,EAAlC;AAAsCC,IAAAA,OAAO,EAAE;AAA/C,GAAd;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcd,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI,8CACI,6CADJ,eAEI;AAAK,IAAA,KAAK,EAAEU;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IADJ,CAFJ,eAMI,8CACI,8CADJ,CANJ,eASI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,WAAb;AAAyB,IAAA,QAAQ,EAAED;AAAnC,kBACI;AAAK,IAAA,KAAK,EAAEC;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IADJ,CADJ,CATJ,eAeI,8CACI,4CADJ,CAfJ,eAkBI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,SAAb;AAAuB,IAAA,QAAQ,EAAED;AAAjC,kBACI;AAAK,IAAA,KAAK,EAAEC;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,kBAAD;AAAZ,IADJ,CADJ,CAlBJ,eAwBI,8CACI,2CADJ,CAxBJ,eA2BI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAED;AAAhC,kBACI;AAAK,IAAA,KAAK,EAAEC;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,gBAAD;AAAZ,IADJ,CADJ,CA3BJ,CADJ,CADJ,eAoCI,oBAAC,gBAAD,qBACI,8CACI,8CACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IADJ,CADJ,eAKI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,WAAb;AAAyB,IAAA,QAAQ,EAAED;AAAnC,kBACI,8CACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,aAAD;AAAZ,IADJ,CADJ,CALJ,eAWI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,SAAb;AAAuB,IAAA,QAAQ,EAAEA;AAAjC,kBACI,8CACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,kBAAD;AAAZ,IADJ,CADJ,CAXJ,eAiBI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEA;AAAhC,kBACI,8CACI,oBAAC,IAAD;AAAM,IAAA,IAAI,eAAE,oBAAC,gBAAD;AAAZ,IADJ,CADJ,CAjBJ,CADJ,CApCJ,CAFJ,CADJ;AAmEH,CA1EL,EA2EI;AAAEM,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACZ,MAAD;AAAd;AAAR,CA3EJ","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 \"./../Ripple/README.md\";\nimport { Icon } from \"./../Icon\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Ripple } from \"./Ripple\";\n\nconst story = storiesOf(\"Components/Ripple\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const style = { padding: 20, width: 20, height: 20, display: \"inline-block\" };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Icon with and without ripple\"}>\n                    <StorySandboxExample>\n                        <div>\n                            <div>No effect</div>\n                            <div style={style}>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <div>\n                                <code>unbounded</code>\n                            </div>\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>primary</code>\n                            </div>\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <div>\n                                <code>accent</code>\n                            </div>\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div style={style}>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        <div>\n                            <div>\n                                <Icon icon={<AutoRenewIcon />} />\n                            </div>\n\n                            <Ripple type=\"unbounded\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<CloudDoneIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"primary\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDeleteIcon />} />\n                                </div>\n                            </Ripple>\n\n                            <Ripple type=\"accent\" disabled={disabled}>\n                                <div>\n                                    <Icon icon={<BaselineDoneIcon />} />\n                                </div>\n                            </Ripple>\n                        </div>\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Ripple] } }\n);\n"],"file":"Ripple.stories.js"}

package/Ripple/index.js.map

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

package/Scrollbar/Scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Scrollbar/Scrollbar.tsx"],"names":["React","Scrollbars","Scrollbar","props"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAA2B,yBAA3B;;AAWA;AACA;AACA;AACA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAkB;AAChC,sBAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;AACH,CAFD;;AAIA,SAASD,SAAT","sourcesContent":["import * as React from \"react\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\n\ntype Props = {\n    // Element on which the scrollbars will be applied.\n    children?: React.ReactNode;\n\n    style?: React.CSSProperties;\n\n    [key: string]: any;\n};\n\n/**\n * Use Scrollbar component to show vertical or horizontal scrollbars.\n */\nconst Scrollbar = (props: Props) => {\n    return <Scrollbars {...props} />;\n};\n\nexport { Scrollbar };\n"],"file":"Scrollbar.js"}

package/Scrollbar/Scrollbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Scrollbar/Scrollbar.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Scrollbar","story","module","add","width","height","info","propTables"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,KAAT,EAAgBC,WAAhB,EAA6BC,YAA7B,QAAiD,+BAAjD;AACA,OAAOC,MAAP;AACA,SAASC,SAAT;AAEA,IAAMC,KAAK,GAAGN,SAAS,CAAC,sBAAD,EAAyBO,MAAzB,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,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAE;AAAEK,MAAAA,KAAK,EAAE,GAAT;AAAcC,MAAAA,MAAM,EAAE;AAAtB;AAAlB,u1BADJ,CAFJ,CADJ;AAqBH,CAxBL,EAyBI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACP,SAAD;AAAd;AAAR,CAzBJ","sourcesContent":["import * as React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Scrollbar/README.md\";\nimport { Scrollbar } from \"./Scrollbar\";\n\nconst story = storiesOf(\"Components/Scrollbar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Scrollbar demo\"}>\n                    <Scrollbar style={{ width: 300, height: 200 }}>\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo,\n                        aliquam aliquet arcu vel, faucibus feugiat est. Nulla facilisi. Donec\n                        lobortis metus dictum sem egestas, non lobortis erat suscipit. Nunc\n                        fermentum tempor nisi, nec venenatis odio egestas at. Nulla facilisi. Fusce\n                        sed venenatis velit, ac rhoncus ligula. Integer hendrerit egestas ante,\n                        tristique posuere augue auctor non. Curabitur accumsan, ipsum cursus euismod\n                        volutpat, enim ligula interdum diam, id suscipit ipsum lectus id ligula. Ut\n                        nec odio vel lacus volutpat commodo. In hac habitasse platea dictumst. Donec\n                        nunc lacus, venenatis non tellus vel, semper porta quam. Ut fermentum mattis\n                        urna non imperdiet. Fusce tincidunt enim nec tincidunt dapibus. Aliquam eu\n                        ligula quis ligula pretium tincidunt non sit amet velit. Curabitur vel\n                        interdum enim, ut molestie ligula.\n                    </Scrollbar>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Scrollbar] } }\n);\n"],"file":"Scrollbar.stories.js"}

package/Scrollbar/index.js.map

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

package/Section/Section.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Section/Section.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","Section","styled","story","module","RenderSection","backgroundColor","padding","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;AAEA,OAAOC,OAAP;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,KAAK,GAAGT,SAAS,CAAC,oBAAD,EAAuBU,MAAvB,CAAvB;AAEA,IAAMC,aAAa,gBAAGH,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAChCI,EAAAA,eAAe,EAAE,6BADe;AAEhCC,EAAAA,OAAO,EAAE;AAFuB,CAAjB,CAAnB;AAKAJ,KAAK,CAACK,GAAN,CACI,OADJ,EAEI,YAAM;AACF,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcR,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,aAAD,qBACI,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC;AAAf,mCADJ,eAEI,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC;AAAf,mDAFJ,CADJ,CADJ,eAOI,oBAAC,gBAAD,yoBAPJ,CAFJ,CADJ;AA4BH,CA/BL,EAgCI;AAAES,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,OAAD;AAAd;AAAR,CAhCJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport Section from \"./index\";\nimport styled from \"@emotion/styled\";\n\nconst story = storiesOf(\"Components/Section\", module);\n\nconst RenderSection = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"1px 25px 0 25px\"\n});\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import styled from \"@emotion/styled\";\n                        \n                        const RenderSection = styled(\"div\")({\n                            backgroundColor: \"var(--mdc-theme-background)\",\n                            padding: \"1px 25px 0 25px\"\n                        });\n\n                         <RenderSection>\n                            <Section title=\"Section 1\">Here goes the first section</Section>\n                            <Section title=\"Section 2\">And this is the second section 🦄</Section>\n                        </RenderSection>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Section] } }\n);\n"],"file":"Section.stories.js"}

package/Section/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Section/index.tsx"],"names":["React","styled","css","Typography","Elevation","SectionWrapper","backgroundColor","padding","titleStyle","display","alignItems","color","lineHeight","svg","height","ElevationContent","Section","children","title","props"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,IAAMC,cAAc,gBAAGJ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACjCK,EAAAA,eAAe,EAAE,6BADgB;AAEjCC,EAAAA,OAAO,EAAE;AAFwB,CAAjB,CAApB;AAKA,IAAMC,UAAU,gBAAGN,GAAG,CAAC;AACnBO,EAAAA,OAAO,EAAE,MADU;AAEnBC,EAAAA,UAAU,EAAE,QAFO;AAGnBC,EAAAA,KAAK,EAAE,6BAHY;AAInB,8BAA4B;AACxBC,IAAAA,UAAU,EAAE,MADY;AAExBC,IAAAA,GAAG,EAAE;AACDC,MAAAA,MAAM,EAAE,EADP;AAEDH,MAAAA,KAAK,EAAE;AAFN;AAFmB;AAJT,CAAD,sBAAtB;AAaA,IAAMI,gBAAgB,gBAAGd,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACnCM,EAAAA,OAAO,EAAE,EAD0B;AAEnCD,EAAAA,eAAe,EAAE;AAFkB,CAAjB,CAAtB;;AAUA,IAAMU,OAAO,GAAG,SAAVA,OAAU,OAAiD;AAAA,MAA9CC,QAA8C,QAA9CA,QAA8C;AAAA,MAApCC,KAAoC,QAApCA,KAAoC;AAAA,MAA1BC,KAA0B;;AAC7D,sBACI,oBAAC,cAAD,EAAoBA,KAApB,eACI,6CACI,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAEX,UAAvB;AAAmC,IAAA,GAAG,EAAE;AAAxC,KACKU,KADL,CADJ,CADJ,eAOI,oBAAC,SAAD;AAAW,IAAA,CAAC,EAAE;AAAd,kBACI,oBAAC,gBAAD,QAAmBD,QAAnB,CADJ,CAPJ,CADJ;AAaH,CAdD;;AAgBA,eAAeD,OAAf","sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"../Typography\";\nimport { Elevation } from \"../Elevation\";\n\nconst SectionWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"0 0 25px 0\"\n});\n\nconst titleStyle = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".tooltip-content-wrapper\": {\n        lineHeight: \"100%\",\n        svg: {\n            height: 13,\n            color: \"var(--mdc-theme-on-surface)\"\n        }\n    }\n});\n\nconst ElevationContent = styled(\"div\")({\n    padding: 20,\n    backgroundColor: \"#fff\"\n});\n\ntype SectionProps = {\n    children?: React.ReactNode;\n    title?: String;\n};\n\nconst Section = ({ children, title, ...props }: SectionProps) => {\n    return (\n        <SectionWrapper {...props}>\n            <h4>\n                <Typography className={titleStyle} use={\"overline\"}>\n                    {title}\n                </Typography>\n            </h4>\n\n            <Elevation z={2}>\n                <ElevationContent>{children}</ElevationContent>\n            </Elevation>\n        </SectionWrapper>\n    );\n};\n\nexport default Section;\n"],"file":"index.js"}

package/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Select/Select.tsx"],"names":["React","Select","RmwcSelect","FormElementMessage","css","classNames","noLabel","height","paddingTop","skipProps","getRmwcProps","props","newProps","Object","keys","filter","name","includes","forEach","value","description","validation","other","className","label","e","onChange","target","isValid","message","defaultProps"],"mappings":";;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,UAAnB,QAAqE,cAArE;AACA,SAASC,kBAAT;AAEA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AA6BA,IAAMC,OAAO,gBAAGF,GAAG,CAAC;AAChB,kBAAgB;AACZG,IAAAA,MAAM,EAAE,EADI;AAEZ,mCAA+B;AAC3BC,MAAAA,UAAU,EAAE;AADe,KAFnB;AAKZ,yBAAqB;AACjB,qCAA+B;AAC3BD,QAAAA,MAAM,EAAE,EADmB;AAE3BC,QAAAA,UAAU,EAAE;AAFe;AADd;AALT;AADA,CAAD,mBAAnB;AAeA;AACA;AACA;;AACA,IAAMC,SAAS,GAAG,CAAC,UAAD,CAAlB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK,EAAI;AAC1B,MAAMC,QAAQ,GAAG,EAAjB;AACAC,EAAAA,MAAM,CAACC,IAAP,CAAYH,KAAZ,EACKI,MADL,CACY,UAAAC,IAAI;AAAA,WAAI,CAACP,SAAS,CAACQ,QAAV,CAAmBD,IAAnB,CAAL;AAAA,GADhB,EAEKE,OAFL,CAEa,UAAAF,IAAI;AAAA,WAAKJ,QAAQ,CAACI,IAAD,CAAR,GAAiBL,KAAK,CAACK,IAAD,CAA3B;AAAA,GAFjB;AAIA,SAAOJ,QAAP;AACH,CAPD;;AASA,OAAO,IAAMX,MAAM,GAAG,SAATA,MAAS,CAACU,KAAD,EAAwB;AAC1C,MAAQQ,KAAR,GAAqDR,KAArD,CAAQQ,KAAR;AAAA,MAAeC,WAAf,GAAqDT,KAArD,CAAeS,WAAf;AAAA,MAA4BC,UAA5B,GAAqDV,KAArD,CAA4BU,UAA5B;AAAA,MAA2CC,KAA3C,4BAAqDX,KAArD;;AAEA,sBACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,UAAD,oBACQD,YAAY,CAACY,KAAD,CADpB;AAEI,IAAA,KAAK,EAAEH,KAFX;AAGI,IAAA,SAAS,EAAEd,UAAU,CAAC,kBAAD,EAAqBM,KAAK,CAACY,SAA3B,sBAChBjB,OADgB,EACN,CAACK,KAAK,CAACa,KADD,EAHzB;AAMI,IAAA,QAAQ,EAAE,kBAAAC,CAAC,EAAI;AACXd,MAAAA,KAAK,CAACe,QAAN,IAAkBf,KAAK,CAACe,QAAN,CAAgBD,CAAC,CAACE,MAAH,CAAkBR,KAAjC,CAAlB;AACH;AARL,KADJ,EAYKE,UAAU,CAACO,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,IAAA,KAAK;AAAzB,KAA2BP,UAAU,CAACQ,OAAtC,CAbR,EAgBKR,UAAU,CAACO,OAAX,KAAuB,KAAvB,IAAgCR,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAjBR,CADJ;AAsBH,CAzBM;AA2BPnB,MAAM,CAAC6B,YAAP,GAAsB;AAClBT,EAAAA,UAAU,EAAE;AAAEO,IAAAA,OAAO,EAAE;AAAX;AADM,CAAtB;AAIA,eAAe3B,MAAf","sourcesContent":["import * as React from \"react\";\nimport { Select as RmwcSelect, SelectProps as RmwcSelectProps } from \"@rmwc/select\";\nimport { FormElementMessage } from \"../FormElementMessage\";\nimport { FormComponentProps } from \"./../types\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\ntype SelectProps = FormComponentProps &\n    RmwcSelectProps & {\n        // Component label.\n        label?: string;\n\n        // Is checkbox disabled?\n        disabled?: boolean;\n\n        // Description beneath the select.\n        description?: string;\n\n        // Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n        placeholder?: string;\n\n        // Makes the Select have a visual box.\n        box?: string;\n\n        // One or more <option> or <optgroup> elements.\n        children?: Array<React.ReactElement<\"option\"> | React.ReactElement<\"optgroup\">>;\n\n        // IconProps for the root element. By default, additional props spread to the native select element.\n        rootProps?: Object;\n\n        // A className for the root element.\n        className?: string;\n    };\n\nconst noLabel = css({\n    \"&.mdc-select\": {\n        height: 35,\n        \".mdc-select__native-control\": {\n            paddingTop: 0\n        },\n        \"&.mdc-select--box\": {\n            \".mdc-select__native-control\": {\n                height: 35,\n                paddingTop: 5\n            }\n        }\n    }\n});\n\n/**\n * Select component lets users choose a value from given set of options.\n */\nconst skipProps = [\"validate\"];\n\nconst getRmwcProps = props => {\n    const newProps = {};\n    Object.keys(props)\n        .filter(name => !skipProps.includes(name))\n        .forEach(name => (newProps[name] = props[name]));\n\n    return newProps;\n};\n\nexport const Select = (props: SelectProps) => {\n    const { value, description, validation, ...other } = props;\n\n    return (\n        <React.Fragment>\n            <RmwcSelect\n                {...getRmwcProps(other)}\n                value={value}\n                className={classNames(\"webiny-ui-select\", props.className, {\n                    [noLabel]: !props.label\n                })}\n                onChange={e => {\n                    props.onChange && props.onChange((e.target as any).value);\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\nSelect.defaultProps = {\n    validation: { isValid: null }\n};\n\nexport default Select;\n"],"file":"Select.js"}

package/Select/Select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Select/Select.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Select","story","module","addDecorator","add","disabled","box","Bind","toString","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,SAASC,MAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,mBAAD,EAAsBY,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,QAAQ,GAAGR,OAAO,CAAC,UAAD,EAAa,KAAb,CAAxB;AACA,MAAMS,GAAG,GAAGT,OAAO,CAAC,KAAD,EAAQ,KAAR,CAAnB;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,QAAGS,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,MAAD;AACI,MAAA,KAAK,EAAC,MADV;AAEI,MAAA,QAAQ,EAAEF,QAFd;AAGI,MAAA,GAAG,EAAEC,GAAG,CAACE,QAAJ,EAHT;AAII,MAAA,WAAW,EAAC;AAJhB,oBAMI;AAAU,MAAA,KAAK,EAAC;AAAhB,oBACI;AAAQ,MAAA,KAAK,EAAC;AAAd,yBADJ,eAEI;AAAQ,MAAA,KAAK,EAAC;AAAd,iBAFJ,eAGI;AAAQ,MAAA,KAAK,EAAC;AAAd,kBAHJ,CANJ,eAWI;AAAU,MAAA,KAAK,EAAC;AAAhB,oBACI;AAAQ,MAAA,KAAK,EAAC;AAAd,gBADJ,eAEI;AAAQ,MAAA,KAAK,EAAC;AAAd,aAFJ,eAGI;AAAQ,MAAA,KAAK,EAAC;AAAd,oBAHJ,CAXJ,CADJ,CADH;AAAA,GADL,CADJ,CADJ,eA0BI,oBAAC,gBAAD,85CA1BJ,CAFJ,CADJ;AA6DH,CAnEL,EAoEI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACV,MAAD;AAAd;AAAR,CApEJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Select } from \"./Select\";\n\nconst story = storiesOf(\"Components/Select\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n        const box = boolean(\"Box\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple select with a label and description\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind name=\"pet\">\n                                    <Select\n                                        label=\"Pets\"\n                                        disabled={disabled}\n                                        box={box.toString()}\n                                        description=\"Choose a pet of your liking.\"\n                                    >\n                                        <optgroup label=\"Dogs\">\n                                            <option value=\"germanShepherd\">German Shepherd</option>\n                                            <option value=\"bulldog\">Bulldog</option>\n                                            <option value=\"sharPei\">Shar-Pei</option>\n                                        </optgroup>\n                                        <optgroup label=\"Other\">\n                                            <option value=\"parrot\">Parrot</option>\n                                            <option value=\"cat\">Cat</option>\n                                            <option value=\"guinea \">Guinea Pig</option>\n                                        </optgroup>\n                                    </Select>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"pet\">\n                               <Select\n                                    label=\"Pets\"\n                                    disabled={disabled}\n                                    box={box.toString()}\n                                    description=\"Choose a pet of your liking.\"\n                                >\n                                   <optgroup label=\"Dogs\">\n                                        <option value=\"germanShepherd\">\n                                            German Shepherd\n                                        </option>\n                                        <option value=\"bulldog\">Bulldog</option>\n                                        <option value=\"sharPei\">Shar-Pei</option>\n                                    </optgroup>\n                                    <optgroup label=\"Other\">\n                                        <option value=\"parrot\">Parrot</option>\n                                        <option value=\"cat\">Cat</option>\n                                        <option value=\"guinea \">Guinea Pig</option>\n                                    </optgroup>\n                                </Select>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Select] } }\n);\n"],"file":"Select.stories.js"}

package/Select/index.js.map

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

package/Slider/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Slider/Slider.tsx"],"names":["React","Slider","RmwcSlider","styled","FormElementMessage","Wrapper","width","left","e","props","onChange","detail","value","onInput","label","description","validation","sliderValue","min","isValid","message","Component"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,UAAnB,QAAqC,cAArC;AAEA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,kBAAT;AA+BA;AACA,IAAMC,OAAO,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC1BG,EAAAA,KAAK,EAAE,MADmB;AAE1B,8CAA4C;AACxCC,IAAAA,IAAI,EAAE;AADkC;AAFlB,CAAjB,CAAb;AAOA;AACA;AACA;;IACMN,M;;;;;;;;;;;;;;;;+DAGS,UAACO,CAAD,EAAsC;AAC7C,YAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAoBF,CAAC,CAACG,MAAF,CAASC,KAA7B,CAAvB;AACH,K;;8DAES,UAACJ,CAAD,EAAsC;AAC5C,YAAKC,KAAL,CAAWI,OAAX,IAAsB,MAAKJ,KAAL,CAAWI,OAAX,CAAmBL,CAAC,CAACG,MAAF,CAASC,KAA5B,CAAtB;AACH,K;;;;;;;WAED,kBAAS;AACL,wBAAkD,KAAKH,KAAvD;AAAA,UAAQG,KAAR,eAAQA,KAAR;AAAA,UAAeE,KAAf,eAAeA,KAAf;AAAA,UAAsBC,WAAtB,eAAsBA,WAAtB;AAAA,UAAmCC,UAAnC,eAAmCA,UAAnC;AAEA,UAAIC,WAAW,GAAGL,KAAlB;;AACA,UAAIA,KAAK,KAAK,IAAV,IAAkB,OAAOA,KAAP,KAAiB,WAAvC,EAAoD;AAChDK,QAAAA,WAAW,GAAG,KAAKR,KAAL,CAAWS,GAAX,IAAkB,CAAhC;AACH;;AAED,0BACI,oBAAC,KAAD,CAAO,QAAP,QACKJ,KAAK,iBACF;AAAK,QAAA,SAAS,EAAC;AAAf,SACKA,KADL,CAFR,eAOI,oBAAC,OAAD,qBACI,oBAAC,UAAD,oBACQ,KAAKL,KADb;AAEI,QAAA,KAAK,EAAEQ,WAFX;AAGI,QAAA,QAAQ,EAAE,KAAKP,QAHnB;AAII,QAAA,OAAO,EAAE,KAAKG;AAJlB,SADJ,CAPJ,EAgBKG,UAAU,CAACG,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BH,UAAU,CAACI,OAAtC,CAjBR,EAoBKJ,UAAU,CAACG,OAAX,KAAuB,KAAvB,IAAgCJ,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CArBR,CADJ;AA0BH;;;;EA7CgBf,KAAK,CAACqB,S;;gBAArBpB,M,kBACoB;AAAEe,EAAAA,UAAU,EAAE;AAAEG,IAAAA,OAAO,EAAE;AAAX;AAAd,C;;AA+C1B,eAAelB,MAAf","sourcesContent":["import * as React from \"react\";\nimport { Slider as RmwcSlider } from \"@rmwc/slider\";\nimport { FormComponentProps } from \"./../types\";\nimport styled from \"@emotion/styled\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // Description beneath the slider.\n    description?: string;\n\n    // The minimum value of the Slider.\n    min: number | string;\n\n    // The maximum value of the Slider.\n    max: number | string;\n\n    // A step to quantize values by.\n    step?: number | string;\n\n    // Displays the exact value of the Slider on the knob.\n    discrete?: boolean;\n\n    // Displays the individual step markers on the Slider track.\n    displayMarkers?: boolean;\n\n    // Function that gets triggered on each input.\n    onInput?: Function;\n};\n\n// wrapper fixes a bug in slider where the slider handle is rendered outside the bounds of the slider box\nconst Wrapper = styled(\"div\")({\n    width: \"100%\",\n    \".mdc-slider .mdc-slider__thumb-container\": {\n        left: 5\n    }\n});\n\n/**\n * Slider component lets users choose a value from given range.\n */\nclass Slider extends React.Component<Props> {\n    static defaultProps = { validation: { isValid: null } };\n\n    onChange = (e: { detail: { value: number } }) => {\n        this.props.onChange && this.props.onChange(e.detail.value);\n    };\n\n    onInput = (e: { detail: { value: number } }) => {\n        this.props.onInput && this.props.onInput(e.detail.value);\n    };\n\n    render() {\n        const { value, label, description, validation } = this.props;\n\n        let sliderValue = value;\n        if (value === null || typeof value === \"undefined\") {\n            sliderValue = this.props.min || 0;\n        }\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div className=\"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\">\n                        {label}\n                    </div>\n                )}\n\n                <Wrapper>\n                    <RmwcSlider\n                        {...this.props}\n                        value={sliderValue}\n                        onChange={this.onChange}\n                        onInput={this.onInput}\n                    />\n                </Wrapper>\n\n                {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 Slider;\n"],"file":"Slider.js"}

package/Slider/Slider.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Slider/Slider.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Slider","story","module","addDecorator","add","disabled","width","Bind","value","onChange","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,OAAOC,MAAP;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,mBAAD,EAAsBY,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,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;AAAM,IAAA,IAAI,EAAE;AAAEQ,MAAAA,KAAK,EAAE;AAAT;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,OACK;AAAA,UAAGC,KAAH,SAAGA,KAAH;AAAA,UAAUC,QAAV,SAAUA,QAAV;AAAA,0BACG,oBAAC,MAAD;AACI,QAAA,KAAK,EAAE,kBADX;AAEI,QAAA,QAAQ,EAAEJ,QAFd;AAGI,QAAA,WAAW,EACP,+CAJR;AAMI,QAAA,QAAQ,MANZ;AAOI,QAAA,cAAc,MAPlB;AAQI,QAAA,GAAG,EAAE,CART;AASI,QAAA,GAAG,EAAE,EATT;AAUI,QAAA,IAAI,EAAE,CAVV;AAWI,QAAA,OAAO,EAAEI,QAXb;AAYI,QAAA,QAAQ,EAAEA,QAZd;AAaI,QAAA,KAAK,EAAED;AAbX,QADH;AAAA,KADL,CADH;AAAA,GADL,CADJ,CADJ,eA0BI,oBAAC,gBAAD,wrCA1BJ,CAFJ,CADJ;AA2DH,CAhEL,EAiEI;AAAEE,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACX,MAAD;AAAd;AAAR,CAjEJ","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.md\";\n\nimport { Form } from \"@webiny/form\";\nimport Slider from \"./Slider\";\n\nconst story = storiesOf(\"Components/Slider\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple slider with a label and description\"}>\n                        <Form data={{ width: 200 }}>\n                            {({ Bind }) => (\n                                <Bind name=\"width\">\n                                    {({ value, onChange }) => (\n                                        <Slider\n                                            label={\"Number of rooms:\"}\n                                            disabled={disabled}\n                                            description={\n                                                \"Choose the number of rooms in your apartment.\"\n                                            }\n                                            discrete\n                                            displayMarkers\n                                            min={1}\n                                            max={10}\n                                            step={1}\n                                            onInput={onChange}\n                                            onChange={onChange}\n                                            value={value}\n                                        />\n                                    )}\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ width: 200 }}>\n                        {({ Bind }) => (\n                            <Bind name=\"width\">\n                                {({ value, onChange }) => (\n                                    <Slider\n                                        label={\"Number of rooms:\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"Choose the number of rooms in your apartment.\"\n                                        }\n                                        discrete\n                                        displayMarkers\n                                        min={1}\n                                        max={10}\n                                        step={1}\n                                        onInput={onChange}\n                                        onChange={onChange}\n                                        value={value}\n                                    />\n                                )}\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Slider] } }\n);\n"],"file":"Slider.stories.js"}

package/Slider/index.js.map

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

package/Snackbar/Snackbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Snackbar/Snackbar.tsx"],"names":["React","Snackbar","RmwcSnackbar","SnackbarAction","props","container","document","getElementById","createElement","setAttribute","body","appendChild","Component"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAQ,IAAIC,YAArB,EAAmCC,cAAnC,QAAwE,gBAAxE;;AAIA;AACA;AACA;AACA;AACA;AACA;IACMF,Q;;;;;AAGF,oBAAYG,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;;AADe;;AAGf,UAAKC,SAAL,GAAiBC,QAAQ,CAACC,cAAT,CAAwB,oBAAxB,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,oBAAlC;;AACA,UAAMJ,SAAkB,GAAG,MAAKA,SAAhC;AACAC,MAAAA,QAAQ,CAACI,IAAT,IAAiBJ,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,SAA1B,CAAjB;AACH;;AAVc;AAWlB;;;;WAED,kBAAS;AACL,0BAAO,oBAAC,YAAD,EAAkB,KAAKD,KAAvB,CAAP;AACH;;;;EAlBkBJ,KAAK,CAACY,S;;AAqB7B,SAASX,QAAT,EAAmBE,cAAnB","sourcesContent":["import * as React from \"react\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n * @param props\n * @returns {*}\n * @constructor\n */\nclass Snackbar extends React.Component<Props> {\n    container?: Element;\n\n    constructor(props) {\n        super(props);\n\n        this.container = document.getElementById(\"snackbar-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"snackbar-container\");\n            const container: Element = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    render() {\n        return <RmwcSnackbar {...this.props} />;\n    }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"file":"Snackbar.js"}

package/Snackbar/Snackbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Snackbar/Snackbar.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","boolean","ButtonPrimary","Snackbar","story","module","addDecorator","SnackbarContainer","show","state","setState","props","leading","Component","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;AAOA,OAAOC,MAAP;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,wBAAnC;AACA,SAASC,aAAT;AACA,SAASC,QAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,qBAAD,EAAwBY,MAAxB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBN,SAAnB;;IAEMO,iB;;;;;;;;;;;;;;;;4DACM;AACJC,MAAAA,IAAI,EAAE;AADF,K;;;;;;;WAIR,kBAAS;AAAA;;AACL,0BACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,QAAD;AACI,QAAA,IAAI,EAAE,KAAKC,KAAL,CAAWD,IADrB;AAEI,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACE,QAAL,CAAc;AAAEF,YAAAA,IAAI,EAAE;AAAR,WAAd,CAAN;AAAA,SAFb;AAGI,QAAA,OAAO,EAAC,oBAHZ;AAII,QAAA,OAAO,EAAE,KAAKG,KAAL,CAAWC,OAJxB;AAKI,QAAA,MAAM,EAAC;AALX,QADJ,eAQI,oBAAC,aAAD;AAAe,QAAA,OAAO,EAAE;AAAA,iBAAM,MAAI,CAACF,QAAL,CAAc;AAAEF,YAAAA,IAAI,EAAE;AAAR,WAAd,CAAN;AAAA;AAAxB,wBARJ,CADJ;AAcH;;;;EApB2BhB,KAAK,CAACqB,S;;AAuBtCT,KAAK,CAACU,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMF,OAAO,GAAGX,OAAO,CAAC,SAAD,EAAY,KAAZ,CAAvB;AAEA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcF,MAAd,CADJ,eAEI,oBAAC,YAAD,qBACI,oBAAC,mBAAD,qBACI,oBAAC,iBAAD;AAAmB,IAAA,OAAO;AAA1B,IADJ,CADJ,eAII,oBAAC,gBAAD,4LAKuBa,OALvB,maAJJ,CAFJ,CADJ;AAyBH,CA9BL,EA+BI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACb,QAAD;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 \"./../Snackbar/README.md\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport { ButtonPrimary } from \"./../Button\";\nimport { Snackbar } from \"./Snackbar\";\n\nconst story = storiesOf(\"Components/Snackbar\", module);\nstory.addDecorator(withKnobs);\n\nclass SnackbarContainer extends React.Component<{ leading: boolean }, { show: boolean }> {\n    state = {\n        show: false\n    };\n\n    render() {\n        return (\n            <React.Fragment>\n                <Snackbar\n                    open={this.state.show}\n                    onClose={() => this.setState({ show: false })}\n                    message=\"This is a message.\"\n                    leading={this.props.leading}\n                    action=\"Something\"\n                />\n                <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                    Show message\n                </ButtonPrimary>\n            </React.Fragment>\n        );\n    }\n}\n\nstory.add(\n    \"usage\",\n    () => {\n        const leading = boolean(\"leading\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <SnackbarContainer leading />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <div>\n                             <Snackbar\n                                open={this.state.show}\n                                leading={${leading}}\n                                onHide={() => this.setState({ show: false })}\n                                message=\"This is a message.\"\n                            />\n                            <ButtonPrimary onClick={() => this.setState({ show: true })}>\n                                Show message\n                            </ButtonPrimary>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Snackbar] } }\n);\n"],"file":"Snackbar.stories.js"}

package/Snackbar/index.js.map

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

package/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Switch/Switch.tsx"],"names":["React","Switch","RmwcSwitch","pick","FormElementMessage","getClasses","e","props","onChange","target","checked","value","description","validation","rmwcProps","Boolean","isValid","message","Component"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAM,IAAIC,UAAnB,QAAkD,cAAlD;AAEA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,kBAAT;AACA,SAASC,UAAT;;AAWA;AACA;AACA;IACMJ,M;;;;;;;;;;;;;;;;+DAOS,UAACK,CAAD,EAA0C;AACjD,YAAKC,KAAL,CAAWC,QAAX,IAAuB,MAAKD,KAAL,CAAWC,QAAX,CAAqBF,CAAC,CAACG,MAAH,CAAkBC,OAAtC,CAAvB;AACH,K;;;;;;;WAED,kBAAS;AACL,wBAA2C,KAAKH,KAAhD;AAAA,UAAQI,KAAR,eAAQA,KAAR;AAAA,UAAeC,WAAf,eAAeA,WAAf;AAAA,UAA4BC,UAA5B,eAA4BA,UAA5B;AAEA,0BACI,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,UAAD,oBACQR,UAAU,mBAAMF,IAAI,CAAC,KAAKI,KAAN,EAAaN,MAAM,CAACa,SAApB,CAAV,GAA4C,kBAA5C,CADlB;AAEI,QAAA,OAAO,EAAEC,OAAO,CAACJ,KAAD,CAFpB;AAGI,QAAA,QAAQ,EAAE,KAAKH;AAHnB,SADJ,EAOKK,UAAU,CAACG,OAAX,KAAuB,KAAvB,iBACG,oBAAC,kBAAD;AAAoB,QAAA,KAAK;AAAzB,SAA2BH,UAAU,CAACI,OAAtC,CARR,EAWKJ,UAAU,CAACG,OAAX,KAAuB,KAAvB,IAAgCJ,WAAhC,iBACG,oBAAC,kBAAD,QAAqBA,WAArB,CAZR,CADJ;AAiBH;;;;EA/BgBZ,KAAK,CAACkB,S;;gBAArBjB,M,kBACoB;AAClBY,EAAAA,UAAU,EAAE;AAAEG,IAAAA,OAAO,EAAE;AAAX;AADM,C;;gBADpBf,M,eAKiB,CAAC,IAAD,EAAO,UAAP,EAAmB,SAAnB,EAA8B,OAA9B,EAAuC,WAAvC,EAAoD,WAApD,C;;AA6BvB,SAASA,MAAT","sourcesContent":["import * as React from \"react\";\nimport { Switch as RmwcSwitch, SwitchProps } from \"@rmwc/switch\";\nimport { FormComponentProps } from \"./../types\";\nimport pick from \"lodash/pick\";\nimport { FormElementMessage } from \"../FormElementMessage\";\nimport { getClasses } from \"../Helpers\";\n\ntype Props = FormComponentProps &\n    SwitchProps & {\n        // Description beneath the switch.\n        description?: string;\n\n        // Optional class name.\n        className?: string;\n    };\n\n/**\n * Switch component can be used to store simple boolean values.\n */\nclass Switch extends React.Component<Props> {\n    static defaultProps = {\n        validation: { isValid: null }\n    };\n\n    static rmwcProps = [\"id\", \"disabled\", \"checked\", \"label\", \"rootProps\", \"className\"];\n\n    onChange = (e: React.SyntheticEvent<HTMLElement>) => {\n        this.props.onChange && this.props.onChange((e.target as any).checked);\n    };\n\n    render() {\n        const { value, description, validation } = this.props;\n\n        return (\n            <React.Fragment>\n                <RmwcSwitch\n                    {...getClasses({ ...pick(this.props, Switch.rmwcProps) }, \"webiny-ui-switch\")}\n                    checked={Boolean(value)}\n                    onChange={this.onChange}\n                />\n\n                {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 { Switch };\n"],"file":"Switch.js"}

package/Switch/Switch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Switch/Switch.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Switch","story","module","addDecorator","add","disabled","rememberMe","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,SAASC,MAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,mBAAD,EAAsBY,MAAtB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,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;AAAM,IAAA,IAAI,EAAE;AAAEQ,MAAAA,UAAU,EAAE;AAAd;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,MAAD;AACI,MAAA,KAAK,EAAE,aADX;AAEI,MAAA,QAAQ,EAAEF,QAFd;AAGI,MAAA,WAAW,EACP;AAJR,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAgBI,oBAAC,gBAAD,0iBAhBJ,CAFJ,CADJ;AAqCH,CA1CL,EA2CI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,MAAD;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.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Switch } from \"./Switch\";\n\nconst story = storiesOf(\"Components/Switch\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple switch with a label and description\"}>\n                        <Form data={{ rememberMe: true }}>\n                            {({ Bind }) => (\n                                <Bind name=\"rememberMe\">\n                                    <Switch\n                                        label={\"Remember me\"}\n                                        disabled={disabled}\n                                        description={\n                                            \"You won't be logged out after you leave the app.\"\n                                        }\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind name=\"rememberMe\">\n                                  <Switch\n                                    label={\"Remember me\"}\n                                    disabled={disabled}\n                                    description={\"You won't be logged out after you leave the app.\"}\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Switch] } }\n);\n"],"file":"Switch.stories.js"}

package/Switch/index.js.map

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

package/Tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tabs/Tab.tsx"],"names":["React","Tab","RmwcTab","props","children","rest"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAG,IAAIC,OAAhB,QAAyD,YAAzD;AAcA,OAAO,IAAMD,GAAG,GAAG,SAANA,GAAM,CAACE,KAAD,EAAqB;AACpC,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBAAO,oBAAC,OAAD,EAAaE,IAAb,EAAoBD,QAApB,CAAP;AACH,CAHM","sourcesContent":["import * as React from \"react\";\nimport { Tab as RmwcTab, TabProps as RmwcTabProps } from \"@rmwc/tabs\";\n\nexport type TabProps = RmwcTabProps & {\n    tag?: string;\n    /**\n     * Is tab disabled?\n     */\n    disabled?: boolean;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nexport const Tab = (props: TabProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTab {...rest}>{children}</RmwcTab>;\n};\n"],"file":"Tab.js"}

package/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tabs/Tabs.tsx"],"names":["React","classNames","TabBar","Tab","disabledStyles","opacity","pointerEvents","Tabs","activeTabIndex","props","updateValue","setState","children","activeIndex","tabs","Children","toArray","filter","c","map","child","label","icon","disabled","style","tabBar","evt","detail","index","onActivate","item","Object","assign","content","i","length","current","push","display","className","value","undefined","state","switchTab","bind","renderChildren","Component"],"mappings":"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","sourcesContent":["import React, { ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { TabBar } from \"@rmwc/tabs\";\nimport { Tab, TabProps } from \"./Tab\";\n\nexport type TabsRenderProps = {\n    switchTab(tabIndex: number): void;\n};\n\nexport type TabsProps = {\n    /**\n     * A collection of tabs that needs to be rendered.\n     */\n    children: ((props: TabsRenderProps) => ReactNode) | ReactNode;\n\n    /**\n     * Append a class name.\n     */\n    className?: string;\n\n    /**\n     * Callback to execute when a tab is changed.\n     */\n    onActivate?: (index: number) => void;\n\n    /**\n     * Active tab index value.\n     */\n    value?: number;\n\n    /**\n     * Function to change active tab.\n     */\n    updateValue?: (index: number) => void;\n};\n\ntype State = {\n    activeTabIndex: number;\n};\n\nconst disabledStyles = {\n    opacity: 0.5,\n    pointerEvents: \"none\"\n};\n\n/**\n * Use Tabs component to display a list of choices, once the handler is triggered.\n */\nexport class Tabs extends React.Component<TabsProps, State> {\n    state = {\n        activeTabIndex: 0\n    };\n\n    switchTab(activeTabIndex) {\n        if (typeof this.props.updateValue === \"function\") {\n            this.props.updateValue(activeTabIndex);\n        } else {\n            this.setState({ activeTabIndex });\n        }\n    }\n\n    renderChildren(children, activeIndex) {\n        const tabs = React.Children.toArray(children)\n            .filter(c => c !== null)\n            .map((child: React.ReactElement<TabProps>) => {\n                return {\n                    label: child.props.label,\n                    children: child.props.children,\n                    icon: child.props.icon,\n                    disabled: child.props.disabled,\n                    style: child.props.style,\n                    \"data-testid\": child.props[\"data-testid\"]\n                };\n            });\n\n        const tabBar = (\n            <TabBar\n                className=\"webiny-ui-tabs__tab-bar\"\n                activeTabIndex={activeIndex}\n                onActivate={evt => {\n                    if (typeof this.props.updateValue === \"function\") {\n                        this.props.updateValue(evt.detail.index);\n                    } else {\n                        this.setState({ activeTabIndex: evt.detail.index });\n                    }\n                    this.props.onActivate && this.props.onActivate(evt.detail.index);\n                }}\n            >\n                {tabs.map((item: TabProps, index) => {\n                    const style = item.style || {};\n                    if (item.disabled) {\n                        Object.assign(style, disabledStyles);\n                    }\n\n                    return (\n                        <Tab\n                            tag={\"div\"}\n                            style={style}\n                            key={item.label + \"-\" + index}\n                            data-testid={item[\"data-testid\"]}\n                            {...(item.icon ? { icon: item.icon } : {})}\n                            {...(item.label ? { label: item.label } : {})}\n                        />\n                    );\n                })}\n            </TabBar>\n        );\n\n        const content = [];\n        for (let i = 0; i < tabs.length; i++) {\n            const current = tabs[i];\n            if (activeIndex === i) {\n                content.push(<div key={i}>{current.children}</div>);\n            } else {\n                content.push(\n                    <div key={i} style={{ display: \"none\" }}>\n                        {current.children}\n                    </div>\n                );\n            }\n        }\n\n        return (\n            <div className={classNames(\"webiny-ui-tabs\", this.props.className)}>\n                {tabBar}\n                <div className={\"webiny-ui-tabs__content mdc-tab-content\"}>{content}</div>\n            </div>\n        );\n    }\n\n    render() {\n        const activeIndex =\n            this.props.value !== undefined ? this.props.value : this.state.activeTabIndex;\n\n        let children = this.props.children;\n        if (typeof this.props.children === \"function\") {\n            // @ts-ignore\n            children = this.props.children({ switchTab: this.switchTab.bind(this) });\n        }\n\n        return this.renderChildren(children, activeIndex);\n    }\n}\n"],"file":"Tabs.js"}

package/Tabs/Tabs.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tabs/Tabs.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","readme","withKnobs","Tabs","Tab","story","module","addDecorator","add","Div","props","padding","children","overflow","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;;;AAIA,SAASC,SAAT,QAA0B,wBAA1B;AACA,SAASC,IAAT,EAAeC,GAAf;AAEA,IAAMC,KAAK,GAAGV,SAAS,CAAC,iBAAD,EAAoBW,MAApB,CAAvB;AAEAD,KAAK,CAACE,YAAN,CAAmBL,SAAnB;AACAG,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;AACF,MAAMC,GAAG,GAAG,SAANA,GAAM,CAAAC,KAAK,EAAI;AACjB,wBAAO;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AAAZ,OAA8BD,KAAK,CAACE,QAApC,CAAP;AACH,GAFD;;AAIA,sBACI,oBAAC,KAAD,qBACI,oBAAC,WAAD,QAAcX,MAAd,CADJ,eAEI,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAE;AAArB,kBACI,oBAAC,mBAAD,qBACI;AAAK,IAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,kBACI,oBAAC,IAAD,qBACI,oBAAC,GAAD;AAAK,IAAA,KAAK,EAAC,OAAX;AAAmB,IAAA,IAAI,eAAE,oBAAC,UAAD;AAAzB,kBACI,oBAAC,GAAD,yBADJ,CADJ,eAII,oBAAC,GAAD;AAAK,IAAA,KAAK,EAAC,OAAX;AAAmB,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAzB,kBACI,oBAAC,GAAD,yBADJ,CAJJ,eAOI,oBAAC,GAAD;AAAK,IAAA,KAAK,EAAC;AAAX,kBACI,oBAAC,GAAD,+CADJ,CAPJ,eAUI,oBAAC,GAAD;AAAK,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAX,kBACI,oBAAC,GAAD,gDADJ,CAVJ,CADJ,CADJ,CADJ,eAmBI,oBAAC,gBAAD,i0BAnBJ,CAFJ,CADJ;AA2CH,CAlDL,EAmDI;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACZ,IAAD,EAAOC,GAAP;AAAd;AAAR,CAnDJ","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 \"./../Tabs/README.md\";\n\nimport { ReactComponent as DeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as DoneIcon } from \"./svg/baseline-done-24px.svg\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\nimport { Tabs, Tab } from \"./index\";\n\nconst story = storiesOf(\"Components/Tabs\", module);\n\nstory.addDecorator(withKnobs);\nstory.add(\n    \"usage\",\n    () => {\n        const Div = props => {\n            return <div style={{ padding: 50 }}>{props.children}</div>;\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Tabs example\"}>\n                    <StorySandboxExample>\n                        <div style={{ overflow: \"hidden\" }}>\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                            <Tabs>\n                                <Tab label=\"Tab 1\" icon={<DeleteIcon />}>\n                                    <Div>Tab 1 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 2\" icon={<DoneIcon />}>\n                                    <Div>Tab 2 content.</Div>\n                                </Tab>\n                                <Tab label=\"Tab 3\">\n                                    <Div>Tab 3 content - header without icon.</Div>\n                                </Tab>\n                                <Tab icon={<DoneIcon />}>\n                                    <Div>Tab 4 content - header without label.</Div>\n                                </Tab>\n                            </Tabs>\n                        `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tabs, Tab] } }\n);\n"],"file":"Tabs.stories.js"}

package/Tabs/index.js.map

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

package/Tags/Tags.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tags/Tags.tsx"],"names":["React","Input","Chips","Chip","css","keycode","FormElementMessage","tagsStyle","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","inputValue","props","validation","value","disabled","onChange","description","otherInputProps","inputProps","state","setState","onKeyDown","e","newValue","Array","isArray","push","length","splice","isValid","message","map","item","index","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Input } from \"../Input\";\nimport { Chips, Chip } from \"../Chips\";\nimport { FormComponentProps } from \"./../types\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"../FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string };\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: Function;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: Function;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n};\n\ntype State = {\n    inputValue: string;\n};\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport class Tags extends React.Component<Props, State> {\n    state = {\n        inputValue: \"\"\n    };\n\n    static defaultProps = {\n        validation: { isValid: null }\n    };\n\n    render() {\n        const { validation, value, disabled, onChange, description, ...otherInputProps } =\n            this.props;\n\n        const inputProps = {\n            ...otherInputProps,\n            value: this.state.inputValue,\n            onChange: inputValue => {\n                this.setState({ inputValue });\n            },\n            onKeyDown: e => {\n                if (!onChange) {\n                    return;\n                }\n\n                const newValue = Array.isArray(value) ? [...value] : [];\n                const inputValue = this.state.inputValue || \"\";\n\n                switch (keycode(e)) {\n                    case \"enter\":\n                        if (inputValue) {\n                            newValue.push(inputValue);\n                            onChange(newValue);\n                            this.setState({ inputValue: \"\" });\n                        }\n                        break;\n                    case \"backspace\":\n                        if (newValue.length && !inputValue) {\n                            newValue.splice(-1, 1);\n                            onChange(newValue);\n                            break;\n                        }\n                }\n            }\n        };\n\n        return (\n            <div className={tagsStyle}>\n                <div>\n                    <Input {...inputProps} />\n\n                    {validation.isValid === false && (\n                        <FormElementMessage error>{validation.message}</FormElementMessage>\n                    )}\n                    {validation.isValid !== false && description && (\n                        <FormElementMessage>{description}</FormElementMessage>\n                    )}\n\n                    {Array.isArray(value) && value.length ? (\n                        <Chips disabled={disabled}>\n                            {value.map((item, index) => (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={<BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            ))}\n                        </Chips>\n                    ) : null}\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default Tags;\n"],"file":"Tags.js"}

package/Tags/Tags.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tags/Tags.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandboxCode","StorySandbox","StorySandboxExample","withKnobs","boolean","readme","Form","Tags","story","module","addDecorator","add","disabled","tags","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,SAASC,IAAT;AAEA,IAAMC,KAAK,GAAGX,SAAS,CAAC,iBAAD,EAAoBY,MAApB,CAAvB;AACAD,KAAK,CAACE,YAAN,CAAmBP,SAAnB;AAEAK,KAAK,CAACG,GAAN,CACI,OADJ,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;AAAM,IAAA,IAAI,EAAE;AAAEQ,MAAAA,IAAI,EAAE,CAAC,SAAD,EAAY,MAAZ,EAAoB,MAApB;AAAR;AAAZ,KACK;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,wBACG,oBAAC,IAAD;AAAM,MAAA,IAAI,EAAC;AAAX,oBACI,oBAAC,IAAD;AACI,MAAA,KAAK,EAAC,MADV;AAEI,MAAA,QAAQ,EAAEF,QAFd;AAGI,MAAA,WAAW,EAAC;AAHhB,MADJ,CADH;AAAA,GADL,CADJ,CADJ,eAcI,oBAAC,gBAAD,miBAdJ,CAFJ,CADJ;AAmCH,CAxCL,EAyCI;AAAEG,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACT,IAAD;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, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Tags } from \"./Tags\";\n\nconst story = storiesOf(\"Components/Tags\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Single value\"}>\n                        <Form data={{ tags: [\"animals\", \"dogs\", \"food\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"tags\">\n                                    <Tags\n                                        label=\"Tags\"\n                                        disabled={disabled}\n                                        description=\"Choose your tags\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{ tags: ['animals', 'dogs', 'food'] }}>\n                        {({ Bind }) => (\n                            <Bind name=\"tags\">\n                                <Tags\n                                    label=\"Tags\"\n                                    disabled={disabled}\n                                    description=\"Choose your tags\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tags] } }\n);\n"],"file":"Tags.stories.js"}

package/Tags/index.js.map

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

package/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx"],"names":["React","default","RcTooltip","Tooltip","tooltipIsOpen","visible","setState","onVisibleChange","props","content","children","Component"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAO,IAAIC,SAApB,QAAqC,YAArC;AACA,OAAO,uCAAP;AACA;;AAuBA;AACA;AACA;IACMC,O;;;;;;;;;;;;;;;;4DACM;AAAEC,MAAAA,aAAa,EAAE;AAAjB,K;;sEAEU,UAACC,OAAD,EAAsB;AACpC,YAAKC,QAAL,CAAc;AACVF,QAAAA,aAAa,EAAEC;AADL,OAAd;AAGH,K;;;;;;;WAED,kBAAS;AACL,0BACI,oBAAC,SAAD;AACI,QAAA,SAAS,EAAE,MADf;AAEI,QAAA,eAAe,EAAE,KAAKE,eAF1B;AAGI,QAAA,OAAO,EAAE,KAAKC,KAAL,CAAWC;AAHxB,SAIQ,KAAKD,KAJb,gBAMI;AAAM,QAAA,SAAS,EAAC;AAAhB,SACK,KAAKA,KAAL,CAAWE,QADhB,CANJ,CADJ;AAYH;;;;EAtBiBV,KAAK,CAACW,S;;AAyB5B,SAASR,OAAT","sourcesContent":["import * as React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipProps = {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: React.ReactNode;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?: string;\n\n    // CSS class name\n    className?: string;\n};\n\ntype State = {\n    tooltipIsOpen: boolean;\n};\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    state = { tooltipIsOpen: false };\n\n    onVisibleChange = (visible: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible\n        });\n    };\n\n    render() {\n        return (\n            <RcTooltip\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"file":"Tooltip.js"}

package/Tooltip/Tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":["React","storiesOf","Story","StoryReadme","StorySandbox","readme","Tooltip","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,OAAT;AAEA,IAAMC,KAAK,GAAGN,SAAS,CAAC,oBAAD,EAAuBO,MAAvB,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,oBAAC,OAAD;AAAS,IAAA,OAAO,eAAE;AAAlB,kBACI,yEADJ,CADJ,CAFJ,CADJ;AAUH,CAbL,EAcI;AAAEK,EAAAA,IAAI,EAAE;AAAEC,IAAAA,UAAU,EAAE,CAACL,OAAD;AAAd;AAAR,CAdJ","sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\n);\n"],"file":"Tooltip.stories.js"}

package/Tooltip/index.js.map

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

package/TopAppBar/TopAppBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TopAppBar/TopAppBar.tsx"],"names":["React","TopAppBar","RmwcTopAppBar","TopAppBarRow","props","children","rest"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SACIC,SAAS,IAAIC,aADjB,EAGIC,YAHJ,QAIO,mBAJP;;AAqBA,IAAMF,SAAS,GAAG,SAAZA,SAAY,CAACG,KAAD,EAA2B;AACzC,MAAQC,QAAR,GAA8BD,KAA9B,CAAQC,QAAR;AAAA,MAAqBC,IAArB,4BAA8BF,KAA9B;;AACA,sBACI,oBAAC,aAAD,EAAmBE,IAAnB,eACI,oBAAC,YAAD,QAAeD,QAAf,CADJ,CADJ;AAKH,CAPD;;AASA,SAASJ,SAAT","sourcesContent":["import * as React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"file":"TopAppBar.js"}