@webiny/ui 5.40.0-beta.2 → 5.40.0-beta.4

package/List/DataList/DataListWithSections.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_classnames","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_Grid","_icons","_","_DataListModalOverlay","ListContainer","styled","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","verticalAlign","opacity","pointerEvents","listTitle","listActions","scrollList","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","default","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","map","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","DataListWithSections","render","loading","loader","isEmpty","noData","ch","children","showOptions","listHeaderActionsCellSpan","actions","listHeaderTitleCellSpan","DataListModalOverlayProvider","title","Grid","Typography","use","Object","keys","length","style","justifySelf","modalOverlayAction","subHeader","modalOverlay","exports","defaultProps","meta","setPage","noop","ScrollListWithSections","List","assign"],"sources":["DataListWithSections.tsx"],"sourcesContent":["import React 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-list\": {\n        paddingBottom: 0,\n        paddingTop: 0\n    },\n    \".mdc-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-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline\": {\n            display: \"block\"\n        },\n        \".mdc-list-item__graphic\": {\n            marginRight: 20\n        },\n        \".mdc-list-item__text\": {\n            width: \"100%\",\n            margin: \"-20px 0\",\n            padding: \"20px 0\"\n        },\n        \".mdc-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-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\nexport const DataListWithSections = (props: DataListWithSectionsProps) => {\n    let render: React.ReactNode = null;\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\nDataListWithSections.defaultProps = {\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\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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"}
+{"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":[]}

package/List/DataList/Loader.js

