@webiny/ui 5.41.4 → 5.42.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/Accordion/AccordionItemActions.js.map +1 -1
  2. package/AutoComplete/AutoComplete.js.map +1 -1
  3. package/AutoComplete/MultiAutoComplete.js +1 -0
  4. package/AutoComplete/MultiAutoComplete.js.map +1 -1
  5. package/Carousel/Carousel.js.map +1 -1
  6. package/Checkbox/Checkbox.js.map +1 -1
  7. package/Checkbox/CheckboxGroup.js.map +1 -1
  8. package/CodeEditor/CodeEditor.js.map +1 -1
  9. package/ColorPicker/ColorPicker.d.ts +7 -2
  10. package/ColorPicker/ColorPicker.js +46 -16
  11. package/ColorPicker/ColorPicker.js.map +1 -1
  12. package/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  13. package/DataTable/DataTable.js.map +1 -1
  14. package/Dialog/Dialog.js +1 -1
  15. package/Dialog/Dialog.js.map +1 -1
  16. package/Drawer/Drawer.js.map +1 -1
  17. package/DynamicFieldset/Fieldset.js.map +1 -1
  18. package/ImageEditor/ImageEditor.js.map +1 -1
  19. package/ImageEditor/toolbar/crop.js.map +1 -1
  20. package/ImageEditor/toolbar/filter.js.map +1 -1
  21. package/ImageEditor/toolbar/flip.js.map +1 -1
  22. package/ImageEditor/toolbar/rotate.js.map +1 -1
  23. package/ImageUpload/Image.js.map +1 -1
  24. package/ImageUpload/MultiImageUpload.js.map +1 -1
  25. package/ImageUpload/SingleImageUpload.js.map +1 -1
  26. package/Input/__tests__/Input.test.d.ts +1 -1
  27. package/Input/__tests__/Input.test.js +1 -2
  28. package/Input/__tests__/Input.test.js.map +1 -1
  29. package/List/DataList/DataList.js.map +1 -1
  30. package/List/DataList/DataListModalOverlay/DataListModalOverlay.js.map +1 -1
  31. package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js.map +1 -1
  32. package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js.map +1 -1
  33. package/List/DataList/DataListWithSections.js.map +1 -1
  34. package/List/List.js.map +1 -1
  35. package/Menu/Menu.d.ts +12 -19
  36. package/Menu/Menu.js +70 -77
  37. package/Menu/Menu.js.map +1 -1
  38. package/Radio/Radio.js.map +1 -1
  39. package/Radio/RadioGroup.js.map +1 -1
  40. package/RichTextEditor/RichTextEditor.js +2 -2
  41. package/RichTextEditor/RichTextEditor.js.map +1 -1
  42. package/RichTextEditor/createPropsFromConfig.js.map +1 -1
  43. package/Select/Select.js.map +1 -1
  44. package/Slider/Slider.js.map +1 -1
  45. package/Snackbar/Snackbar.js.map +1 -1
  46. package/Switch/Switch.js.map +1 -1
  47. package/Tabs/Tab.js +2 -2
  48. package/Tabs/Tab.js.map +1 -1
  49. package/Tabs/Tabs.d.ts +4 -4
  50. package/Tabs/Tabs.js +14 -6
  51. package/Tabs/Tabs.js.map +1 -1
  52. package/Tags/Tags.js.map +1 -1
  53. package/Tooltip/Tooltip.js.map +1 -1
  54. package/package.json +12 -20
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_index","_react2","afterEach","cleanup","setup","props","arguments","length","undefined","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","_React$Component","_this","_classCallCheck2","default","_len","args","Array","_key","_callSuper2","concat","_defineProperty2","setState","_inherits2","_createClass2","key","render","createElement","Input","state","callAll","React","Component","utils","_objectSpread2","_len2","fns","_key2","_len3","_key3","forEach","apply","describe","test","_setup","expect","toContainKeys","_setup2","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n onChange?: () => void;\n}\n\nfunction setup(props: SetupProps = {}) {\n const renderArg = {\n // eslint-disable-next-line\n onChange: (_: string) => {},\n value: null\n };\n\n // We cast \"as unknown as React.ReactNode\" here because renderProp has a \"jest.Mock<null, [controllerArg: any]>\" type,\n // but the \"Input\" component expect React.ReactNode to be the type of the \"children\" property.\n const renderProp = jest.fn(controllerArg => {\n Object.assign(renderArg, controllerArg);\n return null;\n }) as unknown as React.ReactNode;\n\n const onChange = props.onChange\n ? props.onChange\n : () => {\n return void 0;\n };\n\n class Test extends React.Component {\n public override state = { value: \"init-value\" };\n\n onChange = (value: string) => {\n this.setState({ value });\n };\n\n public override render() {\n return (\n <Input\n {...props}\n value={this.state.value}\n onChange={callAll(onChange, this.onChange)}\n >\n {renderProp}\n </Input>\n );\n }\n }\n\n const utils = render(<Test />);\n\n return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: ((...params: any) => void)[]) {\n return (...args: any) => {\n fns.forEach(fn => {\n fn && fn(...args);\n });\n };\n}\n\ndescribe(\"Input tests\", () => {\n test(\"passes expected props to render prop\", () => {\n const { renderArg } = setup();\n\n expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n });\n\n test(\"updates value via onChange\", () => {\n const { renderArg } = setup();\n expect(renderArg.value).toBe(\"init-value\");\n renderArg.onChange(\"new-value\");\n expect(renderArg.value).toBe(\"new-value\");\n renderArg.onChange(\"third-value\");\n expect(renderArg.value).toBe(\"third-value\");\n });\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_index","_react2","afterEach","cleanup","setup","props","arguments","length","undefined","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","_React$Component","_this","_classCallCheck2","default","_len","args","Array","_key","_callSuper2","concat","_defineProperty2","setState","_inherits2","_createClass2","key","render","createElement","Input","state","callAll","React","Component","utils","_objectSpread2","_len2","fns","_key2","_len3","_key3","forEach","apply","describe","test","_setup","expect","toContainKeys","_setup2","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport { cleanup, render } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n onChange?: () => void;\n}\n\nfunction setup(props: SetupProps = {}) {\n const renderArg = {\n // eslint-disable-next-line\n onChange: (_: string) => {},\n value: null\n };\n\n // We cast \"as unknown as React.ReactNode\" here because renderProp has a \"jest.Mock<null, [controllerArg: any]>\" type,\n // but the \"Input\" component expect React.ReactNode to be the type of the \"children\" property.\n const renderProp = jest.fn(controllerArg => {\n Object.assign(renderArg, controllerArg);\n return null;\n }) as unknown as React.ReactNode;\n\n const onChange = props.onChange\n ? props.onChange\n : () => {\n return void 0;\n };\n\n class Test extends React.Component {\n public override state = { value: \"init-value\" };\n\n onChange = (value: string) => {\n this.setState({ value });\n };\n\n public override render() {\n return (\n <Input\n {...props}\n value={this.state.value}\n onChange={callAll(onChange, this.onChange)}\n >\n {renderProp}\n </Input>\n );\n }\n }\n\n const utils = render(<Test />);\n\n return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: ((...params: any) => void)[]) {\n return (...args: any) => {\n fns.forEach(fn => {\n fn && fn(...args);\n });\n };\n}\n\ndescribe(\"Input tests\", () => {\n test(\"passes expected props to render prop\", () => {\n const { renderArg } = setup();\n\n expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n });\n\n test(\"updates value via onChange\", () => {\n const { renderArg } = setup();\n expect(renderArg.value).toBe(\"init-value\");\n renderArg.onChange(\"new-value\");\n expect(renderArg.value).toBe(\"new-value\");\n renderArg.onChange(\"third-value\");\n expect(renderArg.value).toBe(\"third-value\");\n });\n});\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_icons","_","_DataListModalOverlay","_EMOTION_STRINGIFIED_CSS_ERROR__","ListContainer","_base","default","process","env","NODE_ENV","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","ListHeader","name","styles","map","toString","ListSubHeader","ListHeaderItem","scrollList","css","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","defaultDataListProps","children","title","meta","loading","setPage","actions","noop","loader","noData","showOptions","DataList","exports","propsInput","render","useMemo","_objectSpread2","isEmpty","ch","DataListModalOverlayProvider","Typography","use","Object","keys","length","search","React","cloneElement","modalOverlayAction","subHeader","modalOverlay","ScrollList","List","assign"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"~/Menu\";\n\nimport {\n FilterIcon,\n NextPageIcon,\n OptionsIcon,\n PreviousPageIcon,\n RefreshIcon,\n SortIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n position: \"relative\",\n height: \"100%\",\n \".mdc-deprecated-list\": {\n paddingBottom: 0,\n paddingTop: 0\n },\n \".mdc-deprecated-list-item\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 20px 10px 20px\",\n height: \"auto\",\n minHeight: 40,\n \".mdc-deprecated-list-item__text, .mdc-deprecated-list-item__secondary-text, .webiny-list-text-overline\":\n {\n display: \"block\"\n },\n \".mdc-deprecated-list-item__graphic\": {\n marginRight: 20\n },\n \".mdc-deprecated-list-item__text\": {\n width: \"100%\",\n margin: \"-20px 0\",\n padding: \"20px 0\"\n },\n \".mdc-deprecated-list-item__meta\": {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n flexDirection: \"column\",\n position: \"relative\",\n padding: \"5px 0\",\n boxSizing: \"border-box\",\n height: \"100%\",\n whiteSpace: \"nowrap\",\n marginTop: -10,\n marginBottom: -10,\n \".webiny-list-actions\": {\n display: \"none\"\n },\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n //position: 'absolute',\n width: \"100%\",\n textAlign: \"right\"\n },\n \".webiny-list-top-caption\": {\n marginBottom: 20\n }\n },\n \"&:hover\": {\n \".mdc-deprecated-list-item__meta\": {\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n display: \"none\"\n },\n \".webiny-list-actions\": {\n display: \"flex\",\n height: \"100%\",\n alignItems: \"center\"\n }\n }\n }\n }\n});\n\nconst ListHeader = styled.div`\n border-bottom: 1px solid var(--mdc-theme-on-background);\n color: var(--mdc-theme-text-primary-on-background);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 24px;\n max-height: 85px;\n min-height: 85px;\n`;\n\nconst ListSubHeader = styled.div`\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 10px;\n border-bottom: 1px solid var(--mdc-theme-on-background);\n`;\n\nconst ListHeaderItem = styled(\"div\")({\n display: \"inline-block\",\n verticalAlign: \"middle\",\n \"&.disabled\": {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n});\n\nconst scrollList = css({\n overflow: \"auto\",\n height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n position: \"relative\",\n height: \"100%\",\n overflow: \"auto\"\n});\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListProps {\n // Pass a function to take full control of list render.\n children?: ((props: any) => React.ReactNode) | null;\n\n // A title of paginated list.\n title?: React.ReactNode;\n\n // FormData that needs to be shown in the list.\n data?: Record<string, any>[] | null;\n\n // A callback that must refresh current view by repeating the previous query.\n refresh?: (() => void) | null;\n\n // If true, Loader component will be shown, disallowing any interaction.\n loading?: boolean;\n\n // Provide a custom loader. Shown while the content is loading.\n loader?: React.ReactNode;\n\n // Provide a custom no data component. Shown while there is no data to be shown.\n noData?: React.ReactNode;\n\n // Provide all pagination data, options and callbacks here.\n pagination?: PaginationProp;\n\n // Triggered once a sorter has been selected.\n setSorters?: ((sorter: any) => void) | null;\n\n // Provide all sorters options and callbacks here.\n sorters?: SortersProp | null;\n\n // Provide actions that will be shown in the top right corner (eg. export or import actions).\n actions?: React.ReactNode;\n\n // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n filters?: React.ReactNode;\n\n // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n multiSelectActions?: React.ReactNode;\n\n // Provide callback that will be executed once user selects all list items.\n multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;\n\n // Callback which returns true if all items were selected, otherwise returns false.\n isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n // Callback which returns true if none of the items were selected, otherwise returns false.\n isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n showOptions?: {\n refresh?: boolean;\n pagination?: boolean;\n filters?: boolean;\n sorters?: boolean;\n [key: string]: any;\n };\n\n // Provide search UI that will be shown in the top left corner.\n search?: React.ReactElement;\n // Provide simple modal UI that will be shown over the list content.\n modalOverlay?: React.ReactElement;\n // Provide an action element that handle toggling the \"Modal overlay\".\n modalOverlayAction?: React.ReactElement;\n // Provide additional UI for list sub-header.\n subHeader?: React.ReactElement;\n\n meta?: Record<string, any> | null;\n\n setPage?: ((page: string) => void) | null;\n\n setPerPage?: ((page: string) => void) | null;\n\n perPageOptions?: number[];\n}\n\nconst MultiSelectAll = (props: DataListProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n /**\n * We can safely cast because we have defaults.\n */\n const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n props as Required<DataListProps>;\n\n return (\n <React.Fragment>\n {typeof multiSelectAll === \"function\" && (\n <ListHeaderItem>\n <Checkbox\n indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n value={isAllMultiSelected(data)}\n onClick={() => {\n multiSelectAll(!isAllMultiSelected(data), data);\n }}\n />\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst MultiSelectActions = (props: DataListProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n\n return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton = (props: DataListProps) => {\n const refresh = props.refresh;\n if (!refresh) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <RefreshIcon onClick={() => refresh()} />\n </ListHeaderItem>\n );\n};\n\nconst Sorters = (props: DataListProps) => {\n const sorters = props.sorters;\n if (!sorters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<SortIcon />}>\n {sorters.map(sorter => (\n <MenuItem\n key={sorter.label}\n onClick={() => {\n if (sorters && props.setSorters) {\n props.setSorters(sorter.value);\n }\n }}\n >\n {sorter.label}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n );\n};\n\nconst Filters = (props: DataListProps) => {\n const filters = props.filters;\n if (!filters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<FilterIcon />}>{filters}</Menu>\n </ListHeaderItem>\n );\n};\n\nconst Pagination = (props: DataListProps) => {\n const { pagination } = props;\n if (!pagination) {\n return null;\n }\n\n return (\n <React.Fragment>\n {pagination.setNextPage && (\n <React.Fragment>\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasPreviousPage\n })}\n >\n <PreviousPageIcon\n onClick={() => {\n if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n pagination.setPreviousPage();\n }\n }}\n />\n </ListHeaderItem>\n\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasNextPage\n })}\n >\n <NextPageIcon\n onClick={() => {\n if (pagination.setNextPage && pagination.hasNextPage) {\n pagination.setNextPage();\n }\n }}\n />\n </ListHeaderItem>\n </React.Fragment>\n )}\n\n {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n <ListHeaderItem>\n <Menu handle={<OptionsIcon />}>\n {pagination.setPerPage &&\n pagination.perPageOptions.map(perPage => (\n <MenuItem\n key={perPage}\n onClick={() =>\n pagination.setPerPage && pagination.setPerPage(perPage)\n }\n >\n {perPage}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst defaultDataListProps = {\n children: null,\n title: null,\n data: null,\n meta: null,\n loading: false,\n refresh: () => {\n return void 0;\n },\n setPage: null,\n setPerPage: null,\n perPageOptions: [10, 25, 50],\n filters: null,\n sorters: null,\n setSorters: null,\n actions: null,\n multiSelectAll: noop,\n isAllMultiSelected: () => false,\n isNoneMultiSelected: () => false,\n loader: <Loader />,\n noData: <NoData />,\n showOptions: {\n refresh: true,\n pagination: true,\n sorters: true,\n filters: true\n }\n};\n\nexport const DataList = (propsInput: DataListProps) => {\n let render: React.ReactNode | null;\n\n const props = useMemo(() => {\n return {\n ...defaultDataListProps,\n ...propsInput\n };\n }, [propsInput]);\n\n if (props.loading) {\n render = props.loader;\n } else if (isEmpty(props.data)) {\n render = props.noData;\n } else {\n const ch = props.children;\n render = typeof ch === \"function\" ? ch(props) : null;\n }\n\n const showOptions = props.showOptions || {};\n\n return (\n <DataListModalOverlayProvider>\n <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n {(props.title || props.actions) && (\n <ListHeader>\n <Typography use=\"headline5\">{props.title}</Typography>\n {props.actions}\n </ListHeader>\n )}\n\n {Object.keys(showOptions).length > 0 && (\n <ListSubHeader>\n {props.search ? React.cloneElement(props.search, props) : null}\n <MultiSelectAll {...props} />\n {showOptions.refresh && <RefreshButton {...props} />}\n {showOptions.pagination && <Pagination {...props} />}\n {showOptions.sorters && <Sorters {...props} />}\n {showOptions.filters && <Filters {...props} />}\n {props.modalOverlayAction ? (\n <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n ) : null}\n <MultiSelectActions {...props} />\n </ListSubHeader>\n )}\n\n <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n {props.subHeader}\n {render}\n {props.modalOverlay}\n </div>\n </ListContainer>\n </DataListModalOverlayProvider>\n );\n};\n\nexport interface ScrollListProps extends ListProps {\n children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollList = (props: ScrollListProps) => {\n return (\n <List {...props} className={classNames(props.className, scrollList)}>\n {props.children}\n </List>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_icons","_","_DataListModalOverlay","_EMOTION_STRINGIFIED_CSS_ERROR__","ListContainer","_base","default","process","env","NODE_ENV","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","ListHeader","name","styles","map","toString","ListSubHeader","ListHeaderItem","scrollList","css","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","defaultDataListProps","children","title","meta","loading","setPage","actions","noop","loader","noData","showOptions","DataList","exports","propsInput","render","useMemo","_objectSpread2","isEmpty","ch","DataListModalOverlayProvider","Typography","use","Object","keys","length","search","React","cloneElement","modalOverlayAction","subHeader","modalOverlay","ScrollList","List","assign"],"sources":["DataList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"~/Menu\";\n\nimport {\n FilterIcon,\n NextPageIcon,\n OptionsIcon,\n PreviousPageIcon,\n RefreshIcon,\n SortIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n position: \"relative\",\n height: \"100%\",\n \".mdc-deprecated-list\": {\n paddingBottom: 0,\n paddingTop: 0\n },\n \".mdc-deprecated-list-item\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 20px 10px 20px\",\n height: \"auto\",\n minHeight: 40,\n \".mdc-deprecated-list-item__text, .mdc-deprecated-list-item__secondary-text, .webiny-list-text-overline\":\n {\n display: \"block\"\n },\n \".mdc-deprecated-list-item__graphic\": {\n marginRight: 20\n },\n \".mdc-deprecated-list-item__text\": {\n width: \"100%\",\n margin: \"-20px 0\",\n padding: \"20px 0\"\n },\n \".mdc-deprecated-list-item__meta\": {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n flexDirection: \"column\",\n position: \"relative\",\n padding: \"5px 0\",\n boxSizing: \"border-box\",\n height: \"100%\",\n whiteSpace: \"nowrap\",\n marginTop: -10,\n marginBottom: -10,\n \".webiny-list-actions\": {\n display: \"none\"\n },\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n //position: 'absolute',\n width: \"100%\",\n textAlign: \"right\"\n },\n \".webiny-list-top-caption\": {\n marginBottom: 20\n }\n },\n \"&:hover\": {\n \".mdc-deprecated-list-item__meta\": {\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n display: \"none\"\n },\n \".webiny-list-actions\": {\n display: \"flex\",\n height: \"100%\",\n alignItems: \"center\"\n }\n }\n }\n }\n});\n\nconst ListHeader = styled.div`\n border-bottom: 1px solid var(--mdc-theme-on-background);\n color: var(--mdc-theme-text-primary-on-background);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 24px;\n max-height: 85px;\n min-height: 85px;\n`;\n\nconst ListSubHeader = styled.div`\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 10px;\n border-bottom: 1px solid var(--mdc-theme-on-background);\n`;\n\nconst ListHeaderItem = styled(\"div\")({\n display: \"inline-block\",\n verticalAlign: \"middle\",\n \"&.disabled\": {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n});\n\nconst scrollList = css({\n overflow: \"auto\",\n height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n position: \"relative\",\n height: \"100%\",\n overflow: \"auto\"\n});\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListProps {\n // Pass a function to take full control of list render.\n children?: ((props: any) => React.ReactNode) | null;\n\n // A title of paginated list.\n title?: React.ReactNode;\n\n // FormData that needs to be shown in the list.\n data?: Record<string, any>[] | null;\n\n // A callback that must refresh current view by repeating the previous query.\n refresh?: (() => void) | null;\n\n // If true, Loader component will be shown, disallowing any interaction.\n loading?: boolean;\n\n // Provide a custom loader. Shown while the content is loading.\n loader?: React.ReactNode;\n\n // Provide a custom no data component. Shown while there is no data to be shown.\n noData?: React.ReactNode;\n\n // Provide all pagination data, options and callbacks here.\n pagination?: PaginationProp;\n\n // Triggered once a sorter has been selected.\n setSorters?: ((sorter: any) => void) | null;\n\n // Provide all sorters options and callbacks here.\n sorters?: SortersProp | null;\n\n // Provide actions that will be shown in the top right corner (eg. export or import actions).\n actions?: React.ReactNode;\n\n // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n filters?: React.ReactNode;\n\n // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n multiSelectActions?: React.ReactNode;\n\n // Provide callback that will be executed once user selects all list items.\n multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;\n\n // Callback which returns true if all items were selected, otherwise returns false.\n isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n // Callback which returns true if none of the items were selected, otherwise returns false.\n isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n showOptions?: {\n refresh?: boolean;\n pagination?: boolean;\n filters?: boolean;\n sorters?: boolean;\n [key: string]: any;\n };\n\n // Provide search UI that will be shown in the top left corner.\n search?: React.ReactElement;\n // Provide simple modal UI that will be shown over the list content.\n modalOverlay?: React.ReactElement;\n // Provide an action element that handle toggling the \"Modal overlay\".\n modalOverlayAction?: React.ReactElement;\n // Provide additional UI for list sub-header.\n subHeader?: React.ReactElement;\n\n meta?: Record<string, any> | null;\n\n setPage?: ((page: string) => void) | null;\n\n setPerPage?: ((page: string) => void) | null;\n\n perPageOptions?: number[];\n}\n\nconst MultiSelectAll = (props: DataListProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n /**\n * We can safely cast because we have defaults.\n */\n const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n props as Required<DataListProps>;\n\n return (\n <React.Fragment>\n {typeof multiSelectAll === \"function\" && (\n <ListHeaderItem>\n <Checkbox\n indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n value={isAllMultiSelected(data)}\n onClick={() => {\n multiSelectAll(!isAllMultiSelected(data), data);\n }}\n />\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst MultiSelectActions = (props: DataListProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n\n return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton = (props: DataListProps) => {\n const refresh = props.refresh;\n if (!refresh) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <RefreshIcon onClick={() => refresh()} />\n </ListHeaderItem>\n );\n};\n\nconst Sorters = (props: DataListProps) => {\n const sorters = props.sorters;\n if (!sorters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<SortIcon />}>\n {sorters.map(sorter => (\n <MenuItem\n key={sorter.label}\n onClick={() => {\n if (sorters && props.setSorters) {\n props.setSorters(sorter.value);\n }\n }}\n >\n {sorter.label}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n );\n};\n\nconst Filters = (props: DataListProps) => {\n const filters = props.filters;\n if (!filters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<FilterIcon />}>{filters}</Menu>\n </ListHeaderItem>\n );\n};\n\nconst Pagination = (props: DataListProps) => {\n const { pagination } = props;\n if (!pagination) {\n return null;\n }\n\n return (\n <React.Fragment>\n {pagination.setNextPage && (\n <React.Fragment>\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasPreviousPage\n })}\n >\n <PreviousPageIcon\n onClick={() => {\n if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n pagination.setPreviousPage();\n }\n }}\n />\n </ListHeaderItem>\n\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasNextPage\n })}\n >\n <NextPageIcon\n onClick={() => {\n if (pagination.setNextPage && pagination.hasNextPage) {\n pagination.setNextPage();\n }\n }}\n />\n </ListHeaderItem>\n </React.Fragment>\n )}\n\n {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n <ListHeaderItem>\n <Menu handle={<OptionsIcon />}>\n {pagination.setPerPage &&\n pagination.perPageOptions.map(perPage => (\n <MenuItem\n key={perPage}\n onClick={() =>\n pagination.setPerPage && pagination.setPerPage(perPage)\n }\n >\n {perPage}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst defaultDataListProps = {\n children: null,\n title: null,\n data: null,\n meta: null,\n loading: false,\n refresh: () => {\n return void 0;\n },\n setPage: null,\n setPerPage: null,\n perPageOptions: [10, 25, 50],\n filters: null,\n sorters: null,\n setSorters: null,\n actions: null,\n multiSelectAll: noop,\n isAllMultiSelected: () => false,\n isNoneMultiSelected: () => false,\n loader: <Loader />,\n noData: <NoData />,\n showOptions: {\n refresh: true,\n pagination: true,\n sorters: true,\n filters: true\n }\n};\n\nexport const DataList = (propsInput: DataListProps) => {\n let render: React.ReactNode | null;\n\n const props = useMemo(() => {\n return {\n ...defaultDataListProps,\n ...propsInput\n };\n }, [propsInput]);\n\n if (props.loading) {\n render = props.loader;\n } else if (isEmpty(props.data)) {\n render = props.noData;\n } else {\n const ch = props.children;\n render = typeof ch === \"function\" ? ch(props) : null;\n }\n\n const showOptions = props.showOptions || {};\n\n return (\n <DataListModalOverlayProvider>\n <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n {(props.title || props.actions) && (\n <ListHeader>\n <Typography use=\"headline5\">{props.title}</Typography>\n {props.actions}\n </ListHeader>\n )}\n\n {Object.keys(showOptions).length > 0 && (\n <ListSubHeader>\n {props.search ? React.cloneElement(props.search, props) : null}\n <MultiSelectAll {...props} />\n {showOptions.refresh && <RefreshButton {...props} />}\n {showOptions.pagination && <Pagination {...props} />}\n {showOptions.sorters && <Sorters {...props} />}\n {showOptions.filters && <Filters {...props} />}\n {props.modalOverlayAction ? (\n <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n ) : null}\n <MultiSelectActions {...props} />\n </ListSubHeader>\n )}\n\n <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n {props.subHeader}\n {render}\n {props.modalOverlay}\n </div>\n </ListContainer>\n </DataListModalOverlayProvider>\n );\n};\n\nexport interface ScrollListProps extends ListProps {\n children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollList = (props: ScrollListProps) => {\n return (\n <List {...props} className={classNames(props.className, scrollList)}>\n {props.children}\n </List>\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_DataListModalOverlayContext","SimpleOverlay","exports","_base","default","process","env","NODE_ENV","target","label","_ref","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","DataListModalWrapper","_ref2","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","_ref3","onDismiss","children","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","Fragment","onClick","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n width: \"100%\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n left: 0,\n backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n transition: \"150ms all ease-in-out\",\n pointerEvents: showOverlay ? \"auto\" : \"none\",\n zIndex: showOverlay ? 5 : -1,\n opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n position: \"absolute\",\n top: \"0px\",\n left: \"50%\",\n width: \"90%\",\n height: \"auto\",\n maxWidth: \"426px\",\n maxHeight: \"520px\",\n overflow: \"visible\",\n backgroundColor: \"var(--mdc-theme-surface)\",\n boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n borderRadius: \"0px 0px 4px 4px\",\n transition: \"150ms opacity ease-in-out\",\n pointerEvents: showOverlay ? \"auto\" : \"none\",\n zIndex: showOverlay ? 5 : -1,\n opacity: showOverlay ? 1 : 0,\n transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n \"& .input-wrapper\": {\n paddingBottom: \"16px\"\n },\n\n \"& .datalist-modal__footer\": {\n padding: \"24px\",\n display: \"flex\",\n justifyContent: \"space-between\",\n \"& .mdc-button\": {\n borderRadius: 4,\n padding: \"0px 32px\"\n },\n \"& .datalist-modal__footer__action--secondary\": {\n color: \"var(--mdc-theme-text-primary-on-background)\",\n border: \"1px solid var(--mdc-theme-on-background)\"\n },\n \"& .datalist-modal__footer__action--primary\": {\n backgroundColor: \"var(--mdc-theme-secondary)\"\n }\n }\n}));\n\nexport interface DataListModalOverlayProps {\n /*\n * This function is called after closing the modal overlay.\n */\n onDismiss?: (event?: React.SyntheticEvent) => void;\n\n children: React.ReactNode;\n}\n\nexport const DataListModalOverlay = ({ onDismiss, children }: DataListModalOverlayProps) => {\n const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n return (\n <React.Fragment>\n <SimpleOverlay\n onClick={e => {\n e.stopPropagation();\n // Close the modal.\n setIsOpen(false);\n\n if (typeof onDismiss === \"function\") {\n onDismiss();\n }\n }}\n showOverlay={isOpen}\n />\n <DataListModalWrapper showOverlay={isOpen} data-testid={\"data-list-modal-wrapper\"}>\n {children}\n </DataListModalWrapper>\n </React.Fragment>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAD,OAAA;AAGO,IAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAA+B,UAAAC,IAAA;EAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAAA,OAAQ;IAC9EC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEN,WAAW,GAAG,qBAAqB,GAAG,aAAa;IACpEO,UAAU,EAAE,uBAAuB;IACnCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG;EAC/B,CAAC;AAAA,CAAC,EAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA,m2IAAC;AAMI,IAAMe,oBAAoB,GAAApB,OAAA,CAAAoB,oBAAA,gBAAG,IAAAnB,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAsC,UAAAc,KAAA;EAAA,IAAGZ,WAAW,GAAAY,KAAA,CAAXZ,WAAW;EAAA,OAAQ;IAC5FG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXJ,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACdW,QAAQ,EAAE,OAAO;IACjBC,SAAS,EAAE,OAAO;IAClBC,QAAQ,EAAE,SAAS;IACnBT,eAAe,EAAE,0BAA0B;IAC3CU,SAAS,EAAE,iCAAiC;IAC5CC,YAAY,EAAE,iBAAiB;IAC/BV,UAAU,EAAE,2BAA2B;IACvCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG,CAAC;IAC5BkB,SAAS,EAAElB,WAAW,GAAG,kBAAkB,GAAG,qBAAqB;IAEnE,kBAAkB,EAAE;MAChBmB,aAAa,EAAE;IACnB,CAAC;IAED,2BAA2B,EAAE;MACzBC,OAAO,EAAE,MAAM;MACfC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,eAAe;MAC/B,eAAe,EAAE;QACbL,YAAY,EAAE,CAAC;QACfG,OAAO,EAAE;MACb,CAAC;MACD,8CAA8C,EAAE;QAC5CG,KAAK,EAAE,6CAA6C;QACpDC,MAAM,EAAE;MACZ,CAAC;MACD,4CAA4C,EAAE;QAC1ClB,eAAe,EAAE;MACrB;IACJ;EACJ,CAAC;AAAA,CAAC,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,u2IAAC;AAWI,IAAM6B,oBAAoB,GAAAlC,OAAA,CAAAkC,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAA2D;EAAA,IAArDC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;EACtD,IAAAC,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EACzB,oBACI/C,MAAA,CAAAO,OAAA,CAAAyC,aAAA,CAAChD,MAAA,CAAAO,OAAK,CAAC0C,QAAQ,qBACXjD,MAAA,CAAAO,OAAA,CAAAyC,aAAA,CAAC5C,aAAa;IACV8C,OAAO,EAAE,SAAAA,QAAAC,CAAC,EAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB;MACAL,SAAS,CAAC,KAAK,CAAC;MAEhB,IAAI,OAAON,SAAS,KAAK,UAAU,EAAE;QACjCA,SAAS,CAAC,CAAC;MACf;IACJ,CAAE;IACF3B,WAAW,EAAEgC;EAAO,CACvB,CAAC,eACF9C,MAAA,CAAAO,OAAA,CAAAyC,aAAA,CAACvB,oBAAoB;IAACX,WAAW,EAAEgC,MAAO;IAAC,eAAa;EAA0B,GAC7EJ,QACiB,CACV,CAAC;AAEzB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_DataListModalOverlayContext","SimpleOverlay","exports","_base","default","process","env","NODE_ENV","target","label","_ref","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","DataListModalWrapper","_ref2","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","_ref3","onDismiss","children","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","Fragment","onClick","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n width: \"100%\",\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n left: 0,\n backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n transition: \"150ms all ease-in-out\",\n pointerEvents: showOverlay ? \"auto\" : \"none\",\n zIndex: showOverlay ? 5 : -1,\n opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n position: \"absolute\",\n top: \"0px\",\n left: \"50%\",\n width: \"90%\",\n height: \"auto\",\n maxWidth: \"426px\",\n maxHeight: \"520px\",\n overflow: \"visible\",\n backgroundColor: \"var(--mdc-theme-surface)\",\n boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n borderRadius: \"0px 0px 4px 4px\",\n transition: \"150ms opacity ease-in-out\",\n pointerEvents: showOverlay ? \"auto\" : \"none\",\n zIndex: showOverlay ? 5 : -1,\n opacity: showOverlay ? 1 : 0,\n transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n \"& .input-wrapper\": {\n paddingBottom: \"16px\"\n },\n\n \"& .datalist-modal__footer\": {\n padding: \"24px\",\n display: \"flex\",\n justifyContent: \"space-between\",\n \"& .mdc-button\": {\n borderRadius: 4,\n padding: \"0px 32px\"\n },\n \"& .datalist-modal__footer__action--secondary\": {\n color: \"var(--mdc-theme-text-primary-on-background)\",\n border: \"1px solid var(--mdc-theme-on-background)\"\n },\n \"& .datalist-modal__footer__action--primary\": {\n backgroundColor: \"var(--mdc-theme-secondary)\"\n }\n }\n}));\n\nexport interface DataListModalOverlayProps {\n /*\n * This function is called after closing the modal overlay.\n */\n onDismiss?: (event?: React.SyntheticEvent) => void;\n\n children: React.ReactNode;\n}\n\nexport const DataListModalOverlay = ({ onDismiss, children }: DataListModalOverlayProps) => {\n const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n return (\n <React.Fragment>\n <SimpleOverlay\n onClick={e => {\n e.stopPropagation();\n // Close the modal.\n setIsOpen(false);\n\n if (typeof onDismiss === \"function\") {\n onDismiss();\n }\n }}\n showOverlay={isOpen}\n />\n <DataListModalWrapper showOverlay={isOpen} data-testid={\"data-list-modal-wrapper\"}>\n {children}\n </DataListModalWrapper>\n </React.Fragment>\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_DataListModalOverlayContext","_excluded","DataListModalOverlayAction","exports","_ref","icon","rest","_objectWithoutProperties2","default","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","IconButton","onClick"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n icon: React.ReactNode;\n \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction = ({ icon, ...rest }: DataListModalOverlayActionProps) => {\n const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n return (\n <IconButton\n data-testid={rest[\"data-testid\"]}\n icon={icon}\n onClick={() => setIsOpen(!isOpen)}\n />\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA4E,IAAAG,SAAA;AAOrE,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAE,IAAA,EAA2D;EAAA,IAArDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EACtD,IAAAQ,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EAEzB,oBACIjB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,OAAA,CAAAgB,UAAU;IACP,eAAaT,IAAI,CAAC,aAAa,CAAE;IACjCD,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMH,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,CACrC,CAAC;AAEV,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_DataListModalOverlayContext","_excluded","DataListModalOverlayAction","exports","_ref","icon","rest","_objectWithoutProperties2","default","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","IconButton","onClick"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n icon: React.ReactNode;\n \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction = ({ icon, ...rest }: DataListModalOverlayActionProps) => {\n const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n return (\n <IconButton\n data-testid={rest[\"data-testid\"]}\n icon={icon}\n onClick={() => setIsOpen(!isOpen)}\n />\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA4E,IAAAG,SAAA;AAOrE,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAE,IAAA,EAA2D;EAAA,IAArDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EACtD,IAAAQ,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EAEzB,oBACIjB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,OAAA,CAAAgB,UAAU;IACP,eAAaT,IAAI,CAAC,aAAa,CAAE;IACjCD,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQH,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,CACrC,CAAC;AAEV,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","DataListModalOverlayContext","exports","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","default","createElement","Provider","value"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n isOpen: boolean;\n setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n {\n isOpen: false,\n setIsOpen: () => {\n return void 0;\n }\n }\n);\n\nexport interface DataListModalOverlayProviderProps {\n children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider = ({ children }: DataListModalOverlayProviderProps) => {\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n return (\n <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n {children}\n </DataListModalOverlayContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMO,IAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,gBAAGE,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,SAAAA,UAAA,EAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CACJ,CAAC;AAMM,IAAMC,4BAA4B,GAAAL,OAAA,CAAAK,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnD,IAAAC,eAAA,GAA4BP,cAAK,CAACQ,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,eAAA;IAAnDL,MAAM,GAAAO,gBAAA;IAAEN,SAAS,GAAAM,gBAAA;EAExB,oBACId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAEZ,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DG,QACiC,CAAC;AAE/C,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","DataListModalOverlayContext","exports","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","default","createElement","Provider","value"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n isOpen: boolean;\n setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n {\n isOpen: false,\n setIsOpen: () => {\n return void 0;\n }\n }\n);\n\nexport interface DataListModalOverlayProviderProps {\n children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider = ({ children }: DataListModalOverlayProviderProps) => {\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n return (\n <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n {children}\n </DataListModalOverlayContext.Provider>\n );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMO,IAAMC,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,gBAAGE,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,SAAXA,SAASA,CAAA,EAAQ;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CACJ,CAAC;AAMM,IAAMC,4BAA4B,GAAAL,OAAA,CAAAK,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACnD,IAAAC,eAAA,GAA4BP,cAAK,CAACQ,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,eAAA;IAAnDL,MAAM,GAAAO,gBAAA;IAAEN,SAAS,GAAAM,gBAAA;EAExB,oBACId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAEZ,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DG,QACiC,CAAC;AAE/C,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_Grid","_icons","_","_DataListModalOverlay","_EMOTION_STRINGIFIED_CSS_ERROR__","ListContainer","_base","default","process","env","NODE_ENV","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","listHeader","css","color","listSubHeader","ListHeaderItem","name","styles","map","toString","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","Search","search","Cell","span","React","cloneElement","dataListWithSectionsDefaultProps","children","title","meta","loading","setPage","actions","noop","loader","noData","showOptions","DataListWithSections","exports","propsInput","render","useMemo","_objectSpread2","isEmpty","ch","listHeaderActionsCellSpan","listHeaderTitleCellSpan","DataListModalOverlayProvider","Grid","Typography","use","Object","keys","length","style","justifySelf","modalOverlayAction","subHeader","modalOverlay","ScrollListWithSections","List","assign"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"../../Menu\";\nimport { Cell, Grid } from \"../../Grid\";\n\nimport {\n FilterIcon,\n NextPageIcon,\n OptionsIcon,\n PreviousPageIcon,\n RefreshIcon,\n SortIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n position: \"relative\",\n height: \"100%\",\n \".mdc-deprecated-list\": {\n paddingBottom: 0,\n paddingTop: 0\n },\n \".mdc-deprecated-list-item\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 20px 10px 20px\",\n height: \"auto\",\n minHeight: 40,\n \".mdc-deprecated-list-item__text, .mdc-deprecated-list-item__secondary-text, .webiny-list-text-overline\":\n {\n display: \"block\"\n },\n \".mdc-deprecated-list-item__graphic\": {\n marginRight: 20\n },\n \".mdc-deprecated-list-item__text\": {\n width: \"100%\",\n margin: \"-20px 0\",\n padding: \"20px 0\"\n },\n \".mdc-deprecated-list-item__meta\": {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n flexDirection: \"column\",\n position: \"relative\",\n padding: \"5px 0\",\n boxSizing: \"border-box\",\n height: \"100%\",\n whiteSpace: \"nowrap\",\n marginTop: -10,\n marginBottom: -10,\n \".webiny-list-actions\": {\n display: \"none\"\n },\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n //position: 'absolute',\n width: \"100%\",\n textAlign: \"right\"\n },\n \".webiny-list-top-caption\": {\n marginBottom: 20\n }\n },\n \"&:hover\": {\n \".mdc-deprecated-list-item__meta\": {\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n display: \"none\"\n },\n \".webiny-list-actions\": {\n display: \"flex\",\n height: \"100%\",\n alignItems: \"center\"\n }\n }\n }\n }\n});\n\nconst listHeader = css({\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\",\n width: \"100%\"\n});\n\nconst listSubHeader = css({\n width: \"100%\",\n \"&.mdc-layout-grid\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 24px 10px 12px\",\n color: \"var(--mdc-theme-text-primary-on-background)\"\n }\n});\n\nconst ListHeaderItem = styled(\"div\")({\n display: \"inline-block\",\n verticalAlign: \"middle\",\n \"&.disabled\": {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n});\n\nconst listTitle = css({\n display: \"flex\",\n alignItems: \"center\"\n});\n\nconst listActions = css({\n textAlign: \"right\"\n});\n\nconst scrollList = css({\n overflow: \"auto\",\n height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n position: \"relative\",\n height: \"100%\",\n overflow: \"auto\"\n});\n\ninterface DataListData {\n [key: string]: Record<string, any>[];\n}\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListWithSectionsProps {\n // Pass a function to take full control of list render.\n children?: ((props: any) => React.ReactNode) | null;\n\n // A title of paginated list.\n title?: React.ReactNode;\n\n // FormData that needs to be shown in the list.\n data?: DataListData | null;\n\n // A callback that must refresh current view by repeating the previous query.\n refresh?: (() => void) | null;\n\n // If true, Loader component will be shown, disallowing any interaction.\n loading?: boolean;\n\n // Provide a custom loader. Shown while the content is loading.\n loader?: React.ReactNode;\n\n // Provide a custom no data component. Shown while there is no data to be shown.\n noData?: React.ReactNode;\n\n // Provide all pagination data, options and callbacks here.\n pagination?: PaginationProp;\n\n // Triggered once a sorter has been selected.\n setSorters?: ((sorter: any) => void) | null;\n\n // Provide all sorters options and callbacks here.\n sorters?: SortersProp | null;\n\n // Provide actions that will be shown in the top right corner (eg. export or import actions).\n actions?: React.ReactNode;\n\n // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n filters?: React.ReactNode;\n\n // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n multiSelectActions?: React.ReactNode;\n\n // Provide callback that will be executed once user selects all list items.\n multiSelectAll?: (value: boolean, data: DataListData | null) => void;\n\n // Callback which returns true if all items were selected, otherwise returns false.\n isAllMultiSelected?: (data: DataListData | null) => boolean;\n\n // Callback which returns true if none of the items were selected, otherwise returns false.\n isNoneMultiSelected?: (data: DataListData | null) => boolean;\n\n showOptions?: {\n refresh?: boolean;\n pagination?: boolean;\n filters?: boolean;\n sorters?: boolean;\n [key: string]: any;\n };\n\n // Provide search UI that will be shown in the top left corner.\n search?: React.ReactElement;\n // Provide simple modal UI that will be shown over the list content.\n modalOverlay?: React.ReactElement;\n // Provide an action element that handle toggling the \"Modal overlay\".\n modalOverlayAction?: React.ReactElement;\n // Provide additional UI for list sub-header.\n subHeader?: React.ReactElement;\n\n meta?: Record<string, any> | null;\n\n setPage?: ((page: string) => void) | null;\n\n setPerPage?: ((page: string) => void) | null;\n\n perPageOptions?: number[];\n}\n\nconst MultiSelectAll = (props: DataListWithSectionsProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n /**\n * We can safely cast because we have defaults.\n */\n const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n props as Required<DataListWithSectionsProps>;\n\n return (\n <React.Fragment>\n {typeof multiSelectAll === \"function\" && (\n <ListHeaderItem>\n <Checkbox\n indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n value={isAllMultiSelected(data)}\n onClick={() => {\n multiSelectAll(!isAllMultiSelected(data), data);\n }}\n />\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst MultiSelectActions = (props: DataListWithSectionsProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n\n return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton = (props: DataListWithSectionsProps) => {\n const refresh = props.refresh;\n if (!refresh) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <RefreshIcon onClick={() => refresh()} />\n </ListHeaderItem>\n );\n};\n\nconst Sorters = (props: DataListWithSectionsProps) => {\n const sorters = props.sorters;\n if (!sorters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<SortIcon />}>\n {sorters.map(sorter => (\n <MenuItem\n key={sorter.label}\n onClick={() => {\n if (sorters && props.setSorters) {\n props.setSorters(sorter.value);\n }\n }}\n >\n {sorter.label}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n );\n};\n\nconst Filters = (props: DataListWithSectionsProps) => {\n const filters = props.filters;\n if (!filters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<FilterIcon />}>{filters}</Menu>\n </ListHeaderItem>\n );\n};\n\nconst Pagination = (props: DataListWithSectionsProps) => {\n const { pagination } = props;\n if (!pagination) {\n return null;\n }\n\n return (\n <React.Fragment>\n {pagination.setNextPage && (\n <React.Fragment>\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasPreviousPage\n })}\n >\n <PreviousPageIcon\n onClick={() => {\n if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n pagination.setPreviousPage();\n }\n }}\n />\n </ListHeaderItem>\n\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasNextPage\n })}\n >\n <NextPageIcon\n onClick={() => {\n if (pagination.setNextPage && pagination.hasNextPage) {\n pagination.setNextPage();\n }\n }}\n />\n </ListHeaderItem>\n </React.Fragment>\n )}\n\n {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n <ListHeaderItem>\n <Menu handle={<OptionsIcon />}>\n {pagination.setPerPage &&\n pagination.perPageOptions.map(perPage => (\n <MenuItem\n key={perPage}\n onClick={() =>\n pagination.setPerPage && pagination.setPerPage(perPage)\n }\n >\n {perPage}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst Search = (props: DataListWithSectionsProps) => {\n if (!props.search) {\n return null;\n }\n return <Cell span={7}>{React.cloneElement(props.search, props)}</Cell>;\n};\n\nconst dataListWithSectionsDefaultProps = {\n children: null,\n title: null,\n data: null,\n meta: null,\n loading: false,\n refresh: () => {\n return void 0;\n },\n setPage: null,\n setPerPage: null,\n perPageOptions: [10, 25, 50],\n filters: null,\n sorters: null,\n setSorters: null,\n actions: null,\n multiSelectAll: noop,\n isAllMultiSelected: () => false,\n isNoneMultiSelected: () => false,\n loader: <Loader />,\n noData: <NoData />,\n showOptions: {\n refresh: true,\n pagination: true,\n sorters: true,\n filters: true\n }\n};\n\nexport const DataListWithSections = (propsInput: DataListWithSectionsProps) => {\n let render: React.ReactNode | null;\n\n const props = useMemo(() => {\n return {\n ...dataListWithSectionsDefaultProps,\n ...propsInput\n };\n }, [propsInput]);\n\n if (props.loading) {\n render = props.loader;\n } else if (isEmpty(props.data)) {\n render = props.noData;\n } else {\n const ch = props.children;\n render = typeof ch === \"function\" ? ch(props) : null;\n }\n\n const showOptions = props.showOptions || {};\n\n const listHeaderActionsCellSpan = props.actions ? 7 : 0;\n const listHeaderTitleCellSpan = 12 - listHeaderActionsCellSpan;\n\n return (\n <DataListModalOverlayProvider>\n <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n {(props.title || props.actions) && (\n <Grid className={listHeader}>\n <Cell span={listHeaderTitleCellSpan} className={listTitle}>\n <Typography use=\"headline5\">{props.title}</Typography>\n </Cell>\n {props.actions && (\n <Cell span={listHeaderActionsCellSpan} className={listActions}>\n {props.actions}\n </Cell>\n )}\n </Grid>\n )}\n\n {Object.keys(showOptions).length > 0 && (\n <Grid className={listSubHeader}>\n <Search {...props} />\n <Cell span={props.search ? 5 : 12} style={{ justifySelf: \"end\" }}>\n <MultiSelectAll {...props} />\n {showOptions.refresh && <RefreshButton {...props} />}\n {showOptions.pagination && <Pagination {...props} />}\n {showOptions.sorters && <Sorters {...props} />}\n {showOptions.filters && <Filters {...props} />}\n {props.modalOverlayAction ? (\n <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n ) : null}\n <MultiSelectActions {...props} />\n </Cell>\n </Grid>\n )}\n\n <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n {props.subHeader}\n {render}\n {props.modalOverlay}\n </div>\n </ListContainer>\n </DataListModalOverlayProvider>\n );\n};\n\ninterface ScrollListWithSectionsProps extends ListProps {\n children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollListWithSections = (props: ScrollListWithSectionsProps) => {\n return (\n <List {...props} className={classNames(props.className, scrollList)}>\n {props.children}\n </List>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_Grid","_icons","_","_DataListModalOverlay","_EMOTION_STRINGIFIED_CSS_ERROR__","ListContainer","_base","default","process","env","NODE_ENV","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","listHeader","css","color","listSubHeader","ListHeaderItem","name","styles","map","toString","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","Search","search","Cell","span","React","cloneElement","dataListWithSectionsDefaultProps","children","title","meta","loading","setPage","actions","noop","loader","noData","showOptions","DataListWithSections","exports","propsInput","render","useMemo","_objectSpread2","isEmpty","ch","listHeaderActionsCellSpan","listHeaderTitleCellSpan","DataListModalOverlayProvider","Grid","Typography","use","Object","keys","length","style","justifySelf","modalOverlayAction","subHeader","modalOverlay","ScrollListWithSections","List","assign"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"../../Menu\";\nimport { Cell, Grid } from \"../../Grid\";\n\nimport {\n FilterIcon,\n NextPageIcon,\n OptionsIcon,\n PreviousPageIcon,\n RefreshIcon,\n SortIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n position: \"relative\",\n height: \"100%\",\n \".mdc-deprecated-list\": {\n paddingBottom: 0,\n paddingTop: 0\n },\n \".mdc-deprecated-list-item\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 20px 10px 20px\",\n height: \"auto\",\n minHeight: 40,\n \".mdc-deprecated-list-item__text, .mdc-deprecated-list-item__secondary-text, .webiny-list-text-overline\":\n {\n display: \"block\"\n },\n \".mdc-deprecated-list-item__graphic\": {\n marginRight: 20\n },\n \".mdc-deprecated-list-item__text\": {\n width: \"100%\",\n margin: \"-20px 0\",\n padding: \"20px 0\"\n },\n \".mdc-deprecated-list-item__meta\": {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"space-between\",\n flexDirection: \"column\",\n position: \"relative\",\n padding: \"5px 0\",\n boxSizing: \"border-box\",\n height: \"100%\",\n whiteSpace: \"nowrap\",\n marginTop: -10,\n marginBottom: -10,\n \".webiny-list-actions\": {\n display: \"none\"\n },\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n //position: 'absolute',\n width: \"100%\",\n textAlign: \"right\"\n },\n \".webiny-list-top-caption\": {\n marginBottom: 20\n }\n },\n \"&:hover\": {\n \".mdc-deprecated-list-item__meta\": {\n \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n display: \"none\"\n },\n \".webiny-list-actions\": {\n display: \"flex\",\n height: \"100%\",\n alignItems: \"center\"\n }\n }\n }\n }\n});\n\nconst listHeader = css({\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\",\n width: \"100%\"\n});\n\nconst listSubHeader = css({\n width: \"100%\",\n \"&.mdc-layout-grid\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: \"10px 24px 10px 12px\",\n color: \"var(--mdc-theme-text-primary-on-background)\"\n }\n});\n\nconst ListHeaderItem = styled(\"div\")({\n display: \"inline-block\",\n verticalAlign: \"middle\",\n \"&.disabled\": {\n opacity: 0.5,\n pointerEvents: \"none\"\n }\n});\n\nconst listTitle = css({\n display: \"flex\",\n alignItems: \"center\"\n});\n\nconst listActions = css({\n textAlign: \"right\"\n});\n\nconst scrollList = css({\n overflow: \"auto\",\n height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n position: \"relative\",\n height: \"100%\",\n overflow: \"auto\"\n});\n\ninterface DataListData {\n [key: string]: Record<string, any>[];\n}\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListWithSectionsProps {\n // Pass a function to take full control of list render.\n children?: ((props: any) => React.ReactNode) | null;\n\n // A title of paginated list.\n title?: React.ReactNode;\n\n // FormData that needs to be shown in the list.\n data?: DataListData | null;\n\n // A callback that must refresh current view by repeating the previous query.\n refresh?: (() => void) | null;\n\n // If true, Loader component will be shown, disallowing any interaction.\n loading?: boolean;\n\n // Provide a custom loader. Shown while the content is loading.\n loader?: React.ReactNode;\n\n // Provide a custom no data component. Shown while there is no data to be shown.\n noData?: React.ReactNode;\n\n // Provide all pagination data, options and callbacks here.\n pagination?: PaginationProp;\n\n // Triggered once a sorter has been selected.\n setSorters?: ((sorter: any) => void) | null;\n\n // Provide all sorters options and callbacks here.\n sorters?: SortersProp | null;\n\n // Provide actions that will be shown in the top right corner (eg. export or import actions).\n actions?: React.ReactNode;\n\n // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n filters?: React.ReactNode;\n\n // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n multiSelectActions?: React.ReactNode;\n\n // Provide callback that will be executed once user selects all list items.\n multiSelectAll?: (value: boolean, data: DataListData | null) => void;\n\n // Callback which returns true if all items were selected, otherwise returns false.\n isAllMultiSelected?: (data: DataListData | null) => boolean;\n\n // Callback which returns true if none of the items were selected, otherwise returns false.\n isNoneMultiSelected?: (data: DataListData | null) => boolean;\n\n showOptions?: {\n refresh?: boolean;\n pagination?: boolean;\n filters?: boolean;\n sorters?: boolean;\n [key: string]: any;\n };\n\n // Provide search UI that will be shown in the top left corner.\n search?: React.ReactElement;\n // Provide simple modal UI that will be shown over the list content.\n modalOverlay?: React.ReactElement;\n // Provide an action element that handle toggling the \"Modal overlay\".\n modalOverlayAction?: React.ReactElement;\n // Provide additional UI for list sub-header.\n subHeader?: React.ReactElement;\n\n meta?: Record<string, any> | null;\n\n setPage?: ((page: string) => void) | null;\n\n setPerPage?: ((page: string) => void) | null;\n\n perPageOptions?: number[];\n}\n\nconst MultiSelectAll = (props: DataListWithSectionsProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n /**\n * We can safely cast because we have defaults.\n */\n const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n props as Required<DataListWithSectionsProps>;\n\n return (\n <React.Fragment>\n {typeof multiSelectAll === \"function\" && (\n <ListHeaderItem>\n <Checkbox\n indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n value={isAllMultiSelected(data)}\n onClick={() => {\n multiSelectAll(!isAllMultiSelected(data), data);\n }}\n />\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst MultiSelectActions = (props: DataListWithSectionsProps) => {\n const { multiSelectActions } = props;\n if (!multiSelectActions) {\n return null;\n }\n\n return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton = (props: DataListWithSectionsProps) => {\n const refresh = props.refresh;\n if (!refresh) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <RefreshIcon onClick={() => refresh()} />\n </ListHeaderItem>\n );\n};\n\nconst Sorters = (props: DataListWithSectionsProps) => {\n const sorters = props.sorters;\n if (!sorters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<SortIcon />}>\n {sorters.map(sorter => (\n <MenuItem\n key={sorter.label}\n onClick={() => {\n if (sorters && props.setSorters) {\n props.setSorters(sorter.value);\n }\n }}\n >\n {sorter.label}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n );\n};\n\nconst Filters = (props: DataListWithSectionsProps) => {\n const filters = props.filters;\n if (!filters) {\n return null;\n }\n\n return (\n <ListHeaderItem>\n <Menu handle={<FilterIcon />}>{filters}</Menu>\n </ListHeaderItem>\n );\n};\n\nconst Pagination = (props: DataListWithSectionsProps) => {\n const { pagination } = props;\n if (!pagination) {\n return null;\n }\n\n return (\n <React.Fragment>\n {pagination.setNextPage && (\n <React.Fragment>\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasPreviousPage\n })}\n >\n <PreviousPageIcon\n onClick={() => {\n if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n pagination.setPreviousPage();\n }\n }}\n />\n </ListHeaderItem>\n\n <ListHeaderItem\n className={classNames({\n disabled: !pagination.hasNextPage\n })}\n >\n <NextPageIcon\n onClick={() => {\n if (pagination.setNextPage && pagination.hasNextPage) {\n pagination.setNextPage();\n }\n }}\n />\n </ListHeaderItem>\n </React.Fragment>\n )}\n\n {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n <ListHeaderItem>\n <Menu handle={<OptionsIcon />}>\n {pagination.setPerPage &&\n pagination.perPageOptions.map(perPage => (\n <MenuItem\n key={perPage}\n onClick={() =>\n pagination.setPerPage && pagination.setPerPage(perPage)\n }\n >\n {perPage}\n </MenuItem>\n ))}\n </Menu>\n </ListHeaderItem>\n )}\n </React.Fragment>\n );\n};\n\nconst Search = (props: DataListWithSectionsProps) => {\n if (!props.search) {\n return null;\n }\n return <Cell span={7}>{React.cloneElement(props.search, props)}</Cell>;\n};\n\nconst dataListWithSectionsDefaultProps = {\n children: null,\n title: null,\n data: null,\n meta: null,\n loading: false,\n refresh: () => {\n return void 0;\n },\n setPage: null,\n setPerPage: null,\n perPageOptions: [10, 25, 50],\n filters: null,\n sorters: null,\n setSorters: null,\n actions: null,\n multiSelectAll: noop,\n isAllMultiSelected: () => false,\n isNoneMultiSelected: () => false,\n loader: <Loader />,\n noData: <NoData />,\n showOptions: {\n refresh: true,\n pagination: true,\n sorters: true,\n filters: true\n }\n};\n\nexport const DataListWithSections = (propsInput: DataListWithSectionsProps) => {\n let render: React.ReactNode | null;\n\n const props = useMemo(() => {\n return {\n ...dataListWithSectionsDefaultProps,\n ...propsInput\n };\n }, [propsInput]);\n\n if (props.loading) {\n render = props.loader;\n } else if (isEmpty(props.data)) {\n render = props.noData;\n } else {\n const ch = props.children;\n render = typeof ch === \"function\" ? ch(props) : null;\n }\n\n const showOptions = props.showOptions || {};\n\n const listHeaderActionsCellSpan = props.actions ? 7 : 0;\n const listHeaderTitleCellSpan = 12 - listHeaderActionsCellSpan;\n\n return (\n <DataListModalOverlayProvider>\n <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n {(props.title || props.actions) && (\n <Grid className={listHeader}>\n <Cell span={listHeaderTitleCellSpan} className={listTitle}>\n <Typography use=\"headline5\">{props.title}</Typography>\n </Cell>\n {props.actions && (\n <Cell span={listHeaderActionsCellSpan} className={listActions}>\n {props.actions}\n </Cell>\n )}\n </Grid>\n )}\n\n {Object.keys(showOptions).length > 0 && (\n <Grid className={listSubHeader}>\n <Search {...props} />\n <Cell span={props.search ? 5 : 12} style={{ justifySelf: \"end\" }}>\n <MultiSelectAll {...props} />\n {showOptions.refresh && <RefreshButton {...props} />}\n {showOptions.pagination && <Pagination {...props} />}\n {showOptions.sorters && <Sorters {...props} />}\n {showOptions.filters && <Filters {...props} />}\n {props.modalOverlayAction ? (\n <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n ) : null}\n <MultiSelectActions {...props} />\n </Cell>\n </Grid>\n )}\n\n <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n {props.subHeader}\n {render}\n {props.modalOverlay}\n </div>\n </ListContainer>\n </DataListModalOverlayProvider>\n );\n};\n\ninterface ScrollListWithSectionsProps extends ListProps {\n children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollListWithSections = (props: ScrollListWithSectionsProps) => {\n return (\n <List {...props} className={classNames(props.className, scrollList)}>\n {props.children}\n </List>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AAEA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AAEA,IAAAY,MAAA,GAAAZ,OAAA;AAQA,IAAAa,CAAA,GAAAb,OAAA;AACA,IAAAc,qBAAA,GAAAd,OAAA;AAAsE,SAAAe,iCAAA;AAGtE,IAAMC,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EAChCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd,sBAAsB,EAAE;IACpBC,aAAa,EAAE,CAAC;IAChBC,UAAU,EAAE;EAChB,CAAC;EACD,2BAA2B,EAAE;IACzBC,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,qBAAqB;IAC9BJ,MAAM,EAAE,MAAM;IACdK,SAAS,EAAE,EAAE;IACb,wGAAwG,EACpG;MACIC,OAAO,EAAE;IACb,CAAC;IACL,oCAAoC,EAAE;MAClCC,WAAW,EAAE;IACjB,CAAC;IACD,iCAAiC,EAAE;MAC/BC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,SAAS;MACjBL,OAAO,EAAE;IACb,CAAC;IACD,iCAAiC,EAAE;MAC/BM,UAAU,EAAE,QAAQ;MACpBJ,OAAO,EAAE,MAAM;MACfK,cAAc,EAAE,eAAe;MAC/BC,aAAa,EAAE,QAAQ;MACvBb,QAAQ,EAAE,UAAU;MACpBK,OAAO,EAAE,OAAO;MAChBS,SAAS,EAAE,YAAY;MACvBb,MAAM,EAAE,MAAM;MACdc,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,CAAC,EAAE;MACdC,YAAY,EAAE,CAAC,EAAE;MACjB,sBAAsB,EAAE;QACpBV,OAAO,EAAE;MACb,CAAC;MACD,uDAAuD,EAAE;QACrD;QACAE,KAAK,EAAE,MAAM;QACbS,SAAS,EAAE;MACf,CAAC;MACD,0BAA0B,EAAE;QACxBD,YAAY,EAAE;MAClB;IACJ,CAAC;IACD,SAAS,EAAE;MACP,iCAAiC,EAAE;QAC/B,uDAAuD,EAAE;UACrDV,OAAO,EAAE;QACb,CAAC;QACD,sBAAsB,EAAE;UACpBA,OAAO,EAAE,MAAM;UACfN,MAAM,EAAE,MAAM;UACdU,UAAU,EAAE;QAChB;MACJ;IACJ;EACJ;AACJ,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mqpBAAC;AAEF,IAAMsB,UAAU,GAAG,IAAAC,YAAG,EAAC;EACnBhB,YAAY,EAAE,0CAA0C;EACxDiB,KAAK,EAAE,6CAA6C;EACpDZ,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMa,aAAa,GAAG,IAAAF,YAAG,EAAC;EACtBX,KAAK,EAAE,MAAM;EACb,mBAAmB,EAAE;IACjBL,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,qBAAqB;IAC9BgB,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAEF,IAAME,cAAc,gBAAG,IAAA9B,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAA2B,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAApC;AAAA,CAOnC,CAAC;AAEF,IAAMqC,SAAS,GAAG,IAAAR,YAAG,EAAC;EAClBb,OAAO,EAAE,MAAM;EACfI,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMkB,WAAW,GAAG,IAAAT,YAAG,EAAC;EACpBF,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMY,UAAU,GAAG,IAAAV,YAAG,EAAC;EACnBW,QAAQ,EAAE,MAAM;EAChB9B,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAM+B,eAAe,GAAG,IAAAZ,YAAG,EAAC;EACxBpB,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd8B,QAAQ,EAAE;AACd,CAAC,CAAC;;AAMF;;AA4EA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAgC,EAAK;EACzD,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA;AACJ;AACA;EACI,IAAAC,IAAA,GACIF,KAAK;IADDG,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,mBAAmB,GAAAF,IAAA,CAAnBE,mBAAmB;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAGrE,oBACIlE,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACnE,MAAA,CAAAoB,OAAK,CAACgD,QAAQ,QACV,OAAOH,cAAc,KAAK,UAAU,iBACjCjE,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,qBACXjD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACxD,SAAA,CAAA0D,QAAQ;IACLC,aAAa,EAAE,CAACP,kBAAkB,CAACG,IAAI,CAAC,IAAI,CAACF,mBAAmB,CAACE,IAAI,CAAE;IACvEK,KAAK,EAAER,kBAAkB,CAACG,IAAI,CAAE;IAChCM,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACXP,cAAc,CAAC,CAACF,kBAAkB,CAACG,IAAI,CAAC,EAAEA,IAAI,CAAC;IACnD;EAAE,CACL,CACW,CAER,CAAC;AAEzB,CAAC;AAED,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIb,KAAgC,EAAK;EAC7D,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBAAO7D,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,QAAEY,kBAAmC,CAAC;AAChE,CAAC;AAED,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAId,KAAgC,EAAK;EACxD,IAAMe,OAAO,GAAGf,KAAK,CAACe,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI3E,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,qBACXjD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAA8D,WAAW;IAACJ,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQG,OAAO,CAAC,CAAC;IAAA;EAAC,CAAE,CAC5B,CAAC;AAEzB,CAAC;AAED,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIjB,KAAgC,EAAK;EAClD,IAAMkB,OAAO,GAAGlB,KAAK,CAACkB,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI9E,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,qBACXjD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACvD,KAAA,CAAAmE,IAAI;IAACC,MAAM,eAAEhF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAAmE,QAAQ,MAAE;EAAE,GACtBH,OAAO,CAAC1B,GAAG,CAAC,UAAA8B,MAAM;IAAA,oBACflF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACvD,KAAA,CAAAuE,QAAQ;MACLC,GAAG,EAAEF,MAAM,CAACzD,KAAM;MAClB+C,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACX,IAAIM,OAAO,IAAIlB,KAAK,CAACyB,UAAU,EAAE;UAC7BzB,KAAK,CAACyB,UAAU,CAACH,MAAM,CAACX,KAAK,CAAC;QAClC;MACJ;IAAE,GAEDW,MAAM,CAACzD,KACF,CAAC;EAAA,CACd,CACC,CACM,CAAC;AAEzB,CAAC;AAED,IAAM6D,OAAO,GAAG,SAAVA,OAAOA,CAAI1B,KAAgC,EAAK;EAClD,IAAM2B,OAAO,GAAG3B,KAAK,CAAC2B,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACIvF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,qBACXjD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACvD,KAAA,CAAAmE,IAAI;IAACC,MAAM,eAAEhF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAA0E,UAAU,MAAE;EAAE,GAAED,OAAc,CACjC,CAAC;AAEzB,CAAC;AAED,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAI7B,KAAgC,EAAK;EACrD,IAAQ8B,UAAU,GAAK9B,KAAK,CAApB8B,UAAU;EAClB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACI1F,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACnE,MAAA,CAAAoB,OAAK,CAACgD,QAAQ,QACVsB,UAAU,CAACC,WAAW,iBACnB3F,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACnE,MAAA,CAAAoB,OAAK,CAACgD,QAAQ,qBACXpE,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc;IACX2C,SAAS,EAAE,IAAAC,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACJ,UAAU,CAACK;IAC1B,CAAC;EAAE,gBAEH/F,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAAkF,gBAAgB;IACbxB,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACX,IAAIkB,UAAU,CAACO,eAAe,IAAIP,UAAU,CAACK,eAAe,EAAE;QAC1DL,UAAU,CAACO,eAAe,CAAC,CAAC;MAChC;IACJ;EAAE,CACL,CACW,CAAC,eAEjBjG,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc;IACX2C,SAAS,EAAE,IAAAC,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACJ,UAAU,CAACQ;IAC1B,CAAC;EAAE,gBAEHlG,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAAqF,YAAY;IACT3B,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACX,IAAIkB,UAAU,CAACC,WAAW,IAAID,UAAU,CAACQ,WAAW,EAAE;QAClDR,UAAU,CAACC,WAAW,CAAC,CAAC;MAC5B;IACJ;EAAE,CACL,CACW,CACJ,CACnB,EAEAS,KAAK,CAACC,OAAO,CAACX,UAAU,CAACY,cAAc,CAAC,IAAIZ,UAAU,CAACa,UAAU,iBAC9DvG,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,qBACXjD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACvD,KAAA,CAAAmE,IAAI;IAACC,MAAM,eAAEhF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACrD,MAAA,CAAA0F,WAAW,MAAE;EAAE,GACzBd,UAAU,CAACa,UAAU,IAClBb,UAAU,CAACY,cAAc,CAAClD,GAAG,CAAC,UAAAqD,OAAO;IAAA,oBACjCzG,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACvD,KAAA,CAAAuE,QAAQ;MACLC,GAAG,EAAEqB,OAAQ;MACbjC,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OACHkB,UAAU,CAACa,UAAU,IAAIb,UAAU,CAACa,UAAU,CAACE,OAAO,CAAC;MAAA;IAC1D,GAEAA,OACK,CAAC;EAAA,CACd,CACH,CACM,CAER,CAAC;AAEzB,CAAC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAI9C,KAAgC,EAAK;EACjD,IAAI,CAACA,KAAK,CAAC+C,MAAM,EAAE;IACf,OAAO,IAAI;EACf;EACA,oBAAO3G,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAA+F,IAAI;IAACC,IAAI,EAAE;EAAE,gBAAEC,cAAK,CAACC,YAAY,CAACnD,KAAK,CAAC+C,MAAM,EAAE/C,KAAK,CAAQ,CAAC;AAC1E,CAAC;AAED,IAAMoD,gCAAgC,GAAG;EACrCC,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE,IAAI;EACXhD,IAAI,EAAE,IAAI;EACViD,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,KAAK;EACdzC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;IACX,OAAO,KAAK,CAAC;EACjB,CAAC;EACD0C,OAAO,EAAE,IAAI;EACbd,UAAU,EAAE,IAAI;EAChBD,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAC5Bf,OAAO,EAAE,IAAI;EACbT,OAAO,EAAE,IAAI;EACbO,UAAU,EAAE,IAAI;EAChBiC,OAAO,EAAE,IAAI;EACbrD,cAAc,EAAEsD,aAAI;EACpBxD,kBAAkB,EAAE,SAApBA,kBAAkBA,CAAA;IAAA,OAAQ,KAAK;EAAA;EAC/BC,mBAAmB,EAAE,SAArBA,mBAAmBA,CAAA;IAAA,OAAQ,KAAK;EAAA;EAChCwD,MAAM,eAAExH,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAC9D,OAAA,CAAAe,OAAM,MAAE,CAAC;EAClBqG,MAAM,eAAEzH,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAC7D,OAAA,CAAAc,OAAM,MAAE,CAAC;EAClBsG,WAAW,EAAE;IACT/C,OAAO,EAAE,IAAI;IACbe,UAAU,EAAE,IAAI;IAChBZ,OAAO,EAAE,IAAI;IACbS,OAAO,EAAE;EACb;AACJ,CAAC;AAEM,IAAMoC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,UAAqC,EAAK;EAC3E,IAAIC,MAA8B;EAElC,IAAMlE,KAAK,GAAG,IAAAmE,cAAO,EAAC,YAAM;IACxB,WAAAC,cAAA,CAAA5G,OAAA,MAAA4G,cAAA,CAAA5G,OAAA,MACO4F,gCAAgC,GAChCa,UAAU;EAErB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAIjE,KAAK,CAACwD,OAAO,EAAE;IACfU,MAAM,GAAGlE,KAAK,CAAC4D,MAAM;EACzB,CAAC,MAAM,IAAI,IAAAS,gBAAO,EAACrE,KAAK,CAACM,IAAI,CAAC,EAAE;IAC5B4D,MAAM,GAAGlE,KAAK,CAAC6D,MAAM;EACzB,CAAC,MAAM;IACH,IAAMS,EAAE,GAAGtE,KAAK,CAACqD,QAAQ;IACzBa,MAAM,GAAG,OAAOI,EAAE,KAAK,UAAU,GAAGA,EAAE,CAACtE,KAAK,CAAC,GAAG,IAAI;EACxD;EAEA,IAAM8D,WAAW,GAAG9D,KAAK,CAAC8D,WAAW,IAAI,CAAC,CAAC;EAE3C,IAAMS,yBAAyB,GAAGvE,KAAK,CAAC0D,OAAO,GAAG,CAAC,GAAG,CAAC;EACvD,IAAMc,uBAAuB,GAAG,EAAE,GAAGD,yBAAyB;EAE9D,oBACInI,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACnD,qBAAA,CAAAqH,4BAA4B,qBACzBrI,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACjD,aAAa;IAAC0E,SAAS,EAAE,kBAAmB;IAAC,eAAa;EAAoB,GAC1E,CAAChC,KAAK,CAACsD,KAAK,IAAItD,KAAK,CAAC0D,OAAO,kBAC1BtH,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAAyH,IAAI;IAAC1C,SAAS,EAAE/C;EAAW,gBACxB7C,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAA+F,IAAI;IAACC,IAAI,EAAEuB,uBAAwB;IAACxC,SAAS,EAAEtC;EAAU,gBACtDtD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAC5D,WAAA,CAAAgI,UAAU;IAACC,GAAG,EAAC;EAAW,GAAE5E,KAAK,CAACsD,KAAkB,CACnD,CAAC,EACNtD,KAAK,CAAC0D,OAAO,iBACVtH,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAA+F,IAAI;IAACC,IAAI,EAAEsB,yBAA0B;IAACvC,SAAS,EAAErC;EAAY,GACzDK,KAAK,CAAC0D,OACL,CAER,CACT,EAEAmB,MAAM,CAACC,IAAI,CAAChB,WAAW,CAAC,CAACiB,MAAM,GAAG,CAAC,iBAChC3I,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAAyH,IAAI;IAAC1C,SAAS,EAAE5C;EAAc,gBAC3BhD,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACuC,MAAM,EAAK9C,KAAQ,CAAC,eACrB5D,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACtD,KAAA,CAAA+F,IAAI;IAACC,IAAI,EAAEjD,KAAK,CAAC+C,MAAM,GAAG,CAAC,GAAG,EAAG;IAACiC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAM;EAAE,gBAC7D7I,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACR,cAAc,EAAKC,KAAQ,CAAC,EAC5B8D,WAAW,CAAC/C,OAAO,iBAAI3E,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACO,aAAa,EAAKd,KAAQ,CAAC,EACnD8D,WAAW,CAAChC,UAAU,iBAAI1F,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACsB,UAAU,EAAK7B,KAAQ,CAAC,EACnD8D,WAAW,CAAC5C,OAAO,iBAAI9E,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACU,OAAO,EAAKjB,KAAQ,CAAC,EAC7C8D,WAAW,CAACnC,OAAO,iBAAIvF,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACmB,OAAO,EAAK1B,KAAQ,CAAC,EAC7CA,KAAK,CAACkF,kBAAkB,gBACrB9I,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAAClB,cAAc,QAAEW,KAAK,CAACkF,kBAAmC,CAAC,GAC3D,IAAI,eACR9I,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACM,kBAAkB,EAAKb,KAAQ,CAC9B,CACJ,CACT,eAED5D,MAAA,CAAAoB,OAAA,CAAA+C,aAAA;IAAKyB,SAAS,EAAE,IAAAC,mBAAU,EAACnC,eAAe,EAAE,2BAA2B;EAAE,GACpEE,KAAK,CAACmF,SAAS,EACfjB,MAAM,EACNlE,KAAK,CAACoF,YACN,CACM,CACW,CAAC;AAEvC,CAAC;AAMM,IAAMC,sBAAsB,GAAArB,OAAA,CAAAqB,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIrF,KAAkC,EAAK;EAC1E,oBACI5D,MAAA,CAAAoB,OAAA,CAAA+C,aAAA,CAACpD,CAAA,CAAAmI,IAAI,EAAAT,MAAA,CAAAU,MAAA,KAAKvF,KAAK;IAAEgC,SAAS,EAAE,IAAAC,mBAAU,EAACjC,KAAK,CAACgC,SAAS,EAAEpC,UAAU;EAAE,IAC/DI,KAAK,CAACqD,QACL,CAAC;AAEf,CAAC","ignoreList":[]}
package/List/List.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_list","_Typography","_classnames","_styled","ListItem","exports","props","default","createElement","List","_React$Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","Object","assign","className","classNames","webinyList","children","React","Component","ListItemText","ListItemTextPrimary","ListItemPrimaryText","ListItemTextSecondary","ListItemSecondaryText","ListItemGraphic","ListItemMeta","ListTopCaption","Typography","use","ListBottomCaption","ListTextOverline","ListActions","ListSelectBox","SelectBoxWrapper","SimpleListItem"],"sources":["List.tsx"],"sourcesContent":["import 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 { SelectBoxWrapper, webinyList } from \"./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 public override render() {\n return (\n <RmwcList {...this.props} className={classNames(webinyList, this.props.className)}>\n {this.props.children}\n </RmwcList>\n );\n }\n}\n\nexport type ListItemTextProps = RmwcListItemTextProps & {\n children: React.ReactNode;\n className?: string;\n onClick?: (e: React.MouseEvent<HTMLDivElement, 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\n {...props}\n className={classNames(\"mdc-deprecated-list-item__graphic\", props.className)}\n >\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-deprecated-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\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"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_list","_Typography","_classnames","_styled","ListItem","exports","props","default","createElement","List","_React$Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","Object","assign","className","classNames","webinyList","children","React","Component","ListItemText","ListItemTextPrimary","ListItemPrimaryText","ListItemTextSecondary","ListItemSecondaryText","ListItemGraphic","ListItemMeta","ListTopCaption","Typography","use","ListBottomCaption","ListTextOverline","ListActions","ListSelectBox","SelectBoxWrapper","SimpleListItem"],"sources":["List.tsx"],"sourcesContent":["import 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 { SelectBoxWrapper, webinyList } from \"./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 public override render() {\n return (\n <RmwcList {...this.props} className={classNames(webinyList, this.props.className)}>\n {this.props.children}\n </RmwcList>\n );\n }\n}\n\nexport type ListItemTextProps = RmwcListItemTextProps & {\n children: React.ReactNode;\n className?: string;\n onClick?: (e: React.MouseEvent<HTMLDivElement, 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\n {...props}\n className={classNames(\"mdc-deprecated-list-item__graphic\", props.className)}\n >\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-deprecated-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\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"],"mappings":"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","ignoreList":[]}
package/Menu/Menu.d.ts CHANGED
@@ -1,14 +1,12 @@
1
1
  import React from "react";