@@ -5,29 +5,80 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Skeleton = require("../../Skeleton");
-var LoaderUl = /*#__PURE__*/(0, _styled.default)("ul", {
-  label: "LoaderUl",
-  target: "e1nb7uzc0"
-})("list-style:none;padding:24px 20px;");
-var LoaderWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "LoaderWrapper",
-  target: "e1nb7uzc1"
-})("margin-bottom:16px;display:flex;width:100%;align-items:center;justify-content:space-around;");
-var Graphic = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Graphic",
-  target: "e1nb7uzc2"
-})("width:36px;");
-var Data = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Data",
-  target: "e1nb7uzc3"
-})("width:calc(-42px + 75%);.data-skeleton-container{height:36px;display:flex;flex-direction:column;justify-content:space-between;}");
-var Actions = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Actions",
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var LoaderUl = /*#__PURE__*/(0, _base.default)("ul", process.env.NODE_ENV === "production" ? {
   target: "e1nb7uzc4"
-})("width:calc(-42px + 25%);margin-left:10px;text-align:right;.actions-skeleton-container{height:24px;display:flex;justify-content:end;}.actions-skeleton{width:24px;height:24px;margin-left:16px;}");
+} : {
+  target: "e1nb7uzc4",
+  label: "LoaderUl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "x5y597",
+  styles: "list-style:none;padding:24px 20px"
+} : {
+  name: "x5y597",
+  styles: "list-style:none;padding:24px 20px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6IkxvYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tIFwifi9Ta2VsZXRvblwiO1xuXG5jb25zdCBMb2FkZXJVbCA9IHN0eWxlZChcInVsXCIpYFxuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMjRweCAyMHB4O1xuYDtcblxuY29uc3QgTG9hZGVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbmA7XG5cbmNvbnN0IEdyYXBoaWMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IDM2cHg7XG5gO1xuXG5jb25zdCBEYXRhID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiBjYWxjKC00MnB4ICsgNzUlKTtcblxuICAgIC5kYXRhLXNrZWxldG9uLWNvbnRhaW5lciB7XG4gICAgICAgIGhlaWdodDogMzZweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IGNhbGMoLTQycHggKyAyNSUpO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuXG4gICAgLmFjdGlvbnMtc2tlbGV0b24tY29udGFpbmVyIHtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgICB9XG5cbiAgICAuYWN0aW9ucy1za2VsZXRvbiB7XG4gICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAxNnB4O1xuICAgIH1cbmA7XG5cbmNvbnN0IExvYWRlciA9ICgpOiBSZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IGxpbmVzID0gQXJyYXkuZnJvbShBcnJheSg1KS5rZXlzKCkpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExvYWRlclVsIGRhdGEtdGVzdGlkPXtcImRlZmF1bHQtZGF0YS1saXN0LmxvYWRpbmdcIn0+XG4gICAgICAgICAgICB7bGluZXMubWFwKGxpbmUgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e1wibGlzdC1cIiArIGxpbmV9PlxuICAgICAgICAgICAgICAgICAgICA8TG9hZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxHcmFwaGljPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiBoZWlnaHQ9ezM2fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmFwaGljPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERhdGE+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY291bnQ9ezJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRhaW5lckNsYXNzTmFtZT17XCJkYXRhLXNrZWxldG9uLWNvbnRhaW5lclwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0RhdGE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5saW5lPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb3VudD17Mn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcImFjdGlvbnMtc2tlbGV0b25cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGFpbmVyQ2xhc3NOYW1lPXtcImFjdGlvbnMtc2tlbGV0b24tY29udGFpbmVyXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgPC9Mb2FkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9Mb2FkZXJVbD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var LoaderWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nb7uzc3"
+} : {
+  target: "e1nb7uzc3",
+  label: "LoaderWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1hmag8n",
+  styles: "margin-bottom:16px;display:flex;width:100%;align-items:center;justify-content:space-around"
+} : {
+  name: "1hmag8n",
+  styles: "margin-bottom:16px;display:flex;width:100%;align-items:center;justify-content:space-around",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW1DIiwiZmlsZSI6IkxvYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tIFwifi9Ta2VsZXRvblwiO1xuXG5jb25zdCBMb2FkZXJVbCA9IHN0eWxlZChcInVsXCIpYFxuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMjRweCAyMHB4O1xuYDtcblxuY29uc3QgTG9hZGVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbmA7XG5cbmNvbnN0IEdyYXBoaWMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IDM2cHg7XG5gO1xuXG5jb25zdCBEYXRhID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiBjYWxjKC00MnB4ICsgNzUlKTtcblxuICAgIC5kYXRhLXNrZWxldG9uLWNvbnRhaW5lciB7XG4gICAgICAgIGhlaWdodDogMzZweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgd2lkdGg6IGNhbGMoLTQycHggKyAyNSUpO1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuXG4gICAgLmFjdGlvbnMtc2tlbGV0b24tY29udGFpbmVyIHtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgICB9XG5cbiAgICAuYWN0aW9ucy1za2VsZXRvbiB7XG4gICAgICAgIHdpZHRoOiAyNHB4O1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAxNnB4O1xuICAgIH1cbmA7XG5cbmNvbnN0IExvYWRlciA9ICgpOiBSZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IGxpbmVzID0gQXJyYXkuZnJvbShBcnJheSg1KS5rZXlzKCkpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPExvYWRlclVsIGRhdGEtdGVzdGlkPXtcImRlZmF1bHQtZGF0YS1saXN0LmxvYWRpbmdcIn0+XG4gICAgICAgICAgICB7bGluZXMubWFwKGxpbmUgPT4gKFxuICAgICAgICAgICAgICAgIDxsaSBrZXk9e1wibGlzdC1cIiArIGxpbmV9PlxuICAgICAgICAgICAgICAgICAgICA8TG9hZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxHcmFwaGljPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvbiBoZWlnaHQ9ezM2fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmFwaGljPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERhdGE+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY291bnQ9ezJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRhaW5lckNsYXNzTmFtZT17XCJkYXRhLXNrZWxldG9uLWNvbnRhaW5lclwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0RhdGE+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5saW5lPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb3VudD17Mn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcImFjdGlvbnMtc2tlbGV0b25cIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGFpbmVyQ2xhc3NOYW1lPXtcImFjdGlvbnMtc2tlbGV0b24tY29udGFpbmVyXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQWN0aW9ucz5cbiAgICAgICAgICAgICAgICAgICAgPC9Mb2FkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9Mb2FkZXJVbD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9hZGVyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Graphic = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nb7uzc2"
+} : {
+  target: "e1nb7uzc2",
+  label: "Graphic"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ac4l0p",
+  styles: "width:36px"
+} : {
+  name: "1ac4l0p",
+  styles: "width:36px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0I2QiIsImZpbGUiOiJMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSBcIn4vU2tlbGV0b25cIjtcblxuY29uc3QgTG9hZGVyVWwgPSBzdHlsZWQoXCJ1bFwiKWBcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIHBhZGRpbmc6IDI0cHggMjBweDtcbmA7XG5cbmNvbnN0IExvYWRlcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG5gO1xuXG5jb25zdCBHcmFwaGljID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiAzNnB4O1xuYDtcblxuY29uc3QgRGF0YSA9IHN0eWxlZChcImRpdlwiKWBcbiAgICB3aWR0aDogY2FsYygtNDJweCArIDc1JSk7XG5cbiAgICAuZGF0YS1za2VsZXRvbi1jb250YWluZXIge1xuICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICB9XG5gO1xuXG5jb25zdCBBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiBjYWxjKC00MnB4ICsgMjUlKTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcblxuICAgIC5hY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lciB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgfVxuXG4gICAgLmFjdGlvbnMtc2tlbGV0b24ge1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMTZweDtcbiAgICB9XG5gO1xuXG5jb25zdCBMb2FkZXIgPSAoKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBsaW5lcyA9IEFycmF5LmZyb20oQXJyYXkoNSkua2V5cygpKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMb2FkZXJVbCBkYXRhLXRlc3RpZD17XCJkZWZhdWx0LWRhdGEtbGlzdC5sb2FkaW5nXCJ9PlxuICAgICAgICAgICAge2xpbmVzLm1hcChsaW5lID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXtcImxpc3QtXCIgKyBsaW5lfT5cbiAgICAgICAgICAgICAgICAgICAgPExvYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gaGVpZ2h0PXszNn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmxpbmU9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvdW50PXsyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250YWluZXJDbGFzc05hbWU9e1wiZGF0YS1za2VsZXRvbi1jb250YWluZXJcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY291bnQ9ezJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRhaW5lckNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lclwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0FjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgIDwvTG9hZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvTG9hZGVyVWw+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRlcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Data = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nb7uzc1"
+} : {
+  target: "e1nb7uzc1",
+  label: "Data"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1spforv",
+  styles: "width:calc(-42px + 75%);.data-skeleton-container{height:36px;display:flex;flex-direction:column;justify-content:space-between;}"
+} : {
+  name: "1spforv",
+  styles: "width:calc(-42px + 75%);.data-skeleton-container{height:36px;display:flex;flex-direction:column;justify-content:space-between;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IwQiIsImZpbGUiOiJMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSBcIn4vU2tlbGV0b25cIjtcblxuY29uc3QgTG9hZGVyVWwgPSBzdHlsZWQoXCJ1bFwiKWBcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIHBhZGRpbmc6IDI0cHggMjBweDtcbmA7XG5cbmNvbnN0IExvYWRlcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG5gO1xuXG5jb25zdCBHcmFwaGljID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiAzNnB4O1xuYDtcblxuY29uc3QgRGF0YSA9IHN0eWxlZChcImRpdlwiKWBcbiAgICB3aWR0aDogY2FsYygtNDJweCArIDc1JSk7XG5cbiAgICAuZGF0YS1za2VsZXRvbi1jb250YWluZXIge1xuICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICB9XG5gO1xuXG5jb25zdCBBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiBjYWxjKC00MnB4ICsgMjUlKTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcblxuICAgIC5hY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lciB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgfVxuXG4gICAgLmFjdGlvbnMtc2tlbGV0b24ge1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMTZweDtcbiAgICB9XG5gO1xuXG5jb25zdCBMb2FkZXIgPSAoKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBsaW5lcyA9IEFycmF5LmZyb20oQXJyYXkoNSkua2V5cygpKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMb2FkZXJVbCBkYXRhLXRlc3RpZD17XCJkZWZhdWx0LWRhdGEtbGlzdC5sb2FkaW5nXCJ9PlxuICAgICAgICAgICAge2xpbmVzLm1hcChsaW5lID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXtcImxpc3QtXCIgKyBsaW5lfT5cbiAgICAgICAgICAgICAgICAgICAgPExvYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gaGVpZ2h0PXszNn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmxpbmU9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvdW50PXsyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250YWluZXJDbGFzc05hbWU9e1wiZGF0YS1za2VsZXRvbi1jb250YWluZXJcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY291bnQ9ezJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRhaW5lckNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lclwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0FjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgIDwvTG9hZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvTG9hZGVyVWw+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRlcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Actions = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nb7uzc0"
+} : {
+  target: "e1nb7uzc0",
+  label: "Actions"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dpfrlk",
+  styles: "width:calc(-42px + 25%);margin-left:10px;text-align:right;.actions-skeleton-container{height:24px;display:flex;justify-content:end;}.actions-skeleton{width:24px;height:24px;margin-left:16px;}"
+} : {
+  name: "dpfrlk",
+  styles: "width:calc(-42px + 25%);margin-left:10px;text-align:right;.actions-skeleton-container{height:24px;display:flex;justify-content:end;}.actions-skeleton{width:24px;height:24px;margin-left:16px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2QiIsImZpbGUiOiJMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSBcIn4vU2tlbGV0b25cIjtcblxuY29uc3QgTG9hZGVyVWwgPSBzdHlsZWQoXCJ1bFwiKWBcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIHBhZGRpbmc6IDI0cHggMjBweDtcbmA7XG5cbmNvbnN0IExvYWRlcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG5gO1xuXG5jb25zdCBHcmFwaGljID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiAzNnB4O1xuYDtcblxuY29uc3QgRGF0YSA9IHN0eWxlZChcImRpdlwiKWBcbiAgICB3aWR0aDogY2FsYygtNDJweCArIDc1JSk7XG5cbiAgICAuZGF0YS1za2VsZXRvbi1jb250YWluZXIge1xuICAgICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICB9XG5gO1xuXG5jb25zdCBBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHdpZHRoOiBjYWxjKC00MnB4ICsgMjUlKTtcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcblxuICAgIC5hY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lciB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgfVxuXG4gICAgLmFjdGlvbnMtc2tlbGV0b24ge1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMTZweDtcbiAgICB9XG5gO1xuXG5jb25zdCBMb2FkZXIgPSAoKTogUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBsaW5lcyA9IEFycmF5LmZyb20oQXJyYXkoNSkua2V5cygpKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMb2FkZXJVbCBkYXRhLXRlc3RpZD17XCJkZWZhdWx0LWRhdGEtbGlzdC5sb2FkaW5nXCJ9PlxuICAgICAgICAgICAge2xpbmVzLm1hcChsaW5lID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXtcImxpc3QtXCIgKyBsaW5lfT5cbiAgICAgICAgICAgICAgICAgICAgPExvYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8R3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2tlbGV0b24gaGVpZ2h0PXszNn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JhcGhpYz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTa2VsZXRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmxpbmU9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvdW50PXsyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250YWluZXJDbGFzc05hbWU9e1wiZGF0YS1za2VsZXRvbi1jb250YWluZXJcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EYXRhPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEFjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlubGluZT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY291bnQ9ezJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRhaW5lckNsYXNzTmFtZT17XCJhY3Rpb25zLXNrZWxldG9uLWNvbnRhaW5lclwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0FjdGlvbnM+XG4gICAgICAgICAgICAgICAgICAgIDwvTG9hZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvTG9hZGVyVWw+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRlcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var Loader = function Loader() {
   var lines = Array.from(Array(5).keys());
   return /*#__PURE__*/_react.default.createElement(LoaderUl, {
@@ -49,7 +100,6 @@ var Loader = function Loader() {
     }))));
   }));
 };
-var _default = Loader;
-exports.default = _default;
+var _default = exports.default = Loader;
 
 //# sourceMappingURL=Loader.js.map

package/List/DataList/Loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Skeleton","LoaderUl","styled","label","target","LoaderWrapper","Graphic","Data","Actions","Loader","lines","Array","from","keys","default","createElement","map","line","key","Skeleton","height","inline","count","containerClassName","className","_default","exports"],"sources":["Loader.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Skeleton } from \"~/Skeleton\";\n\nconst LoaderUl = styled(\"ul\")`\n    list-style: none;\n    padding: 24px 20px;\n`;\n\nconst LoaderWrapper = styled(\"div\")`\n    margin-bottom: 16px;\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-around;\n`;\n\nconst Graphic = styled(\"div\")`\n    width: 36px;\n`;\n\nconst Data = styled(\"div\")`\n    width: calc(-42px + 75%);\n\n    .data-skeleton-container {\n        height: 36px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n`;\n\nconst Actions = styled(\"div\")`\n    width: calc(-42px + 25%);\n    margin-left: 10px;\n    text-align: right;\n\n    .actions-skeleton-container {\n        height: 24px;\n        display: flex;\n        justify-content: end;\n    }\n\n    .actions-skeleton {\n        width: 24px;\n        height: 24px;\n        margin-left: 16px;\n    }\n`;\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <LoaderUl data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li key={\"list-\" + line}>\n                    <LoaderWrapper>\n                        <Graphic>\n                            <Skeleton height={36} />\n                        </Graphic>\n                        <Data>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                containerClassName={\"data-skeleton-container\"}\n                            />\n                        </Data>\n                        <Actions>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                className={\"actions-skeleton\"}\n                                containerClassName={\"actions-skeleton-container\"}\n                            />\n                        </Actions>\n                    </LoaderWrapper>\n                </li>\n            ))}\n        </LoaderUl>\n    );\n};\n\nexport default Loader;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAMG,QAAQ,oBAAGC,eAAM,EAAC,IAAI;EAAAC,KAAA;EAAAC,MAAA;AAAA,wCAG3B;AAED,IAAMC,aAAa,oBAAGH,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,iGAMjC;AAED,IAAME,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,iBAE3B;AAED,IAAMG,IAAI,oBAAGL,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qIASxB;AAED,IAAMI,OAAO,oBAAGN,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qMAgB3B;AAED,IAAMK,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAuB;EAC/B,IAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EAEzC,oBACIjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,QAAQ;IAAC,eAAa;EAA4B,GAC9CS,KAAK,CAACM,GAAG,CAAC,UAAAC,IAAI;IAAA,oBACXrB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;MAAIG,GAAG,EAAE,OAAO,GAAGD;IAAK,gBACpBrB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACV,aAAa,qBACVT,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACT,OAAO,qBACJV,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAmB,QAAQ;MAACC,MAAM,EAAE;IAAG,CAAE,CAClB,CAAC,eACVxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACR,IAAI,qBACDX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAmB,QAAQ;MACLE,MAAM,EAAE,IAAK;MACbC,KAAK,EAAE,CAAE;MACTC,kBAAkB,EAAE;IAA0B,CACjD,CACC,CAAC,eACP3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACP,OAAO,qBACJZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,SAAA,CAAAmB,QAAQ;MACLE,MAAM,EAAE,IAAK;MACbC,KAAK,EAAE,CAAE;MACTE,SAAS,EAAE,kBAAmB;MAC9BD,kBAAkB,EAAE;IAA6B,CACpD,CACI,CACE,CACf,CAAC;EAAA,CACR,CACK,CAAC;AAEnB,CAAC;AAAC,IAAAE,QAAA,GAEahB,MAAM;AAAAiB,OAAA,CAAAZ,OAAA,GAAAW,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","_EMOTION_STRINGIFIED_CSS_ERROR__","LoaderUl","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","LoaderWrapper","Graphic","Data","Actions","Loader","lines","Array","from","keys","createElement","line","key","Skeleton","height","inline","count","containerClassName","className","_default","exports"],"sources":["Loader.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Skeleton } from \"~/Skeleton\";\n\nconst LoaderUl = styled(\"ul\")`\n    list-style: none;\n    padding: 24px 20px;\n`;\n\nconst LoaderWrapper = styled(\"div\")`\n    margin-bottom: 16px;\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-around;\n`;\n\nconst Graphic = styled(\"div\")`\n    width: 36px;\n`;\n\nconst Data = styled(\"div\")`\n    width: calc(-42px + 75%);\n\n    .data-skeleton-container {\n        height: 36px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n`;\n\nconst Actions = styled(\"div\")`\n    width: calc(-42px + 25%);\n    margin-left: 10px;\n    text-align: right;\n\n    .actions-skeleton-container {\n        height: 24px;\n        display: flex;\n        justify-content: end;\n    }\n\n    .actions-skeleton {\n        width: 24px;\n        height: 24px;\n        margin-left: 16px;\n    }\n`;\n\nconst Loader = (): ReactElement => {\n    const lines = Array.from(Array(5).keys());\n\n    return (\n        <LoaderUl data-testid={\"default-data-list.loading\"}>\n            {lines.map(line => (\n                <li key={\"list-\" + line}>\n                    <LoaderWrapper>\n                        <Graphic>\n                            <Skeleton height={36} />\n                        </Graphic>\n                        <Data>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                containerClassName={\"data-skeleton-container\"}\n                            />\n                        </Data>\n                        <Actions>\n                            <Skeleton\n                                inline={true}\n                                count={2}\n                                className={\"actions-skeleton\"}\n                                containerClassName={\"actions-skeleton-container\"}\n                            />\n                        </Actions>\n                    </LoaderWrapper>\n                </li>\n            ))}\n        </LoaderUl>\n    );\n};\n\nexport default Loader;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,SAAAE,iCAAA;AAEtC,IAAMC,QAAQ,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAG5B;AAED,IAAMa,aAAa,gBAAG,IAAAX,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;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAMlC;AAED,IAAMc,OAAO,gBAAG,IAAAZ,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;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAE5B;AAED,IAAMe,IAAI,gBAAG,IAAAb,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;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EASzB;AAED,IAAMgB,OAAO,gBAAG,IAAAd,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;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAgB5B;AAED,IAAMiB,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAuB;EAC/B,IAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EAEzC,oBACIzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACrB,QAAQ;IAAC,eAAa;EAA4B,GAC9CiB,KAAK,CAACP,GAAG,CAAC,UAAAY,IAAI;IAAA,oBACX3B,MAAA,CAAAO,OAAA,CAAAmB,aAAA;MAAIE,GAAG,EAAE,OAAO,GAAGD;IAAK,gBACpB3B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACT,aAAa,qBACVjB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACR,OAAO,qBACJlB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAA0B,QAAQ;MAACC,MAAM,EAAE;IAAG,CAAE,CAClB,CAAC,eACV9B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACP,IAAI,qBACDnB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAA0B,QAAQ;MACLE,MAAM,EAAE,IAAK;MACbC,KAAK,EAAE,CAAE;MACTC,kBAAkB,EAAE;IAA0B,CACjD,CACC,CAAC,eACPjC,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACN,OAAO,qBACJpB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAA0B,QAAQ;MACLE,MAAM,EAAE,IAAK;MACbC,KAAK,EAAE,CAAE;MACTE,SAAS,EAAE,kBAAmB;MAC9BD,kBAAkB,EAAE;IAA6B,CACpD,CACI,CACE,CACf,CAAC;EAAA,CACR,CACK,CAAC;AAEnB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEac,MAAM","ignoreList":[]}