2
- import { MenuItemProps as BaseMenuItemProps, MenuProps as RmwcMenuProps } from "@rmwc/menu";
2
+ import { MenuProps as RmwcMenuProps, MenuItemProps as BaseMenuItemProps } from "@rmwc/menu";
3
3
  export type MenuChildrenFunctionProps = {
4
4
  closeMenu: () => void;
5
5
  };
6
6
  export interface RenderableMenuChildren {
7
- (props: MenuChildrenFunctionProps): React.ReactElement;
7
+ (props: MenuChildrenFunctionProps): React.ReactNode;
8
8
  }
9
- export type MenuProps = RmwcMenuProps & {
10
- children: React.ReactNode | RenderableMenuChildren;
11
- render?: (props: MenuChildrenFunctionProps) => React.ReactNode;
9
+ export type MenuProps = Omit<RmwcMenuProps, "children"> & {
12
10
  handle?: React.ReactElement;
13
11
  anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart";
14
12
  className?: string;
@@ -16,23 +14,18 @@ export type MenuProps = RmwcMenuProps & {
16
14
  onOpen?: () => void;
17
15
  onClose?: () => void;
18
16
  "data-testid"?: string;
19
- };
20
- interface MenuState {
21
- menuIsOpen: boolean;
22
- }
17
+ portalZIndex?: number;
18
+ } & ({
19
+ children: React.ReactNode | RenderableMenuChildren;
20
+ render?: never;
21
+ } | {
22
+ render: RenderableMenuChildren;
23
+ children?: never;
24
+ });
23
25
  /**
24
26
  * Use Menu component to display a list of choices, once the handler is triggered.
25
27
  */
26
- declare class Menu extends React.Component<MenuProps, MenuState> {
27
- static defaultProps: Partial<MenuProps>;
28
- state: MenuState;
29
- private readonly openMenu;
30
- private readonly closeMenu;
31
- private readonly renderMenuWithPortal;
32
- private readonly renderCustomContent;
33
- private readonly renderMenuContent;
34
- render(): React.ReactNode;
35
- }
28
+ declare const Menu: (props: MenuProps) => React.JSX.Element;
36
29
  declare const MenuDivider: () => React.JSX.Element;
37
30
  interface MenuItemProps extends BaseMenuItemProps {
38
31
  children: React.ReactNode;