package/List/DataList/NoData.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const NoData: () => JSX.Element;
+import React from "react";
+declare const NoData: () => React.JSX.Element;
 export default NoData;

package/List/DataList/NoData.js

@@ -5,23 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _Typography = require("../../Typography");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var NoDataWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var NoDataWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "enkc7l50"
+} : {
   target: "enkc7l50",
   label: "NoDataWrapper"
-})({
-  textAlign: "center",
-  padding: 100,
-  color: "var(--mdc-theme-on-surface)"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o0tkdd",
+  styles: "text-align:center;padding:100px;color:var(--mdc-theme-on-surface)"
+} : {
+  name: "1o0tkdd",
+  styles: "text-align:center;padding:100px;color:var(--mdc-theme-on-surface)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vRGF0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXNCIiwiZmlsZSI6Ik5vRGF0YS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBOb0RhdGFXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogMTAwLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuY29uc3QgTm9EYXRhID0gKCkgPT4gKFxuICAgIDxOb0RhdGFXcmFwcGVyPlxuICAgICAgICA8VHlwb2dyYXBoeSB1c2U9XCJvdmVybGluZVwiPk5vIHJlY29yZHMgZm91bmQuPC9UeXBvZ3JhcGh5PlxuICAgIDwvTm9EYXRhV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IE5vRGF0YTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var NoData = function NoData() {
   return /*#__PURE__*/_react.default.createElement(NoDataWrapper, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
   }, "No records found."));
 };
-var _default = NoData;
-exports.default = _default;
+var _default = exports.default = NoData;
 
 //# sourceMappingURL=NoData.js.map

package/List/DataList/NoData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_styled","NoDataWrapper","styled","target","label","textAlign","padding","color","NoData","default","createElement","Typography","use","_default","exports"],"sources":["NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"../../Typography\";\nimport styled from \"@emotion/styled\";\n\nconst NoDataWrapper = styled(\"div\")({\n    textAlign: \"center\",\n    padding: 100,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst NoData = () => (\n    <NoDataWrapper>\n        <Typography use=\"overline\">No records found.</Typography>\n    </NoDataWrapper>\n);\n\nexport default NoData;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAChCC,SAAS,EAAE,QAAQ;EACnBC,OAAO,EAAE,GAAG;EACZC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,oBACRZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,aAAa,qBACVL,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAY,UAAU;IAACC,GAAG,EAAC;EAAU,GAAC,mBAA6B,CAC7C,CAAC;AAAA,CACnB;AAAC,IAAAC,QAAA,GAEaL,MAAM;AAAAM,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","NoDataWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","NoData","createElement","Typography","use","_default","exports"],"sources":["NoData.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"../../Typography\";\nimport styled from \"@emotion/styled\";\n\nconst NoDataWrapper = styled(\"div\")({\n    textAlign: \"center\",\n    padding: 100,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst NoData = () => (\n    <NoDataWrapper>\n        <Typography use=\"overline\">No records found.</Typography>\n    </NoDataWrapper>\n);\n\nexport default NoData;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA8C,SAAAE,iCAAA;AAG9C,IAAMC,aAAa,gBAAG,IAAAC,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;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAIlC,CAAC;AAEF,IAAMa,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,oBACRjB,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACb,aAAa,qBACVL,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACf,WAAA,CAAAgB,UAAU;IAACC,GAAG,EAAC;EAAU,GAAC,mBAA6B,CAC7C,CAAC;AAAA,CACnB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaU,MAAM","ignoreList":[]}

package/List/DataList/icons/index.d.ts

@@ -3,13 +3,13 @@ import { IconButtonProps as BaseIconProps } from "../../../Button";
 declare type IconButtonProps = Omit<BaseIconProps, "icon"> & {
     icon?: React.ReactElement<any>;
 };
-export declare const RefreshIcon: (props: IconButtonProps) => JSX.Element;
-export declare const DeleteIcon: (props: IconButtonProps) => JSX.Element;
-export declare const CreateIcon: (props: IconButtonProps) => JSX.Element;
-export declare const EditIcon: (props: IconButtonProps) => JSX.Element;
-export declare const SortIcon: (props: IconButtonProps) => JSX.Element;
-export declare const FilterIcon: (props: IconButtonProps) => JSX.Element;
-export declare const PreviousPageIcon: (props: IconButtonProps) => JSX.Element;
-export declare const NextPageIcon: (props: IconButtonProps) => JSX.Element;
-export declare const OptionsIcon: (props: IconButtonProps) => JSX.Element;
+export declare const RefreshIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const DeleteIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const CreateIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const EditIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const SortIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const FilterIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const PreviousPageIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const NextPageIcon: (props: IconButtonProps) => React.JSX.Element;
+export declare const OptionsIcon: (props: IconButtonProps) => React.JSX.Element;
 export {};

package/List/DataList/icons/index.js

@@ -15,59 +15,50 @@ var _filter_alt24px = require("./filter_alt-24px.svg");
 var _baselineNavigate_before24px = require("./baseline-navigate_before-24px.svg");
 var _baselineNavigate_next24px = require("./baseline-navigate_next-24px.svg");
 var _baselineTune24px = require("./baseline-tune-24px.svg");
-var RefreshIcon = function RefreshIcon(props) {
+var RefreshIcon = exports.RefreshIcon = function RefreshIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
   }, props));
 };
-exports.RefreshIcon = RefreshIcon;
-var DeleteIcon = function DeleteIcon(props) {
+var DeleteIcon = exports.DeleteIcon = function DeleteIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineDelete24px.ReactComponent, null)
   }, props));
 };
-exports.DeleteIcon = DeleteIcon;
-var CreateIcon = function CreateIcon(props) {
+var CreateIcon = exports.CreateIcon = function CreateIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-exports.CreateIcon = CreateIcon;
-var EditIcon = function EditIcon(props) {
+var EditIcon = exports.EditIcon = function EditIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineEdit24px.ReactComponent, null)
   }, props));
 };
-exports.EditIcon = EditIcon;
-var SortIcon = function SortIcon(props) {
+var SortIcon = exports.SortIcon = function SortIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineSort24px.ReactComponent, null)
   }, props));
 };
-exports.SortIcon = SortIcon;
-var FilterIcon = function FilterIcon(props) {
+var FilterIcon = exports.FilterIcon = function FilterIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_filter_alt24px.ReactComponent, null)
   }, props));
 };
-exports.FilterIcon = FilterIcon;
-var PreviousPageIcon = function PreviousPageIcon(props) {
+var PreviousPageIcon = exports.PreviousPageIcon = function PreviousPageIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_before24px.ReactComponent, null)
   }, props));
 };
-exports.PreviousPageIcon = PreviousPageIcon;
-var NextPageIcon = function NextPageIcon(props) {
+var NextPageIcon = exports.NextPageIcon = function NextPageIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineNavigate_next24px.ReactComponent, null)
   }, props));
 };
-exports.NextPageIcon = NextPageIcon;
-var OptionsIcon = function OptionsIcon(props) {
+var OptionsIcon = exports.OptionsIcon = function OptionsIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({
     icon: /*#__PURE__*/_react.default.createElement(_baselineTune24px.ReactComponent, null)
   }, props));
 };
-exports.OptionsIcon = OptionsIcon;
 
 //# sourceMappingURL=index.js.map

package/List/DataList/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_baselineAutorenew24px","_baselineEdit24px","_baselineDelete24px","_baselineSort24px","_filter_alt24px","_baselineNavigate_before24px","_baselineNavigate_next24px","_baselineTune24px","RefreshIcon","props","default","createElement","IconButton","Object","assign","icon","ReactComponent","exports","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, IconButtonProps as BaseIconProps } from \"../../../Button\";\nimport { ReactComponent as AutoRenew } from \"./baseline-autorenew-24px.svg\";\nimport { ReactComponent as Pen } from \"./baseline-edit-24px.svg\";\nimport { ReactComponent as Delete } from \"./baseline-delete-24px.svg\";\nimport { ReactComponent as Sort } from \"./baseline-sort-24px.svg\";\nimport { ReactComponent as Filter } from \"./filter_alt-24px.svg\";\nimport { ReactComponent as NavigateBefore } from \"./baseline-navigate_before-24px.svg\";\nimport { ReactComponent as NavigateNext } from \"./baseline-navigate_next-24px.svg\";\nimport { ReactComponent as TuneIcon } from \"./baseline-tune-24px.svg\";\n\ntype IconButtonProps = Omit<BaseIconProps, \"icon\"> & {\n    icon?: React.ReactElement<any>;\n};\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<AutoRenew />} {...props} />;\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Delete />} {...props} />;\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Sort />} {...props} />;\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Filter />} {...props} />;\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateBefore />} {...props} />;\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateNext />} {...props} />;\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<TuneIcon />} {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_baselineAutorenew24px","_baselineEdit24px","_baselineDelete24px","_baselineSort24px","_filter_alt24px","_baselineNavigate_before24px","_baselineNavigate_next24px","_baselineTune24px","RefreshIcon","exports","props","default","createElement","IconButton","Object","assign","icon","ReactComponent","DeleteIcon","CreateIcon","EditIcon","SortIcon","FilterIcon","PreviousPageIcon","NextPageIcon","OptionsIcon"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, IconButtonProps as BaseIconProps } from \"../../../Button\";\nimport { ReactComponent as AutoRenew } from \"./baseline-autorenew-24px.svg\";\nimport { ReactComponent as Pen } from \"./baseline-edit-24px.svg\";\nimport { ReactComponent as Delete } from \"./baseline-delete-24px.svg\";\nimport { ReactComponent as Sort } from \"./baseline-sort-24px.svg\";\nimport { ReactComponent as Filter } from \"./filter_alt-24px.svg\";\nimport { ReactComponent as NavigateBefore } from \"./baseline-navigate_before-24px.svg\";\nimport { ReactComponent as NavigateNext } from \"./baseline-navigate_next-24px.svg\";\nimport { ReactComponent as TuneIcon } from \"./baseline-tune-24px.svg\";\n\ntype IconButtonProps = Omit<BaseIconProps, \"icon\"> & {\n    icon?: React.ReactElement<any>;\n};\n\nexport const RefreshIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<AutoRenew />} {...props} />;\n};\n\nexport const DeleteIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Delete />} {...props} />;\n};\n\nexport const CreateIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const EditIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Pen />} {...props} />;\n};\n\nexport const SortIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Sort />} {...props} />;\n};\n\nexport const FilterIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<Filter />} {...props} />;\n};\n\nexport const PreviousPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateBefore />} {...props} />;\n};\n\nexport const NextPageIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<NavigateNext />} {...props} />;\n};\n\nexport const OptionsIcon = (props: IconButtonProps) => {\n    return <IconButton icon={<TuneIcon />} {...props} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/List/DataList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DataList","require","_DataListWithSections","_NoData","_interopRequireDefault","_DataListModalOverlay","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,qBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,qBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,qBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_DataList","require","_DataListWithSections","_NoData","_interopRequireDefault","_DataListModalOverlay","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export { DataList, ScrollList } from \"./DataList\";\nexport { DataListWithSections, ScrollListWithSections } from \"./DataListWithSections\";\nexport { default as NoData } from \"./NoData\";\nexport * from \"./DataListModalOverlay\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,qBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,qBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,qBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/List/DataList/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport type Props = {\n    // Pass a function to take full control of list render.\n    children?: <T = Record<string, any>>(props: T) => React.ReactNode;\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>[];\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: () => void;\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 being loaded.\n    loader?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once the page has been selected.\n    setPage?: (page: string) => void;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: (sorter: any) => void;\n\n    // Triggered once selected filters are submitted.\n    setFilters?: (filters: any) => void;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp;\n\n    multiActions?: any[]; // TODO: define\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PaginationProp = {\n    // Triggered when a page is about to be changed.\n    setPage?: (page: number) => void;\n\n    // Triggered when previous page is requested.\n    setPreviousPage?: () => void;\n\n    // Triggered when next page is requested.\n    setNextPage?: () => void;\n\n    // Triggered internally when in need to determine if there is a next page and apply UI changes accordingly.\n    hasNextPage?: boolean;\n\n    // Triggered internally when in need to determine if there is a previous page and apply UI changes accordingly.\n    hasPreviousPage?: boolean;\n\n    // Triggered when number of entries per page has been changed.\n    setPerPage?: (amount: number) => void;\n\n    // By default, users can choose from 10, 25 or 50 entries per page.\n    perPageOptions?: number[];\n};\n\nexport type SortersProp = Array<{ label: string; value: any }>;\n\nexport type Props = {\n    // Pass a function to take full control of list render.\n    children?: <T = Record<string, any>>(props: T) => React.ReactNode;\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>[];\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: () => void;\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 being loaded.\n    loader?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once the page has been selected.\n    setPage?: (page: string) => void;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: (sorter: any) => void;\n\n    // Triggered once selected filters are submitted.\n    setFilters?: (filters: any) => void;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp;\n\n    multiActions?: any[]; // TODO: define\n};\n"],"mappings":"","ignoreList":[]}