@webiny/ui 5.29.0-beta.2 → 5.30.0-beta.1

package/AutoComplete/MultiAutoComplete.js

@@ -370,6 +370,7 @@ var MultiAutoComplete = /*#__PURE__*/function (_React$Component) {
           className: style.pagination.searchInput,
           placeholder: "Search selected...",
           value: this.state.multipleSelectionSearch,
+          "data-testid": "pb.pagination.search",
           onChange: function onChange(value) {
             _this5.setMultipleSelectionSearch(value);
 
@@ -416,6 +417,7 @@ var MultiAutoComplete = /*#__PURE__*/function (_React$Component) {
               icon: /*#__PURE__*/_react.default.createElement(_reorder_black_24dp.ReactComponent, null)
             })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
               value: _this5.state.reorderFormValue,
+              "data-testid": "pb.pagination.input",
               onKeyDown: function onKeyDown(e) {
                 var key = e.key;
 

package/AutoComplete/MultiAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["listItemMetaClassName","css","display","iconButtonClassName","style","pagination","bar","justifyContent","alignItems","borderBottom","padding","pages","searchInput","height","list","secondaryText","color","listStyles","listStyle","paddingLeft","margin","Spinner","OptionsList","getMenuProps","children","classNames","MultiAutoComplete","inputValue","multipleSelectionPage","multipleSelectionSearch","reorderFormVisible","reorderFormValue","React","createRef","set","selection","setState","props","unique","value","allowFreeInput","useSimpleValues","options","values","Array","isArray","filtered","state","existingValue","includes","unshift","find","item","getOptionText","textProp","filter","getOptionValue","aliases","findInAliases","toLowerCase","params","isOpen","highlightedIndex","getItemProps","length","noResultFound","renderItem","map","index","itemValue","itemClassNames","suggestionList","className","call","limit","page","search","data","option","lastPage","Math","ceil","totalCount","slice","from","to","meta","hasData","hasPrevious","hasNext","onChange","disabled","useMultipleSelectionList","description","renderListItemLabel","renderListItemOptions","paginateMultipleSelection","setMultipleSelectionSearch","setMultipleSelectionPage","key","e","newValue","splice","target","marginRight","minWidth","hasItems","onInput","validation","isValid","message","otherInputProps","getOptions","autoCompleteStyle","downshift","assignedValueAfterClearing","current","clearSelection","getInputProps","openMenu","rest","rawOnChange","trailingIcon","loading","onBlur","onKeyUp","onFocus","renderOptions","renderMultipleSelection","Component","valueProp"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React from \"react\";\nimport Downshift, { ControllerStateAndHelpers, PropGetters } from \"downshift\";\nimport MaterialSpinner from \"react-spinner-material\";\nimport { Input } from \"~/Input\";\nimport { Chips, Chip } from \"../Chips\";\nimport { getOptionValue, getOptionText, findInAliases } from \"./utils\";\nimport { List, ListItem, ListItemMeta } from \"~/List\";\nimport { IconButton } from \"~/Button\";\nimport classNames from \"classnames\";\nimport { Elevation } from \"~/Elevation\";\nimport { Typography } from \"~/Typography\";\nimport { autoCompleteStyle, suggestionList } from \"./styles\";\nimport { AutoCompleteBaseProps } from \"./types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as PrevIcon } from \"./icons/navigate_before-24px.svg\";\nimport { ReactComponent as NextIcon } from \"./icons/navigate_next-24px.svg\";\nimport { ReactComponent as PrevAllIcon } from \"./icons/skip_previous-24px.svg\";\nimport { ReactComponent as NextAllIcon } from \"./icons/skip_next-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as ReorderIcon } from \"./icons/reorder_black_24dp.svg\";\nimport { css } from \"emotion\";\nimport { ListItemGraphic } from \"~/List\";\nimport { AutoCompleteProps } from \"~/AutoComplete/AutoComplete\";\n\nconst listItemMetaClassName = css({\n    display: \"table\"\n});\n\nconst iconButtonClassName = css({\n    display: \"table-cell !important\"\n});\n\nconst style = {\n    pagination: {\n        bar: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            borderBottom: \"2px solid #fa5723\",\n            padding: \"6px 0\"\n        }),\n        pages: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\"\n        }),\n        searchInput: css({\n            height: \"42px !important\"\n        }),\n        list: css({\n            padding: \"0 0 5px 0 !important\",\n            \".mdc-list-item\": {\n                borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n            }\n        }),\n        secondaryText: css({\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        })\n    }\n};\n\nconst listStyles = css({\n    \"&.multi-autocomplete__options-list\": {\n        listStyle: \"none\",\n        paddingLeft: 0,\n        \"& li\": {\n            margin: 0\n        }\n    }\n});\n\ninterface SelectionItem {\n    name: string;\n}\n\ntype MultiAutoCompletePropsValue = SelectionItem[] | string[];\n\nexport interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, \"value\"> {\n    /**\n     * Prevents adding the same item to the list twice.\n     */\n    unique: boolean;\n\n    /**\n     * Set if custom values (not from list of suggestions) are allowed.\n     */\n    allowFreeInput?: boolean;\n\n    /**\n     *  If true, will show a loading spinner on the right side of the input.\n     */\n    loading?: boolean;\n\n    /**\n     * Use data list instead of default Chips component. Useful when expecting a lot of data.\n     */\n    useMultipleSelectionList?: boolean;\n\n    /**\n     * Render list item when `useMultipleSelectionList` is used.\n     */\n    renderListItemLabel?: Function;\n    /**\n     * Render in meta wrapper\n     */\n    renderListItemOptions?: (item: any) => React.ReactNode | null;\n\n    /* A component that renders supporting UI in case of no result found. */\n    noResultFound?: React.ReactNode;\n    /**\n     * Value is an array of strings. But can be undefined.\n     */\n    value?: MultiAutoCompletePropsValue;\n}\n\ninterface MultiAutoCompleteState {\n    inputValue: string;\n    multipleSelectionPage: number;\n    multipleSelectionSearch: string;\n    reorderFormVisible: string;\n    reorderFormValue: string;\n}\n\nconst Spinner: React.FC = () => {\n    return <MaterialSpinner size={24} spinnerColor={\"#fa5723\"} spinnerWidth={2} visible />;\n};\n\ninterface RenderOptionsParams\n    extends Omit<ControllerStateAndHelpers<any>, \"getInputProps\" | \"openMenu\"> {\n    options: AutoCompleteProps[\"options\"];\n    unique: boolean;\n}\n\ninterface OptionsListProps {\n    getMenuProps: PropGetters<Record<string, any>>[\"getMenuProps\"];\n}\n\ninterface AssignedValueAfterClearing {\n    set: boolean;\n    selection: string | null;\n}\n\nconst OptionsList: React.FC<OptionsListProps> = ({ getMenuProps, children }) => {\n    return (\n        <Elevation z={1}>\n            <ul\n                className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                {...getMenuProps()}\n            >\n                {children}\n            </ul>\n        </Elevation>\n    );\n};\n\nexport class MultiAutoComplete extends React.Component<\n    MultiAutoCompleteProps,\n    MultiAutoCompleteState\n> {\n    static defaultProps: Partial<MultiAutoCompleteProps> = {\n        valueProp: \"id\",\n        textProp: \"name\",\n        unique: true,\n        options: [],\n        useSimpleValues: false,\n        useMultipleSelectionList: false,\n        /**\n         * We cast this as MultiAutoComplete because renderItem() is executed via .call() where this is MultiAutoComplete instance.\n         */\n        renderItem(item: any) {\n            return (\n                <Typography use={\"body2\"}>\n                    {getOptionText(item, (this as unknown as MultiAutoComplete).props)}\n                </Typography>\n            );\n        },\n        /**\n         * We cast this as MultiAutoComplete because renderListItemLabel() is executed via .call() where this is MultiAutoComplete instance.\n         */\n        renderListItemLabel(item: any) {\n            return getOptionText(item, (this as unknown as MultiAutoComplete).props);\n        }\n    };\n\n    public override state: MultiAutoCompleteState = {\n        inputValue: \"\",\n        multipleSelectionPage: 0,\n        multipleSelectionSearch: \"\",\n        reorderFormVisible: \"\",\n        reorderFormValue: \"\"\n    };\n\n    /**\n     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.\n     */\n    private downshift = React.createRef<any>();\n\n    private assignedValueAfterClearing: AssignedValueAfterClearing = {\n        set: false,\n        selection: null\n    };\n\n    setMultipleSelectionPage = (multipleSelectionPage: number): void => {\n        this.setState({ multipleSelectionPage });\n    };\n\n    setMultipleSelectionSearch = (multipleSelectionSearch: string): void => {\n        this.setState({ multipleSelectionSearch });\n    };\n\n    getOptions() {\n        const { unique, value, allowFreeInput, useSimpleValues, options } = this.props;\n\n        const values = Array.isArray(value) ? [...value] : [];\n\n        const filtered = [...options];\n\n        // If free input is allowed, prepend typed value to the list.\n        if (allowFreeInput && this.state.inputValue) {\n            if (useSimpleValues) {\n                const existingValue = filtered.includes(this.state.inputValue);\n                if (!existingValue) {\n                    filtered.unshift(this.state.inputValue);\n                }\n            } else {\n                const existingValue = filtered.find(\n                    item => this.state.inputValue === getOptionText(item, this.props)\n                );\n                if (!existingValue) {\n                    filtered.unshift({ [this.props.textProp]: this.state.inputValue });\n                }\n            }\n        }\n\n        return filtered.filter(item => {\n            // We need to filter received options.\n            // 1) If \"unique\" prop was passed, we don't want to show already picked options again.\n            if (unique) {\n                if (Array.isArray(values)) {\n                    if (\n                        values.find(\n                            value =>\n                                getOptionValue(value, this.props) ===\n                                getOptionValue(item, this.props)\n                        )\n                    ) {\n                        return false;\n                    }\n                }\n            }\n\n            // 2) At the end, we want to show only options that are matched by typed text.\n            if (!this.state.inputValue) {\n                return true;\n            }\n\n            if (item.aliases) {\n                return findInAliases(item, this.state.inputValue);\n            }\n\n            return getOptionText(item, this.props)\n                .toLowerCase()\n                .includes(this.state.inputValue.toLowerCase());\n        });\n    }\n\n    /**\n     * Renders options - based on user's input. It will try to match input text with available options.\n     */\n    private renderOptions(params: RenderOptionsParams) {\n        const { options, isOpen, highlightedIndex, getMenuProps, getItemProps } = params;\n        if (!isOpen) {\n            return null;\n        }\n\n        /**\n         * Suggest user to start typing when there are no options available to choose from.\n         */\n        if (!this.state.inputValue && !options.length) {\n            return (\n                <OptionsList getMenuProps={getMenuProps}>\n                    <li>\n                        <Typography use={\"body2\"}>Start typing to find entry</Typography>\n                    </li>\n                </OptionsList>\n            );\n        }\n\n        if (!options.length) {\n            return (\n                <Elevation z={1}>\n                    <ul\n                        className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                        {...getMenuProps()}\n                    >\n                        <li>\n                            <Typography use={\"body2\"}>No results.</Typography>\n                            {this.props.noResultFound}\n                        </li>\n                    </ul>\n                </Elevation>\n            );\n        }\n\n        const { renderItem } = this.props;\n        return (\n            <Elevation z={1}>\n                <ul\n                    className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                    {...getMenuProps()}\n                >\n                    {options.map((item, index) => {\n                        const itemValue = getOptionValue(item, this.props);\n\n                        // Base classes.\n                        const itemClassNames = {\n                            [suggestionList]: true,\n                            highlighted: highlightedIndex === index,\n                            selected: false\n                        };\n\n                        // Render the item.\n                        return (\n                            <li\n                                key={itemValue + index}\n                                {...getItemProps({\n                                    index,\n                                    item,\n                                    className: classNames(itemClassNames)\n                                })}\n                            >\n                                {renderItem.call(this, item, index)}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </Elevation>\n        );\n    }\n\n    paginateMultipleSelection() {\n        const { value } = this.props;\n        const limit = 10;\n        let page = this.state.multipleSelectionPage;\n        const search = this.state.multipleSelectionSearch;\n\n        // Assign a real index, so that later when we press delete, we know what is the actual index we're deleting.\n        let data = Array.isArray(value)\n            ? value.map((option, index) => {\n                  return { option, index };\n              })\n            : [];\n\n        if (search) {\n            data = data.filter(item => {\n                return getOptionText(item.option, this.props)\n                    .toLowerCase()\n                    .includes(search.toLowerCase());\n            });\n        }\n\n        const lastPage = Math.ceil(data.length / limit);\n        const totalCount = data.length;\n\n        page = page || lastPage;\n        data = data.slice((page - 1) * limit, page * limit);\n\n        let from = 0;\n        let to = 0;\n        if (data.length) {\n            from = (page - 1) * limit + 1;\n            to = from + (data.length - 1);\n        }\n\n        const meta = {\n            hasData: data.length > 0,\n            totalCount,\n            from,\n            to,\n            page: page,\n            lastPage,\n            limit,\n            hasPrevious: page > 1,\n            hasNext: page < lastPage\n        };\n\n        return { data, meta };\n    }\n\n    /**\n     * Once added, items can also be removed by clicking on the ✕ icon. This is the method that is responsible for\n     * rendering selected items (we are using already existing \"Chips\" component).\n     */\n    public renderMultipleSelection() {\n        const {\n            value,\n            onChange,\n            disabled,\n            useMultipleSelectionList,\n            description,\n            renderListItemLabel,\n            renderListItemOptions\n        } = this.props;\n\n        if (useMultipleSelectionList) {\n            const { data, meta } = this.paginateMultipleSelection();\n\n            return (\n                <>\n                    <div className={style.pagination.bar}>\n                        <div>\n                            <Input\n                                className={style.pagination.searchInput}\n                                placeholder={\"Search selected...\"}\n                                value={this.state.multipleSelectionSearch}\n                                onChange={value => {\n                                    this.setMultipleSelectionSearch(value);\n                                    this.setMultipleSelectionPage(value ? 1 : 0);\n                                }}\n                            />\n                        </div>\n\n                        <div className={style.pagination.pages}>\n                            <div className={meta.hasData ? \"\" : style.pagination.secondaryText}>\n                                {meta.from} - {meta.to} of {meta.totalCount}\n                            </div>\n                            <div>\n                                <IconButton\n                                    icon={<PrevAllIcon />}\n                                    disabled={!meta.hasData || meta.page === 1}\n                                    onClick={() => this.setMultipleSelectionPage(1)}\n                                />\n                                <IconButton\n                                    icon={<PrevIcon />}\n                                    disabled={!meta.hasData || !meta.hasPrevious}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page - 1)}\n                                />\n                                <IconButton\n                                    icon={<NextIcon />}\n                                    disabled={!meta.hasData || !meta.hasNext}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page + 1)}\n                                />\n                                <IconButton\n                                    icon={<NextAllIcon />}\n                                    disabled={!meta.hasData || meta.page === meta.lastPage}\n                                    onClick={() => this.setMultipleSelectionPage(meta.lastPage)}\n                                />\n                            </div>\n                        </div>\n                    </div>\n\n                    <List className={style.pagination.list}>\n                        {meta.hasData ? (\n                            data.map((item, index) => {\n                                const key = `${getOptionValue(item.option, this.props)}-${index}`;\n                                if (this.state.reorderFormVisible === key) {\n                                    return (\n                                        <ListItem key={key}>\n                                            <ListItemGraphic>\n                                                <IconButton disabled icon={<ReorderIcon />} />\n                                            </ListItemGraphic>\n                                            <Input\n                                                value={this.state.reorderFormValue}\n                                                onKeyDown={(e: any) => {\n                                                    const key = e.key;\n                                                    if (key !== \"Escape\" && key !== \"Enter\") {\n                                                        return;\n                                                    }\n\n                                                    if (key === \"Enter\") {\n                                                        // Reorder the item.\n                                                        const newValue = [\n                                                            ...(value as SelectionItem[])\n                                                        ];\n                                                        newValue.splice(\n                                                            e.target.value - 1,\n                                                            0,\n                                                            newValue.splice(item.index, 1)[0]\n                                                        );\n\n                                                        if (onChange) {\n                                                            onChange(newValue);\n                                                        }\n                                                    }\n\n                                                    this.setState({\n                                                        reorderFormVisible: \"\",\n                                                        reorderFormValue: \"\"\n                                                    });\n                                                }}\n                                                onChange={value =>\n                                                    this.setState({ reorderFormValue: value })\n                                                }\n                                                type={\"number\"}\n                                                autoFocus\n                                                className={style.pagination.searchInput}\n                                                placeholder={\n                                                    \"Type a new order number and press Enter, or press Esc to cancel.\"\n                                                }\n                                            />\n                                            <ListItemMeta>\n                                                <IconButton icon={<DeleteIcon />} disabled />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    );\n                                }\n\n                                return (\n                                    <ListItem key={key}>\n                                        <ListItemGraphic>\n                                            <IconButton\n                                                icon={<ReorderIcon />}\n                                                onClick={() => {\n                                                    this.setState({ reorderFormVisible: key });\n                                                }}\n                                            />\n                                        </ListItemGraphic>\n                                        <div\n                                            style={{\n                                                color: \"var(--mdc-theme-text-secondary-on-background)\",\n                                                marginRight: 8,\n                                                minWidth: 32\n                                            }}\n                                        >\n                                            {item.index + 1}.\n                                        </div>{\" \"}\n                                        {renderListItemLabel &&\n                                            renderListItemLabel.call(this, item.option)}\n                                        <ListItemMeta className={listItemMetaClassName}>\n                                            {renderListItemOptions &&\n                                                renderListItemOptions.call(this, item.option)}\n                                            <IconButton\n                                                icon={<DeleteIcon />}\n                                                className={iconButtonClassName}\n                                                onClick={() => {\n                                                    if (!onChange) {\n                                                        return;\n                                                    }\n                                                    onChange([\n                                                        ...(value as SelectionItem[]).slice(\n                                                            0,\n                                                            item.index\n                                                        ),\n                                                        ...(value as SelectionItem[]).slice(\n                                                            item.index + 1\n                                                        )\n                                                    ]);\n                                                }}\n                                            />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                );\n                            })\n                        ) : (\n                            <ListItem>\n                                <span className={style.pagination.secondaryText}>\n                                    Nothing to show.\n                                </span>\n                            </ListItem>\n                        )}\n                    </List>\n                    <div>\n                        <FormElementMessage>{description}</FormElementMessage>\n                    </div>\n                </>\n            );\n        }\n\n        const hasItems = Array.isArray(value) && value.length;\n        if (!hasItems) {\n            return null;\n        }\n\n        return (\n            <Chips disabled={disabled}>\n                {(value as SelectionItem[]).map((item, index) => (\n                    <Chip\n                        label={getOptionText(item, this.props)}\n                        key={`${getOptionValue(item, this.props)}-${index}`}\n                        trailingIcon={<BaselineCloseIcon />}\n                        onRemove={() => {\n                            if (!onChange) {\n                                return;\n                            }\n                            onChange([\n                                ...(value as SelectionItem[]).slice(0, index),\n                                ...(value as SelectionItem[]).slice(index + 1)\n                            ]);\n                        }}\n                    />\n                ))}\n            </Chips>\n        );\n    }\n\n    public override render() {\n        const {\n            props,\n            props: {\n                // options: rawOptions,\n                // allowFreeInput,\n                // useSimpleValues,\n                unique,\n                value,\n                onChange,\n                // valueProp,\n                // textProp,\n                onInput,\n                validation = { isValid: null, message: null },\n                useMultipleSelectionList,\n                description,\n                ...otherInputProps\n            }\n        } = this;\n\n        const options = this.getOptions();\n\n        return (\n            <div className={classNames(autoCompleteStyle, props.className)}>\n                <Downshift\n                    defaultSelectedItem={null}\n                    // @ts-ignore there is no className on Downshift\n                    className={autoCompleteStyle}\n                    itemToString={item => item && getOptionText(item, props)}\n                    ref={this.downshift}\n                    onChange={selection => {\n                        if (!this.assignedValueAfterClearing.set) {\n                            this.assignedValueAfterClearing = {\n                                set: true,\n                                selection\n                            };\n                            this.downshift.current.clearSelection();\n                            this.setMultipleSelectionPage(0);\n                            return;\n                        }\n\n                        if (this.assignedValueAfterClearing.set) {\n                            this.setState({ inputValue: \"\" });\n                            this.assignedValueAfterClearing.set = false;\n                            if (Array.isArray(value)) {\n                                onChange &&\n                                    onChange([...value, this.assignedValueAfterClearing.selection]);\n                            } else {\n                                onChange && onChange([this.assignedValueAfterClearing.selection]);\n                            }\n                        }\n                    }}\n                >\n                    {/* \"getInputProps\" and \"openMenu\" are not needed in renderOptions method. */}\n                    {({ getInputProps, openMenu, ...rest }) => (\n                        <div>\n                            <Input\n                                {...getInputProps({\n                                    ...otherInputProps,\n                                    // @ts-ignore\n                                    validation,\n\n                                    // Only pass description if not using \"useMultipleSelectionList\".\n                                    description: useMultipleSelectionList ? null : description,\n                                    rawOnChange: true,\n                                    trailingIcon: this.props.loading && <Spinner />,\n                                    onChange: e => e,\n                                    onBlur: e => e,\n                                    onKeyUp: (e: any) => {\n                                        const inputValue = e.target.value || \"\";\n\n                                        // Set current input value into state and trigger onInput if different.\n                                        if (inputValue !== this.state.inputValue) {\n                                            this.setState({ inputValue }, () => {\n                                                onInput && onInput(inputValue);\n                                            });\n                                        }\n                                    },\n                                    onFocus: e => {\n                                        openMenu();\n                                        otherInputProps.onFocus && otherInputProps.onFocus(e);\n                                    }\n                                })}\n                            />\n                            {this.renderOptions({ ...rest, unique, options })}\n                            {this.renderMultipleSelection()}\n                        </div>\n                    )}\n                </Downshift>\n            </div>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["listItemMetaClassName","css","display","iconButtonClassName","style","pagination","bar","justifyContent","alignItems","borderBottom","padding","pages","searchInput","height","list","secondaryText","color","listStyles","listStyle","paddingLeft","margin","Spinner","OptionsList","getMenuProps","children","classNames","MultiAutoComplete","inputValue","multipleSelectionPage","multipleSelectionSearch","reorderFormVisible","reorderFormValue","React","createRef","set","selection","setState","props","unique","value","allowFreeInput","useSimpleValues","options","values","Array","isArray","filtered","state","existingValue","includes","unshift","find","item","getOptionText","textProp","filter","getOptionValue","aliases","findInAliases","toLowerCase","params","isOpen","highlightedIndex","getItemProps","length","noResultFound","renderItem","map","index","itemValue","itemClassNames","suggestionList","className","call","limit","page","search","data","option","lastPage","Math","ceil","totalCount","slice","from","to","meta","hasData","hasPrevious","hasNext","onChange","disabled","useMultipleSelectionList","description","renderListItemLabel","renderListItemOptions","paginateMultipleSelection","setMultipleSelectionSearch","setMultipleSelectionPage","key","e","newValue","splice","target","marginRight","minWidth","hasItems","onInput","validation","isValid","message","otherInputProps","getOptions","autoCompleteStyle","downshift","assignedValueAfterClearing","current","clearSelection","getInputProps","openMenu","rest","rawOnChange","trailingIcon","loading","onBlur","onKeyUp","onFocus","renderOptions","renderMultipleSelection","Component","valueProp"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React from \"react\";\nimport Downshift, { ControllerStateAndHelpers, PropGetters } from \"downshift\";\nimport MaterialSpinner from \"react-spinner-material\";\nimport { Input } from \"~/Input\";\nimport { Chips, Chip } from \"../Chips\";\nimport { getOptionValue, getOptionText, findInAliases } from \"./utils\";\nimport { List, ListItem, ListItemMeta } from \"~/List\";\nimport { IconButton } from \"~/Button\";\nimport classNames from \"classnames\";\nimport { Elevation } from \"~/Elevation\";\nimport { Typography } from \"~/Typography\";\nimport { autoCompleteStyle, suggestionList } from \"./styles\";\nimport { AutoCompleteBaseProps } from \"./types\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as PrevIcon } from \"./icons/navigate_before-24px.svg\";\nimport { ReactComponent as NextIcon } from \"./icons/navigate_next-24px.svg\";\nimport { ReactComponent as PrevAllIcon } from \"./icons/skip_previous-24px.svg\";\nimport { ReactComponent as NextAllIcon } from \"./icons/skip_next-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/baseline-close-24px.svg\";\nimport { ReactComponent as ReorderIcon } from \"./icons/reorder_black_24dp.svg\";\nimport { css } from \"emotion\";\nimport { ListItemGraphic } from \"~/List\";\nimport { AutoCompleteProps } from \"~/AutoComplete/AutoComplete\";\n\nconst listItemMetaClassName = css({\n    display: \"table\"\n});\n\nconst iconButtonClassName = css({\n    display: \"table-cell !important\"\n});\n\nconst style = {\n    pagination: {\n        bar: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            borderBottom: \"2px solid #fa5723\",\n            padding: \"6px 0\"\n        }),\n        pages: css({\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\"\n        }),\n        searchInput: css({\n            height: \"42px !important\"\n        }),\n        list: css({\n            padding: \"0 0 5px 0 !important\",\n            \".mdc-list-item\": {\n                borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n            }\n        }),\n        secondaryText: css({\n            color: \"var(--mdc-theme-text-secondary-on-background)\"\n        })\n    }\n};\n\nconst listStyles = css({\n    \"&.multi-autocomplete__options-list\": {\n        listStyle: \"none\",\n        paddingLeft: 0,\n        \"& li\": {\n            margin: 0\n        }\n    }\n});\n\ninterface SelectionItem {\n    name: string;\n}\n\ntype MultiAutoCompletePropsValue = SelectionItem[] | string[];\n\nexport interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, \"value\"> {\n    /**\n     * Prevents adding the same item to the list twice.\n     */\n    unique: boolean;\n\n    /**\n     * Set if custom values (not from list of suggestions) are allowed.\n     */\n    allowFreeInput?: boolean;\n\n    /**\n     *  If true, will show a loading spinner on the right side of the input.\n     */\n    loading?: boolean;\n\n    /**\n     * Use data list instead of default Chips component. Useful when expecting a lot of data.\n     */\n    useMultipleSelectionList?: boolean;\n\n    /**\n     * Render list item when `useMultipleSelectionList` is used.\n     */\n    renderListItemLabel?: Function;\n    /**\n     * Render in meta wrapper\n     */\n    renderListItemOptions?: (item: any) => React.ReactNode | null;\n\n    /* A component that renders supporting UI in case of no result found. */\n    noResultFound?: React.ReactNode;\n    /**\n     * Value is an array of strings. But can be undefined.\n     */\n    value?: MultiAutoCompletePropsValue;\n}\n\ninterface MultiAutoCompleteState {\n    inputValue: string;\n    multipleSelectionPage: number;\n    multipleSelectionSearch: string;\n    reorderFormVisible: string;\n    reorderFormValue: string;\n}\n\nconst Spinner: React.FC = () => {\n    return <MaterialSpinner size={24} spinnerColor={\"#fa5723\"} spinnerWidth={2} visible />;\n};\n\ninterface RenderOptionsParams\n    extends Omit<ControllerStateAndHelpers<any>, \"getInputProps\" | \"openMenu\"> {\n    options: AutoCompleteProps[\"options\"];\n    unique: boolean;\n}\n\ninterface OptionsListProps {\n    getMenuProps: PropGetters<Record<string, any>>[\"getMenuProps\"];\n}\n\ninterface AssignedValueAfterClearing {\n    set: boolean;\n    selection: string | null;\n}\n\nconst OptionsList: React.FC<OptionsListProps> = ({ getMenuProps, children }) => {\n    return (\n        <Elevation z={1}>\n            <ul\n                className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                {...getMenuProps()}\n            >\n                {children}\n            </ul>\n        </Elevation>\n    );\n};\n\nexport class MultiAutoComplete extends React.Component<\n    MultiAutoCompleteProps,\n    MultiAutoCompleteState\n> {\n    static defaultProps: Partial<MultiAutoCompleteProps> = {\n        valueProp: \"id\",\n        textProp: \"name\",\n        unique: true,\n        options: [],\n        useSimpleValues: false,\n        useMultipleSelectionList: false,\n        /**\n         * We cast this as MultiAutoComplete because renderItem() is executed via .call() where this is MultiAutoComplete instance.\n         */\n        renderItem(item: any) {\n            return (\n                <Typography use={\"body2\"}>\n                    {getOptionText(item, (this as unknown as MultiAutoComplete).props)}\n                </Typography>\n            );\n        },\n        /**\n         * We cast this as MultiAutoComplete because renderListItemLabel() is executed via .call() where this is MultiAutoComplete instance.\n         */\n        renderListItemLabel(item: any) {\n            return getOptionText(item, (this as unknown as MultiAutoComplete).props);\n        }\n    };\n\n    public override state: MultiAutoCompleteState = {\n        inputValue: \"\",\n        multipleSelectionPage: 0,\n        multipleSelectionSearch: \"\",\n        reorderFormVisible: \"\",\n        reorderFormValue: \"\"\n    };\n\n    /**\n     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.\n     */\n    private downshift = React.createRef<any>();\n\n    private assignedValueAfterClearing: AssignedValueAfterClearing = {\n        set: false,\n        selection: null\n    };\n\n    setMultipleSelectionPage = (multipleSelectionPage: number): void => {\n        this.setState({ multipleSelectionPage });\n    };\n\n    setMultipleSelectionSearch = (multipleSelectionSearch: string): void => {\n        this.setState({ multipleSelectionSearch });\n    };\n\n    getOptions() {\n        const { unique, value, allowFreeInput, useSimpleValues, options } = this.props;\n\n        const values = Array.isArray(value) ? [...value] : [];\n\n        const filtered = [...options];\n\n        // If free input is allowed, prepend typed value to the list.\n        if (allowFreeInput && this.state.inputValue) {\n            if (useSimpleValues) {\n                const existingValue = filtered.includes(this.state.inputValue);\n                if (!existingValue) {\n                    filtered.unshift(this.state.inputValue);\n                }\n            } else {\n                const existingValue = filtered.find(\n                    item => this.state.inputValue === getOptionText(item, this.props)\n                );\n                if (!existingValue) {\n                    filtered.unshift({ [this.props.textProp]: this.state.inputValue });\n                }\n            }\n        }\n\n        return filtered.filter(item => {\n            // We need to filter received options.\n            // 1) If \"unique\" prop was passed, we don't want to show already picked options again.\n            if (unique) {\n                if (Array.isArray(values)) {\n                    if (\n                        values.find(\n                            value =>\n                                getOptionValue(value, this.props) ===\n                                getOptionValue(item, this.props)\n                        )\n                    ) {\n                        return false;\n                    }\n                }\n            }\n\n            // 2) At the end, we want to show only options that are matched by typed text.\n            if (!this.state.inputValue) {\n                return true;\n            }\n\n            if (item.aliases) {\n                return findInAliases(item, this.state.inputValue);\n            }\n\n            return getOptionText(item, this.props)\n                .toLowerCase()\n                .includes(this.state.inputValue.toLowerCase());\n        });\n    }\n\n    /**\n     * Renders options - based on user's input. It will try to match input text with available options.\n     */\n    private renderOptions(params: RenderOptionsParams) {\n        const { options, isOpen, highlightedIndex, getMenuProps, getItemProps } = params;\n        if (!isOpen) {\n            return null;\n        }\n\n        /**\n         * Suggest user to start typing when there are no options available to choose from.\n         */\n        if (!this.state.inputValue && !options.length) {\n            return (\n                <OptionsList getMenuProps={getMenuProps}>\n                    <li>\n                        <Typography use={\"body2\"}>Start typing to find entry</Typography>\n                    </li>\n                </OptionsList>\n            );\n        }\n\n        if (!options.length) {\n            return (\n                <Elevation z={1}>\n                    <ul\n                        className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                        {...getMenuProps()}\n                    >\n                        <li>\n                            <Typography use={\"body2\"}>No results.</Typography>\n                            {this.props.noResultFound}\n                        </li>\n                    </ul>\n                </Elevation>\n            );\n        }\n\n        const { renderItem } = this.props;\n        return (\n            <Elevation z={1}>\n                <ul\n                    className={classNames(\"multi-autocomplete__options-list\", listStyles)}\n                    {...getMenuProps()}\n                >\n                    {options.map((item, index) => {\n                        const itemValue = getOptionValue(item, this.props);\n\n                        // Base classes.\n                        const itemClassNames = {\n                            [suggestionList]: true,\n                            highlighted: highlightedIndex === index,\n                            selected: false\n                        };\n\n                        // Render the item.\n                        return (\n                            <li\n                                key={itemValue + index}\n                                {...getItemProps({\n                                    index,\n                                    item,\n                                    className: classNames(itemClassNames)\n                                })}\n                            >\n                                {renderItem.call(this, item, index)}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </Elevation>\n        );\n    }\n\n    paginateMultipleSelection() {\n        const { value } = this.props;\n        const limit = 10;\n        let page = this.state.multipleSelectionPage;\n        const search = this.state.multipleSelectionSearch;\n\n        // Assign a real index, so that later when we press delete, we know what is the actual index we're deleting.\n        let data = Array.isArray(value)\n            ? value.map((option, index) => {\n                  return { option, index };\n              })\n            : [];\n\n        if (search) {\n            data = data.filter(item => {\n                return getOptionText(item.option, this.props)\n                    .toLowerCase()\n                    .includes(search.toLowerCase());\n            });\n        }\n\n        const lastPage = Math.ceil(data.length / limit);\n        const totalCount = data.length;\n\n        page = page || lastPage;\n        data = data.slice((page - 1) * limit, page * limit);\n\n        let from = 0;\n        let to = 0;\n        if (data.length) {\n            from = (page - 1) * limit + 1;\n            to = from + (data.length - 1);\n        }\n\n        const meta = {\n            hasData: data.length > 0,\n            totalCount,\n            from,\n            to,\n            page: page,\n            lastPage,\n            limit,\n            hasPrevious: page > 1,\n            hasNext: page < lastPage\n        };\n\n        return { data, meta };\n    }\n\n    /**\n     * Once added, items can also be removed by clicking on the ✕ icon. This is the method that is responsible for\n     * rendering selected items (we are using already existing \"Chips\" component).\n     */\n    public renderMultipleSelection() {\n        const {\n            value,\n            onChange,\n            disabled,\n            useMultipleSelectionList,\n            description,\n            renderListItemLabel,\n            renderListItemOptions\n        } = this.props;\n\n        if (useMultipleSelectionList) {\n            const { data, meta } = this.paginateMultipleSelection();\n\n            return (\n                <>\n                    <div className={style.pagination.bar}>\n                        <div>\n                            <Input\n                                className={style.pagination.searchInput}\n                                placeholder={\"Search selected...\"}\n                                value={this.state.multipleSelectionSearch}\n                                data-testid=\"pb.pagination.search\"\n                                onChange={value => {\n                                    this.setMultipleSelectionSearch(value);\n                                    this.setMultipleSelectionPage(value ? 1 : 0);\n                                }}\n                            />\n                        </div>\n\n                        <div className={style.pagination.pages}>\n                            <div className={meta.hasData ? \"\" : style.pagination.secondaryText}>\n                                {meta.from} - {meta.to} of {meta.totalCount}\n                            </div>\n                            <div>\n                                <IconButton\n                                    icon={<PrevAllIcon />}\n                                    disabled={!meta.hasData || meta.page === 1}\n                                    onClick={() => this.setMultipleSelectionPage(1)}\n                                />\n                                <IconButton\n                                    icon={<PrevIcon />}\n                                    disabled={!meta.hasData || !meta.hasPrevious}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page - 1)}\n                                />\n                                <IconButton\n                                    icon={<NextIcon />}\n                                    disabled={!meta.hasData || !meta.hasNext}\n                                    onClick={() => this.setMultipleSelectionPage(meta.page + 1)}\n                                />\n                                <IconButton\n                                    icon={<NextAllIcon />}\n                                    disabled={!meta.hasData || meta.page === meta.lastPage}\n                                    onClick={() => this.setMultipleSelectionPage(meta.lastPage)}\n                                />\n                            </div>\n                        </div>\n                    </div>\n\n                    <List className={style.pagination.list}>\n                        {meta.hasData ? (\n                            data.map((item, index) => {\n                                const key = `${getOptionValue(item.option, this.props)}-${index}`;\n                                if (this.state.reorderFormVisible === key) {\n                                    return (\n                                        <ListItem key={key}>\n                                            <ListItemGraphic>\n                                                <IconButton disabled icon={<ReorderIcon />} />\n                                            </ListItemGraphic>\n                                            <Input\n                                                value={this.state.reorderFormValue}\n                                                data-testid=\"pb.pagination.input\"\n                                                onKeyDown={(e: any) => {\n                                                    const key = e.key;\n                                                    if (key !== \"Escape\" && key !== \"Enter\") {\n                                                        return;\n                                                    }\n\n                                                    if (key === \"Enter\") {\n                                                        // Reorder the item.\n                                                        const newValue = [\n                                                            ...(value as SelectionItem[])\n                                                        ];\n                                                        newValue.splice(\n                                                            e.target.value - 1,\n                                                            0,\n                                                            newValue.splice(item.index, 1)[0]\n                                                        );\n\n                                                        if (onChange) {\n                                                            onChange(newValue);\n                                                        }\n                                                    }\n\n                                                    this.setState({\n                                                        reorderFormVisible: \"\",\n                                                        reorderFormValue: \"\"\n                                                    });\n                                                }}\n                                                onChange={value =>\n                                                    this.setState({ reorderFormValue: value })\n                                                }\n                                                type={\"number\"}\n                                                autoFocus\n                                                className={style.pagination.searchInput}\n                                                placeholder={\n                                                    \"Type a new order number and press Enter, or press Esc to cancel.\"\n                                                }\n                                            />\n                                            <ListItemMeta>\n                                                <IconButton icon={<DeleteIcon />} disabled />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    );\n                                }\n\n                                return (\n                                    <ListItem key={key}>\n                                        <ListItemGraphic>\n                                            <IconButton\n                                                icon={<ReorderIcon />}\n                                                onClick={() => {\n                                                    this.setState({ reorderFormVisible: key });\n                                                }}\n                                            />\n                                        </ListItemGraphic>\n                                        <div\n                                            style={{\n                                                color: \"var(--mdc-theme-text-secondary-on-background)\",\n                                                marginRight: 8,\n                                                minWidth: 32\n                                            }}\n                                        >\n                                            {item.index + 1}.\n                                        </div>{\" \"}\n                                        {renderListItemLabel &&\n                                            renderListItemLabel.call(this, item.option)}\n                                        <ListItemMeta className={listItemMetaClassName}>\n                                            {renderListItemOptions &&\n                                                renderListItemOptions.call(this, item.option)}\n                                            <IconButton\n                                                icon={<DeleteIcon />}\n                                                className={iconButtonClassName}\n                                                onClick={() => {\n                                                    if (!onChange) {\n                                                        return;\n                                                    }\n                                                    onChange([\n                                                        ...(value as SelectionItem[]).slice(\n                                                            0,\n                                                            item.index\n                                                        ),\n                                                        ...(value as SelectionItem[]).slice(\n                                                            item.index + 1\n                                                        )\n                                                    ]);\n                                                }}\n                                            />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                );\n                            })\n                        ) : (\n                            <ListItem>\n                                <span className={style.pagination.secondaryText}>\n                                    Nothing to show.\n                                </span>\n                            </ListItem>\n                        )}\n                    </List>\n                    <div>\n                        <FormElementMessage>{description}</FormElementMessage>\n                    </div>\n                </>\n            );\n        }\n\n        const hasItems = Array.isArray(value) && value.length;\n        if (!hasItems) {\n            return null;\n        }\n\n        return (\n            <Chips disabled={disabled}>\n                {(value as SelectionItem[]).map((item, index) => (\n                    <Chip\n                        label={getOptionText(item, this.props)}\n                        key={`${getOptionValue(item, this.props)}-${index}`}\n                        trailingIcon={<BaselineCloseIcon />}\n                        onRemove={() => {\n                            if (!onChange) {\n                                return;\n                            }\n                            onChange([\n                                ...(value as SelectionItem[]).slice(0, index),\n                                ...(value as SelectionItem[]).slice(index + 1)\n                            ]);\n                        }}\n                    />\n                ))}\n            </Chips>\n        );\n    }\n\n    public override render() {\n        const {\n            props,\n            props: {\n                // options: rawOptions,\n                // allowFreeInput,\n                // useSimpleValues,\n                unique,\n                value,\n                onChange,\n                // valueProp,\n                // textProp,\n                onInput,\n                validation = { isValid: null, message: null },\n                useMultipleSelectionList,\n                description,\n                ...otherInputProps\n            }\n        } = this;\n\n        const options = this.getOptions();\n\n        return (\n            <div className={classNames(autoCompleteStyle, props.className)}>\n                <Downshift\n                    defaultSelectedItem={null}\n                    // @ts-ignore there is no className on Downshift\n                    className={autoCompleteStyle}\n                    itemToString={item => item && getOptionText(item, props)}\n                    ref={this.downshift}\n                    onChange={selection => {\n                        if (!this.assignedValueAfterClearing.set) {\n                            this.assignedValueAfterClearing = {\n                                set: true,\n                                selection\n                            };\n                            this.downshift.current.clearSelection();\n                            this.setMultipleSelectionPage(0);\n                            return;\n                        }\n\n                        if (this.assignedValueAfterClearing.set) {\n                            this.setState({ inputValue: \"\" });\n                            this.assignedValueAfterClearing.set = false;\n                            if (Array.isArray(value)) {\n                                onChange &&\n                                    onChange([...value, this.assignedValueAfterClearing.selection]);\n                            } else {\n                                onChange && onChange([this.assignedValueAfterClearing.selection]);\n                            }\n                        }\n                    }}\n                >\n                    {/* \"getInputProps\" and \"openMenu\" are not needed in renderOptions method. */}\n                    {({ getInputProps, openMenu, ...rest }) => (\n                        <div>\n                            <Input\n                                {...getInputProps({\n                                    ...otherInputProps,\n                                    // @ts-ignore\n                                    validation,\n\n                                    // Only pass description if not using \"useMultipleSelectionList\".\n                                    description: useMultipleSelectionList ? null : description,\n                                    rawOnChange: true,\n                                    trailingIcon: this.props.loading && <Spinner />,\n                                    onChange: e => e,\n                                    onBlur: e => e,\n                                    onKeyUp: (e: any) => {\n                                        const inputValue = e.target.value || \"\";\n\n                                        // Set current input value into state and trigger onInput if different.\n                                        if (inputValue !== this.state.inputValue) {\n                                            this.setState({ inputValue }, () => {\n                                                onInput && onInput(inputValue);\n                                            });\n                                        }\n                                    },\n                                    onFocus: e => {\n                                        openMenu();\n                                        otherInputProps.onFocus && otherInputProps.onFocus(e);\n                                    }\n                                })}\n                            />\n                            {this.renderOptions({ ...rest, unique, options })}\n                            {this.renderMultipleSelection()}\n                        </div>\n                    )}\n                </Downshift>\n            </div>\n        );\n    }\n}\n"],"mappings":"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"}

package/AutoComplete/utils.d.ts

@@ -11,5 +11,5 @@ interface Props {
 }
 export declare const getOptionValue: (option: Option | string, props: Props) => string;
 export declare const getOptionText: (option: Option | string, props: Props) => string;
-export declare const findInAliases: (option: Option, search?: string | undefined) => boolean;
+export declare const findInAliases: (option: Option, search?: string) => boolean;
 export {};

package/Button/Button.js

@@ -21,6 +21,8 @@ var _Icon = require("../Icon/Icon");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Button = require("./Button.styles");
+
 var _excluded = ["disabled", "icon", "onClick", "small", "label", "ripple", "className"];
 
 /**
@@ -105,7 +107,7 @@ var ButtonSecondary = function ButtonSecondary(props) {
     ripple: ripple,
     onClick: onClick,
     style: style,
-    className: (0, _classnames.default)("webiny-ui-button webiny-ui-button--secondary", className),
+    className: (0, _classnames.default)("webiny-ui-button webiny-ui-button--secondary", _Button.webinyButtonStyles, className),
     "data-testid": props["data-testid"]
   }, children);
 };

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","classNames","ButtonPrimary","flat","ButtonSecondary","ButtonFloating","icon","label","rest","ButtonIcon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\n\nexport interface ButtonProps {\n    // Make button flat (only applicable to Primary button).\n    flat?: boolean;\n\n    // Make button smaller.\n    small?: boolean;\n\n    // onClick handler.\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => void | null;\n\n    // Label and optionally an icon (using Button.Icon component).\n    children?: React.ReactNode;\n\n    // Show ripple effect on button click. Default: true\n    ripple?: boolean;\n\n    className?: string;\n\n    disabled?: boolean;\n\n    style?: { [key: string]: any };\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault: React.FC<ButtonProps> = props => {\n    const { disabled, onClick, children, small, ripple = true, className = \"\", style } = props;\n\n    return (\n        <RmwcButton.Button\n            style={style}\n            disabled={disabled}\n            dense={small}\n            onClick={onClick}\n            ripple={ripple}\n            className={classNames(\"webiny-ui-button\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        flat = false,\n        ripple = true,\n        style = {},\n        className = null\n    } = props;\n    return (\n        <RmwcButton.Button\n            raised={!flat}\n            dense={small}\n            disabled={disabled}\n            unelevated={flat}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        ripple = true,\n        className = null,\n        style = {}\n    } = props;\n\n    return (\n        <RmwcButton.Button\n            disabled={disabled}\n            outlined\n            dense={small}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--secondary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n    FabProps & {\n        label?: React.ReactNode;\n        icon?: React.ReactNode;\n        onMouseDown?: (e: SyntheticEvent) => void;\n        onMouseUp?: (e: SyntheticEvent) => void;\n    };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n */\nexport const ButtonFloating: React.FC<ButtonFloatingProps> = props => {\n    const {\n        disabled,\n        icon,\n        onClick,\n        small = false,\n        label = false,\n        ripple = true,\n        className = null,\n        ...rest\n    } = props;\n    return (\n        <Fab\n            data-testid={props[\"data-testid\"]}\n            disabled={disabled}\n            mini={small}\n            onClick={onClick}\n            label={label}\n            ripple={ripple}\n            icon={icon}\n            className={classNames(\"webiny-ui-button--floating\", className)}\n            {...rest}\n        />\n    );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n */\nexport const ButtonIcon: React.FC<IconProps> = props => <Icon {...props} />;\n"],"mappings":"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"}
+{"version":3,"names":["ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","classNames","ButtonPrimary","flat","ButtonSecondary","webinyButtonStyles","ButtonFloating","icon","label","rest","ButtonIcon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\nimport { webinyButtonStyles } from \"./Button.styles\";\nexport interface ButtonProps {\n    // Make button flat (only applicable to Primary button).\n    flat?: boolean;\n\n    // Make button smaller.\n    small?: boolean;\n\n    // onClick handler.\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => void | null;\n\n    // Label and optionally an icon (using Button.Icon component).\n    children?: React.ReactNode;\n\n    // Show ripple effect on button click. Default: true\n    ripple?: boolean;\n\n    className?: string;\n\n    disabled?: boolean;\n\n    style?: { [key: string]: any };\n\n    // For testing purposes.\n    \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault: React.FC<ButtonProps> = props => {\n    const { disabled, onClick, children, small, ripple = true, className = \"\", style } = props;\n\n    return (\n        <RmwcButton.Button\n            style={style}\n            disabled={disabled}\n            dense={small}\n            onClick={onClick}\n            ripple={ripple}\n            className={classNames(\"webiny-ui-button\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        flat = false,\n        ripple = true,\n        style = {},\n        className = null\n    } = props;\n    return (\n        <RmwcButton.Button\n            raised={!flat}\n            dense={small}\n            disabled={disabled}\n            unelevated={flat}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary: React.FC<ButtonProps> = props => {\n    const {\n        disabled,\n        onClick,\n        children,\n        small = false,\n        ripple = true,\n        className = null,\n        style = {}\n    } = props;\n\n    return (\n        <RmwcButton.Button\n            disabled={disabled}\n            outlined\n            dense={small}\n            ripple={ripple}\n            onClick={onClick}\n            style={style}\n            className={classNames(\n                \"webiny-ui-button webiny-ui-button--secondary\",\n                webinyButtonStyles,\n                className\n            )}\n            data-testid={props[\"data-testid\"]}\n        >\n            {children}\n        </RmwcButton.Button>\n    );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n    FabProps & {\n        label?: React.ReactNode;\n        icon?: React.ReactNode;\n        onMouseDown?: (e: SyntheticEvent) => void;\n        onMouseUp?: (e: SyntheticEvent) => void;\n    };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n */\nexport const ButtonFloating: React.FC<ButtonFloatingProps> = props => {\n    const {\n        disabled,\n        icon,\n        onClick,\n        small = false,\n        label = false,\n        ripple = true,\n        className = null,\n        ...rest\n    } = props;\n    return (\n        <Fab\n            data-testid={props[\"data-testid\"]}\n            disabled={disabled}\n            mini={small}\n            onClick={onClick}\n            label={label}\n            ripple={ripple}\n            icon={icon}\n            className={classNames(\"webiny-ui-button--floating\", className)}\n            {...rest}\n        />\n    );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n */\nexport const ButtonIcon: React.FC<IconProps> = props => <Icon {...props} />;\n"],"mappings":"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"}

package/Button/Button.styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Controls the button styles
+ * @type {string}
+ */
+declare const webinyButtonStyles: string;
+export { webinyButtonStyles };

package/Button/Button.styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webinyButtonStyles = void 0;
+
+var _emotion = require("emotion");
+
+/**
+ * Controls the button styles
+ * @type {string}
+ */
+var webinyButtonStyles = /*#__PURE__*/(0, _emotion.css)("&.webiny-ui-button--secondary:not(:disabled){border-color:var(--mdc-theme-primary);}}label:webinyButtonStyles;");
+exports.webinyButtonStyles = webinyButtonStyles;

package/Button/Button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["webinyButtonStyles","css"],"sources":["Button.styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * Controls the button styles\n * @type {string}\n */\nconst webinyButtonStyles = css`\n    &.webiny-ui-button--secondary:not(:disabled) {\n            border-color: var(--mdc-theme-primary);\n        }\n    }\n`;\n\nexport { webinyButtonStyles };\n"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,oBAAGC,YAAH,mHAAxB"}

package/Chips/Chips.stories.js

@@ -22,15 +22,19 @@ story.add("usage", function () {
     title: "Simple chips with a label and description"
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_index.Chips, null, /*#__PURE__*/_react.default.createElement(_index.Chip, {
     selected: true
-  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Pizza"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Icecream")), /*#__PURE__*/_react.default.createElement(_index.Chips, null, /*#__PURE__*/_react.default.createElement(_index.Chip, null, /*#__PURE__*/_react.default.createElement(_index.ChipIcon, {
-    leading: true,
+  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Pizza"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Icecream")), /*#__PURE__*/_react.default.createElement(_index.Chips, null, /*#__PURE__*/_react.default.createElement(_index.Chip, {
     icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
-  }), "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, null, "Cookies", /*#__PURE__*/_react.default.createElement(_index.ChipIcon, {
-    trailing: true,
+  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
+    trailingIcon: true,
     icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
-  }))))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    ")));
+  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
+  }, "Cookies"), /*#__PURE__*/_react.default.createElement(_index.Chip, {
+    trailingIcon: true,
+    icon: /*#__PURE__*/_react.default.createElement(_baselineDone24px.ReactComponent, null)
+  }, "Cookies")))), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    ")));
 }, {
   info: {
-    propTables: [_index.Chip, _index.ChipIcon, _index.Chips]
+    propTables: [_index.Chip, _index.Chips]
   }
 });

package/Chips/Chips.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Chip","ChipIcon","Chips"],"sources":["Chips.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\nimport { ReactComponent as BaselineEmailIcon } from \"./icons/baseline-email-24px.svg\";\nimport { Chip, ChipIcon, Chips } from \"./index\";\n\nconst story = storiesOf(\"Components/Chips\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple chips with a label and description\"}>\n                        <div>\n                            <Chips>\n                                <Chip selected>Cookies</Chip>\n                                <Chip>Pizza</Chip>\n                                <Chip>Icecream</Chip>\n                            </Chips>\n\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Chip, ChipIcon, Chips] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,kBAAV,EAA8BC,MAA9B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,uDACI,6BAAC,YAAD,qBACI,6BAAC,WAAD;IAAM,QAAQ;EAAd,aADJ,eAEI,6BAAC,WAAD,gBAFJ,eAGI,6BAAC,WAAD,mBAHJ,CADJ,eAOI,6BAAC,YAAD,qBACI,6BAAC,WAAD,qBACI,6BAAC,eAAD;IAAU,OAAO,MAAjB;IAAkB,IAAI,eAAE,6BAAC,iCAAD;EAAxB,EADJ,YADJ,eAKI,6BAAC,WAAD,gCAEI,6BAAC,eAAD;IAAU,QAAQ,MAAlB;IAAmB,IAAI,eAAE,6BAAC,gCAAD;EAAzB,EAFJ,CALJ,CAPJ,CADJ,CADJ,eAqBI,6BAAC,uBAAD,q6BArBJ,CAFJ,CADJ;AAmDH,CAtDL,EAuDI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,WAAD,EAAOC,eAAP,EAAiBC,YAAjB;EAAd;AAAR,CAvDJ"}
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Chip","Chips"],"sources":["Chips.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { ReactComponent as BaselineDoneIcon } from \"./icons/baseline-done-24px.svg\";\nimport { ReactComponent as BaselineEmailIcon } from \"./icons/baseline-email-24px.svg\";\nimport { Chip, Chips } from \"./index\";\n\nconst story = storiesOf(\"Components/Chips\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple chips with a label and description\"}>\n                        <div>\n                            <Chips>\n                                <Chip selected>Cookies</Chip>\n                                <Chip>Pizza</Chip>\n                                <Chip>Icecream</Chip>\n                            </Chips>\n\n                            <Chips>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                                <Chip icon={<BaselineEmailIcon />}>Cookies</Chip>\n                                <Chip trailingIcon icon={<BaselineDoneIcon />}>\n                                    Cookies\n                                </Chip>\n                            </Chips>\n                        </div>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <div>\n                            <Chips>\n                                <Chip selected>\n                                    Cookies\n                                </Chip>\n                                <Chip>\n                                    Pizza\n                                </Chip>\n                                <Chip>\n                                    Icecream\n                                </Chip>\n                            </Chips>\n                            <Chips>\n                                <Chip>\n                                    <ChipIcon leading icon={<BaselineEmailIcon />} />\n                                    Cookies\n                                    <ChipIcon trailing icon={<BaselineDoneIcon />} />\n                                </Chip>\n                            </Chips>\n                        </div>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Chip, Chips] } }\n);\n"],"mappings":";;;;AAAA;;AACA;;AACA;;AAOA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAU,kBAAV,EAA8BC,MAA9B,CAAd;AAEAF,KAAK,CAACG,GAAN,CACI,OADJ,EAEI,YAAM;EACF,oBACI,6BAAC,YAAD,qBACI,6BAAC,kBAAD,QAAcC,eAAd,CADJ,eAEI,6BAAC,mBAAD,qBACI,6BAAC,0BAAD;IAAqB,KAAK,EAAE;EAA5B,gBACI,uDACI,6BAAC,YAAD,qBACI,6BAAC,WAAD;IAAM,QAAQ;EAAd,aADJ,eAEI,6BAAC,WAAD,gBAFJ,eAGI,6BAAC,WAAD,mBAHJ,CADJ,eAOI,6BAAC,YAAD,qBACI,6BAAC,WAAD;IAAM,IAAI,eAAE,6BAAC,iCAAD;EAAZ,aADJ,eAEI,6BAAC,WAAD;IAAM,YAAY,MAAlB;IAAmB,IAAI,eAAE,6BAAC,gCAAD;EAAzB,aAFJ,eAKI,6BAAC,WAAD;IAAM,IAAI,eAAE,6BAAC,iCAAD;EAAZ,aALJ,eAMI,6BAAC,WAAD;IAAM,YAAY,MAAlB;IAAmB,IAAI,eAAE,6BAAC,gCAAD;EAAzB,aANJ,CAPJ,CADJ,CADJ,eAqBI,6BAAC,uBAAD,q6BArBJ,CAFJ,CADJ;AAmDH,CAtDL,EAuDI;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,WAAD,EAAOC,YAAP;EAAd;AAAR,CAvDJ"}

package/Chips/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Chips";
 export * from "./Chip";
-export * from "./ChipIcon";

package/Chips/index.js

@@ -28,17 +28,4 @@ Object.keys(_Chip).forEach(function (key) {
       return _Chip[key];
     }
   });
-});
-
-var _ChipIcon = require("./ChipIcon");
-
-Object.keys(_ChipIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChipIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ChipIcon[key];
-    }
-  });
 });

package/Chips/index.js.map

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

package/Chips/styles.js

@@ -9,13 +9,15 @@ var _emotion = require("emotion");
 
 var chipIconWrapper = /*#__PURE__*/(0, _emotion.css)({
   ".mdc-chip__icon": {
+    "&.mdc-chip__icon--trailing": {
+      boxSizing: "border-box",
+      display: "flex",
+      marginLeft: "4px",
+      marginRight: "0px"
+    },
     svg: {
       width: 18,
-      height: 18,
-      "&.mdc-chip__icon--trailing": {
-        boxSizing: "border-box",
-        display: "flex"
-      }
+      height: 18
     }
   }
 }, "label:chipIconWrapper;");

package/Chips/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["chipIconWrapper","css","svg","width","height","boxSizing","display","disabledChips","opacity","pointerEvents"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-chip__icon\": {\n        svg: {\n            width: 18,\n            height: 18,\n            \"&.mdc-chip__icon--trailing\": {\n                boxSizing: \"border-box\",\n                display: \"flex\"\n            }\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,eAAe,gBAAG,IAAAC,YAAA,EAAI;EAC/B,mBAAmB;IACfC,GAAG,EAAE;MACDC,KAAK,EAAE,EADN;MAEDC,MAAM,EAAE,EAFP;MAGD,8BAA8B;QAC1BC,SAAS,EAAE,YADe;QAE1BC,OAAO,EAAE;MAFiB;IAH7B;EADU;AADY,CAAJ,2BAAxB;;AAaA,IAAMC,aAAa,gBAAG,IAAAN,YAAA,EAAI;EAC7BO,OAAO,EAAE,IADoB;EAE7BC,aAAa,EAAE;AAFc,CAAJ,yBAAtB"}
+{"version":3,"names":["chipIconWrapper","css","boxSizing","display","marginLeft","marginRight","svg","width","height","disabledChips","opacity","pointerEvents"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const chipIconWrapper = css({\n    \".mdc-chip__icon\": {\n        \"&.mdc-chip__icon--trailing\": {\n            boxSizing: \"border-box\",\n            display: \"flex\",\n            marginLeft: \"4px\",\n            marginRight: \"0px\"\n        },\n        svg: {\n            width: 18,\n            height: 18\n        }\n    }\n});\n\nexport const disabledChips = css({\n    opacity: 0.75,\n    pointerEvents: \"none\"\n});\n"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,eAAe,gBAAG,IAAAC,YAAA,EAAI;EAC/B,mBAAmB;IACf,8BAA8B;MAC1BC,SAAS,EAAE,YADe;MAE1BC,OAAO,EAAE,MAFiB;MAG1BC,UAAU,EAAE,KAHc;MAI1BC,WAAW,EAAE;IAJa,CADf;IAOfC,GAAG,EAAE;MACDC,KAAK,EAAE,EADN;MAEDC,MAAM,EAAE;IAFP;EAPU;AADY,CAAJ,2BAAxB;;AAeA,IAAMC,aAAa,gBAAG,IAAAR,YAAA,EAAI;EAC7BS,OAAO,EAAE,IADoB;EAE7BC,aAAa,EAAE;AAFc,CAAJ,yBAAtB"}

package/Dialog/Dialog.js

@@ -117,7 +117,8 @@ exports.DialogButton = DialogButton;
  */
 var DialogCancel = function DialogCancel(props) {
   return /*#__PURE__*/_react.default.createElement(DialogButton, Object.assign({}, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__button webiny-ui-dialog__button--cancel"), {
-    action: "close"
+    action: "close",
+    "data-testid": "dialog-cancel"
   }), props.children);
 };
 
@@ -128,7 +129,8 @@ exports.DialogCancel = DialogCancel;
  */
 var DialogAccept = function DialogAccept(props) {
   return /*#__PURE__*/_react.default.createElement(DialogButton, Object.assign({}, (0, _Helpers.getClasses)(props, "webiny-ui-dialog__button webiny-ui-dialog__button--accept"), {
-    action: "accept"
+    action: "accept",
+    "data-testid": "dialog-accept"
   }), props.children);
 };
 

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","props","container","document","getElementById","createElement","setAttribute","body","appendChild","children","ReactDOM","createPortal","getClasses","React","Component","DialogTitle","DialogContent","DialogActions","DialogButton","DialogCancel","DialogAccept"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n    Dialog as RmwcDialog,\n    DialogProps as RmwcDialogProps,\n    DialogOnCloseEventT,\n    DialogContent as RmwcDialogContent,\n    DialogContentProps as RmwcDialogContentProps,\n    DialogTitle as RmwcDialogTitle,\n    DialogTitleProps as RmwcDialogTitleProps,\n    DialogActions as RmwcDialogActions,\n    DialogActionsProps as RmwcDialogActionsProps,\n    DialogButton as RmwcDialogButton,\n    DialogButtonProps as RmwcDialogButtonProps\n} from \"@rmwc/dialog\";\nimport { getClasses } from \"~/Helpers\";\n\nexport type DialogOnClose = (event: DialogOnCloseEventT) => void;\n\nexport interface DialogProps extends RmwcDialogProps {\n    className?: string;\n\n    // Component's custom in-line styles.\n    style?: React.CSSProperties;\n\n    // If true, dialog will be permanently fixed inside of a view (works for temporary and persistent modes).\n    open?: boolean;\n\n    onClose?: (evt: DialogOnCloseEventT) => void;\n\n    preventOutsideDismiss?: boolean;\n}\n\nexport class Dialog extends React.Component<DialogProps> {\n    container: HTMLElement;\n\n    constructor(props: DialogProps) {\n        super(props);\n        /**\n         * We can safely cast\n         */\n        this.container = document.getElementById(\"dialog-container\") as HTMLElement;\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"dialog-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const { children, ...props } = this.props;\n        const container = this.container;\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <RmwcDialog {...getClasses(props, \"webiny-ui-dialog\")}>{children}</RmwcDialog>,\n            container\n        );\n    }\n}\n\nexport interface DialogTitleProps extends RmwcDialogTitleProps {\n    /**\n     * Title text.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.\n */\nexport const DialogTitle: React.FC<DialogTitleProps> = props => (\n    <RmwcDialogTitle {...getClasses(props, \"webiny-ui-dialog__title\")} />\n);\n\nexport type DialogContentProps = RmwcDialogContentProps & {\n    /**\n     * Dialog content.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    className?: string;\n};\n\n/**\n * A simple component for showing dialog's body.\n */\nexport const DialogContent: React.FC<DialogContentProps> = props => (\n    <RmwcDialogContent {...getClasses(props, \"webiny-ui-dialog__content\")} />\n);\n\nexport interface DialogActionsProps extends RmwcDialogActionsProps {\n    /**\n     * Action buttons.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\n/**\n * Can be used to show accept and cancel buttons.\n */\nexport const DialogActions: React.FC<DialogActionsProps> = props => (\n    <RmwcDialogActions {...getClasses(props, \"webiny-ui-dialog__actions\")} />\n);\n\ninterface DialogButtonProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n\n    className?: string;\n}\n\n/**\n * Use this to show a simple button.\n */\nexport const DialogButton: React.FC<DialogButtonProps> = props => (\n    <RmwcDialogButton {...getClasses(props, \"webiny-ui-dialog__button\")} />\n);\n\ninterface DialogCancelProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogCancel: React.FC<DialogCancelProps> = props => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--cancel\")}\n            action=\"close\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n\ninterface DialogAcceptProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogAccept: React.FC<DialogAcceptProps> = props => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--accept\")}\n            action=\"accept\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAaA;;;;IAkBaA,M;;;;;EAGT,gBAAYC,KAAZ,EAAgC;IAAA;;IAAA;IAC5B,0BAAMA,KAAN;IACA;AACR;AACA;;IAJoC;IAK5B,MAAKC,SAAL,GAAiBC,QAAQ,CAACC,cAAT,CAAwB,kBAAxB,CAAjB;;IAEA,IAAI,CAAC,MAAKF,SAAV,EAAqB;MACjB,MAAKA,SAAL,GAAiBC,QAAQ,CAACE,aAAT,CAAuB,KAAvB,CAAjB;;MACA,MAAKH,SAAL,CAAeI,YAAf,CAA4B,IAA5B,EAAkC,kBAAlC;;MACA,IAAMJ,SAAS,GAAG,MAAKA,SAAvB;MACAC,QAAQ,CAACI,IAAT,IAAiBJ,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,SAA1B,CAAjB;IACH;;IAZ2B;EAa/B;;;;WAED,kBAAyB;MACrB,kBAA+B,KAAKD,KAApC;MAAA,IAAQQ,QAAR,eAAQA,QAAR;MAAA,IAAqBR,KAArB;MACA,IAAMC,SAAS,GAAG,KAAKA,SAAvB,CAFqB,CAIrB;;MACA,oBAAOQ,iBAAA,CAASC,YAAT,eACH,6BAAC,cAAD,EAAgB,IAAAC,mBAAA,EAAWX,KAAX,EAAkB,kBAAlB,CAAhB,EAAwDQ,QAAxD,CADG,EAEHP,SAFG,CAAP;IAIH;;;EA3BuBW,cAAA,CAAMC,S;;;;AAqClC;AACA;AACA;AACO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,CAAAd,KAAK;EAAA,oBACxD,6BAAC,mBAAD,EAAqB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,yBAAlB,CAArB,CADwD;AAAA,CAArD;;;;AAaP;AACA;AACA;AACO,IAAMe,aAA2C,GAAG,SAA9CA,aAA8C,CAAAf,KAAK;EAAA,oBAC5D,6BAAC,qBAAD,EAAuB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2BAAlB,CAAvB,CAD4D;AAAA,CAAzD;;;;AAcP;AACA;AACA;AACO,IAAMgB,aAA2C,GAAG,SAA9CA,aAA8C,CAAAhB,KAAK;EAAA,oBAC5D,6BAAC,qBAAD,EAAuB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2BAAlB,CAAvB,CAD4D;AAAA,CAAzD;;;;AAaP;AACA;AACA;AACO,IAAMiB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAjB,KAAK;EAAA,oBAC1D,6BAAC,oBAAD,EAAsB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,0BAAlB,CAAtB,CAD0D;AAAA,CAAvD;;;;AAWP;AACA;AACA;AACO,IAAMkB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAlB,KAAK,EAAI;EAC9D,oBACI,6BAAC,YAAD,oBACQ,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2DAAlB,CADR;IAEI,MAAM,EAAC;EAFX,IAIKA,KAAK,CAACQ,QAJX,CADJ;AAQH,CATM;;;;AAkBP;AACA;AACA;AACO,IAAMW,YAAyC,GAAG,SAA5CA,YAA4C,CAAAnB,KAAK,EAAI;EAC9D,oBACI,6BAAC,YAAD,oBACQ,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2DAAlB,CADR;IAEI,MAAM,EAAC;EAFX,IAIKA,KAAK,CAACQ,QAJX,CADJ;AAQH,CATM"}
+{"version":3,"names":["Dialog","props","container","document","getElementById","createElement","setAttribute","body","appendChild","children","ReactDOM","createPortal","getClasses","React","Component","DialogTitle","DialogContent","DialogActions","DialogButton","DialogCancel","DialogAccept"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n    Dialog as RmwcDialog,\n    DialogProps as RmwcDialogProps,\n    DialogOnCloseEventT,\n    DialogContent as RmwcDialogContent,\n    DialogContentProps as RmwcDialogContentProps,\n    DialogTitle as RmwcDialogTitle,\n    DialogTitleProps as RmwcDialogTitleProps,\n    DialogActions as RmwcDialogActions,\n    DialogActionsProps as RmwcDialogActionsProps,\n    DialogButton as RmwcDialogButton,\n    DialogButtonProps as RmwcDialogButtonProps\n} from \"@rmwc/dialog\";\nimport { getClasses } from \"~/Helpers\";\n\nexport type DialogOnClose = (event: DialogOnCloseEventT) => void;\n\nexport interface DialogProps extends RmwcDialogProps {\n    className?: string;\n\n    // Component's custom in-line styles.\n    style?: React.CSSProperties;\n\n    // If true, dialog will be permanently fixed inside of a view (works for temporary and persistent modes).\n    open?: boolean;\n\n    onClose?: (evt: DialogOnCloseEventT) => void;\n\n    preventOutsideDismiss?: boolean;\n}\n\nexport class Dialog extends React.Component<DialogProps> {\n    container: HTMLElement;\n\n    constructor(props: DialogProps) {\n        super(props);\n        /**\n         * We can safely cast\n         */\n        this.container = document.getElementById(\"dialog-container\") as HTMLElement;\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"dialog-container\");\n            const container = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render() {\n        const { children, ...props } = this.props;\n        const container = this.container;\n\n        // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n        return ReactDOM.createPortal(\n            <RmwcDialog {...getClasses(props, \"webiny-ui-dialog\")}>{children}</RmwcDialog>,\n            container\n        );\n    }\n}\n\nexport interface DialogTitleProps extends RmwcDialogTitleProps {\n    /**\n     * Title text.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n}\n\n/**\n * Dialog's header, which can accept DialogHeaderTitle component or any other set of components.\n */\nexport const DialogTitle: React.FC<DialogTitleProps> = props => (\n    <RmwcDialogTitle {...getClasses(props, \"webiny-ui-dialog__title\")} />\n);\n\nexport type DialogContentProps = RmwcDialogContentProps & {\n    /**\n     * Dialog content.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    className?: string;\n};\n\n/**\n * A simple component for showing dialog's body.\n */\nexport const DialogContent: React.FC<DialogContentProps> = props => (\n    <RmwcDialogContent {...getClasses(props, \"webiny-ui-dialog__content\")} />\n);\n\nexport interface DialogActionsProps extends RmwcDialogActionsProps {\n    /**\n     * Action buttons.\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    // Dialog component's custom in-line styles.\n    style?: React.CSSProperties;\n}\n\n/**\n * Can be used to show accept and cancel buttons.\n */\nexport const DialogActions: React.FC<DialogActionsProps> = props => (\n    <RmwcDialogActions {...getClasses(props, \"webiny-ui-dialog__actions\")} />\n);\n\ninterface DialogButtonProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n\n    className?: string;\n}\n\n/**\n * Use this to show a simple button.\n */\nexport const DialogButton: React.FC<DialogButtonProps> = props => (\n    <RmwcDialogButton {...getClasses(props, \"webiny-ui-dialog__button\")} />\n);\n\ninterface DialogCancelProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogCancel: React.FC<DialogCancelProps> = props => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--cancel\")}\n            action=\"close\"\n            data-testid=\"dialog-cancel\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n\ninterface DialogAcceptProps extends RmwcDialogButtonProps {\n    /**\n     * Callback to execute then button is clicked.\n     */\n    onClick?: (e: React.MouseEvent) => void;\n}\n\n/**\n * Use this to close the dialog without taking any additional action.\n */\nexport const DialogAccept: React.FC<DialogAcceptProps> = props => {\n    return (\n        <DialogButton\n            {...getClasses(props, \"webiny-ui-dialog__button webiny-ui-dialog__button--accept\")}\n            action=\"accept\"\n            data-testid=\"dialog-accept\"\n        >\n            {props.children}\n        </DialogButton>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAaA;;;;IAkBaA,M;;;;;EAGT,gBAAYC,KAAZ,EAAgC;IAAA;;IAAA;IAC5B,0BAAMA,KAAN;IACA;AACR;AACA;;IAJoC;IAK5B,MAAKC,SAAL,GAAiBC,QAAQ,CAACC,cAAT,CAAwB,kBAAxB,CAAjB;;IAEA,IAAI,CAAC,MAAKF,SAAV,EAAqB;MACjB,MAAKA,SAAL,GAAiBC,QAAQ,CAACE,aAAT,CAAuB,KAAvB,CAAjB;;MACA,MAAKH,SAAL,CAAeI,YAAf,CAA4B,IAA5B,EAAkC,kBAAlC;;MACA,IAAMJ,SAAS,GAAG,MAAKA,SAAvB;MACAC,QAAQ,CAACI,IAAT,IAAiBJ,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0BN,SAA1B,CAAjB;IACH;;IAZ2B;EAa/B;;;;WAED,kBAAyB;MACrB,kBAA+B,KAAKD,KAApC;MAAA,IAAQQ,QAAR,eAAQA,QAAR;MAAA,IAAqBR,KAArB;MACA,IAAMC,SAAS,GAAG,KAAKA,SAAvB,CAFqB,CAIrB;;MACA,oBAAOQ,iBAAA,CAASC,YAAT,eACH,6BAAC,cAAD,EAAgB,IAAAC,mBAAA,EAAWX,KAAX,EAAkB,kBAAlB,CAAhB,EAAwDQ,QAAxD,CADG,EAEHP,SAFG,CAAP;IAIH;;;EA3BuBW,cAAA,CAAMC,S;;;;AAqClC;AACA;AACA;AACO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,CAAAd,KAAK;EAAA,oBACxD,6BAAC,mBAAD,EAAqB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,yBAAlB,CAArB,CADwD;AAAA,CAArD;;;;AAaP;AACA;AACA;AACO,IAAMe,aAA2C,GAAG,SAA9CA,aAA8C,CAAAf,KAAK;EAAA,oBAC5D,6BAAC,qBAAD,EAAuB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2BAAlB,CAAvB,CAD4D;AAAA,CAAzD;;;;AAcP;AACA;AACA;AACO,IAAMgB,aAA2C,GAAG,SAA9CA,aAA8C,CAAAhB,KAAK;EAAA,oBAC5D,6BAAC,qBAAD,EAAuB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2BAAlB,CAAvB,CAD4D;AAAA,CAAzD;;;;AAaP;AACA;AACA;AACO,IAAMiB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAjB,KAAK;EAAA,oBAC1D,6BAAC,oBAAD,EAAsB,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,0BAAlB,CAAtB,CAD0D;AAAA,CAAvD;;;;AAWP;AACA;AACA;AACO,IAAMkB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAlB,KAAK,EAAI;EAC9D,oBACI,6BAAC,YAAD,oBACQ,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2DAAlB,CADR;IAEI,MAAM,EAAC,OAFX;IAGI,eAAY;EAHhB,IAKKA,KAAK,CAACQ,QALX,CADJ;AASH,CAVM;;;;AAmBP;AACA;AACA;AACO,IAAMW,YAAyC,GAAG,SAA5CA,YAA4C,CAAAnB,KAAK,EAAI;EAC9D,oBACI,6BAAC,YAAD,oBACQ,IAAAW,mBAAA,EAAWX,KAAX,EAAkB,2DAAlB,CADR;IAEI,MAAM,EAAC,QAFX;IAGI,eAAY;EAHhB,IAKKA,KAAK,CAACQ,QALX,CADJ;AASH,CAVM"}

package/DynamicFieldset/Fieldset.js

@@ -35,7 +35,10 @@ var DynamicFieldsetRow = /*#__PURE__*/(0, _styled.default)("div", {
 })({
   paddingBottom: 10,
   "> .mdc-layout-grid": {
-    padding: 0
+    padding: 0,
+    "> .mdc-layout-grid__inner": {
+      display: "block"
+    }
   }
 });
 

package/DynamicFieldset/Fieldset.js.map

@@ -1 +1 @@
-{"version":3,"names":["DynamicFieldsetRow","styled","paddingBottom","padding","Fieldset","add","index","addData","remove","removeData","props","value","onChange","dotProp","delete","slice","cb","header","rows","map","record","data","empty","children","actions","renderHeader","row","renderRow","renderEmpty","length","description","validation","isValid","renderComponent","message","React","Component"],"sources":["Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\n\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderProp {\n    actions: {\n        add: Function;\n        remove: Function;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface FieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: Function;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nconst DynamicFieldsetRow = styled(\"div\")({\n    paddingBottom: 10,\n    \"> .mdc-layout-grid\": {\n        padding: 0\n    }\n});\n\nclass Fieldset extends React.Component<FieldsetProps> {\n    static defaultProps: Partial<FieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        onChange(dotProp.delete(value, index));\n    };\n\n    addData = (index = -1) => {\n        const { onChange } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n        if (index < 0) {\n            onChange([...value, {}]);\n        } else {\n            onChange([...value.slice(0, index + 1), {}, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return (\n                <DynamicFieldsetRow key={index}>{cb({ data: record, index })}</DynamicFieldsetRow>\n            );\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation = { isValid: null } } = this.props;\n\n        return (\n            <>\n                {this.renderComponent()}\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n}\n\nexport default Fieldset;\n"],"mappings":"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"}
+{"version":3,"names":["DynamicFieldsetRow","styled","paddingBottom","padding","display","Fieldset","add","index","addData","remove","removeData","props","value","onChange","dotProp","delete","slice","cb","header","rows","map","record","data","empty","children","actions","renderHeader","row","renderRow","renderEmpty","length","description","validation","isValid","renderComponent","message","React","Component"],"sources":["Fieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport styled from \"@emotion/styled\";\n\ninterface ChildrenRenderPropRowCallableParams {\n    index: number;\n    data: any;\n}\ninterface ChildrenRenderPropRowCallable {\n    (params: ChildrenRenderPropRowCallableParams): React.ReactNode;\n}\n\ninterface ChildrenRenderPropHeaderCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderPropEmptyCallable {\n    (): React.ReactNode;\n}\ninterface ChildrenRenderProp {\n    actions: {\n        add: Function;\n        remove: Function;\n    };\n    header: (cb: ChildrenRenderPropHeaderCallable) => React.ReactNode;\n    row: (cb: ChildrenRenderPropRowCallable) => React.ReactNode;\n    empty: (cb: ChildrenRenderPropEmptyCallable) => React.ReactNode;\n}\n\ninterface FieldsetProps {\n    value?: any[];\n    description?: string;\n    validation?: { isValid: null | boolean; message?: string };\n    onChange: Function;\n    children: (props: ChildrenRenderProp) => React.ReactNode;\n}\n\nconst DynamicFieldsetRow = styled(\"div\")({\n    paddingBottom: 10,\n    \"> .mdc-layout-grid\": {\n        padding: 0,\n        \"> .mdc-layout-grid__inner\": {\n            display: \"block\"\n        }\n    }\n});\n\nclass Fieldset extends React.Component<FieldsetProps> {\n    static defaultProps: Partial<FieldsetProps> = {\n        value: []\n    };\n\n    header: React.ReactNode = null;\n    rows: React.ReactNode = null;\n    empty: React.ReactNode = null;\n\n    actions = {\n        add:\n            (index = -1) =>\n            () =>\n                this.addData(index),\n        remove:\n            (index = -1) =>\n            () =>\n                this.removeData(index)\n    };\n\n    removeData = (index: number) => {\n        const { value, onChange } = this.props;\n        onChange(dotProp.delete(value, index));\n    };\n\n    addData = (index = -1) => {\n        const { onChange } = this.props;\n        let value = this.props.value;\n        if (!value) {\n            value = [];\n        }\n        if (index < 0) {\n            onChange([...value, {}]);\n        } else {\n            onChange([...value.slice(0, index + 1), {}, ...value.slice(index + 1)]);\n        }\n    };\n\n    renderHeader = (cb: () => React.ReactNode): React.ReactNode => {\n        this.header = cb();\n        return null;\n    };\n\n    renderRow = (cb: ChildrenRenderPropRowCallable): React.ReactNode => {\n        const { value } = this.props;\n        if (!value) {\n            return null;\n        }\n        this.rows = value.map((record, index) => {\n            return (\n                <DynamicFieldsetRow key={index}>{cb({ data: record, index })}</DynamicFieldsetRow>\n            );\n        });\n        return null;\n    };\n\n    renderEmpty = (cb: () => React.ReactNode): React.ReactNode => {\n        this.empty = cb();\n        return null;\n    };\n\n    public renderComponent(): React.ReactNode {\n        const { value } = this.props;\n        const { children } = this.props;\n\n        children({\n            actions: this.actions,\n            header: this.renderHeader,\n            row: this.renderRow,\n            empty: this.renderEmpty\n        });\n\n        if (!value || value.length === 0) {\n            return this.empty;\n        }\n\n        return (\n            <React.Fragment>\n                {this.header}\n                {this.rows}\n            </React.Fragment>\n        );\n    }\n\n    public override render() {\n        const { description, validation = { isValid: null } } = this.props;\n\n        return (\n            <>\n                {this.renderComponent()}\n                {validation.isValid === false && (\n                    <FormElementMessage error>{validation.message}</FormElementMessage>\n                )}\n\n                {validation.isValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </>\n        );\n    }\n}\n\nexport default Fieldset;\n"],"mappings":"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"}

package/Grid/Grid.js

@@ -21,7 +21,7 @@ var Cell = function Cell(props) {
 exports.Cell = Cell;
 
 var GridInner = function GridInner(props) {
-  return /*#__PURE__*/_react.default.createElement(_grid.GridInner, props, props.children);
+  return /*#__PURE__*/_react.default.createElement(_grid.GridRow, props, props.children);
 };
 
 exports.GridInner = GridInner;

package/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["Cell","props","children","GridInner","displayName","Grid"],"sources":["Grid.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Grid as RmwcGrid,\n    GridCell as RmwcGridCell,\n    GridInner as RmwcGridInner,\n    GridCellProps as RmwcGridCellProps,\n    GridProps as RmwcGridProps\n} from \"@rmwc/grid\";\nimport { CSSProperties } from \"react\";\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Cell must be direct children of Grid component.\n */\nexport const Cell = (props: CellProps) => {\n    return <RmwcGridCell {...props}>{props.children}</RmwcGridCell>;\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = (props: GridInnerProps) => {\n    return <RmwcGridInner {...props}>{props.children}</RmwcGridInner>;\n};\n\nGridInner.displayName = \"GridInner\";\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n */\nexport const Grid = (props: GridProps) => {\n    return <RmwcGrid {...props}>{props.children}</RmwcGrid>;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAwBA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAsB;EACtC,oBAAO,6BAAC,cAAD,EAAkBA,KAAlB,EAA0BA,KAAK,CAACC,QAAhC,CAAP;AACH,CAFM;;;;AAcA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACF,KAAD,EAA2B;EAChD,oBAAO,6BAAC,eAAD,EAAmBA,KAAnB,EAA2BA,KAAK,CAACC,QAAjC,CAAP;AACH,CAFM;;;AAIPC,SAAS,CAACC,WAAV,GAAwB,WAAxB;AAEA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACJ,KAAD,EAAsB;EACtC,oBAAO,6BAAC,UAAD,EAAcA,KAAd,EAAsBA,KAAK,CAACC,QAA5B,CAAP;AACH,CAFM"}
+{"version":3,"names":["Cell","props","children","GridInner","displayName","Grid"],"sources":["Grid.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Grid as RmwcGrid,\n    GridCell as RmwcGridCell,\n    GridRow as RmwcGridInner,\n    GridCellProps as RmwcGridCellProps,\n    GridProps as RmwcGridProps\n} from \"@rmwc/grid\";\nimport { CSSProperties } from \"react\";\n\nexport type CellProps = RmwcGridCellProps & {\n    // One or more Cell components.\n    children?: React.ReactNode;\n\n    // CSS class name that will be added to the element\n    className?: string;\n\n    style?: { [key: string]: any };\n};\n\nexport type GridProps = RmwcGridProps & {\n    className?: string;\n    style?: CSSProperties;\n};\n\n/**\n * Cell must be direct children of Grid component.\n */\nexport const Cell = (props: CellProps) => {\n    return <RmwcGridCell {...props}>{props.children}</RmwcGridCell>;\n};\n\nexport type GridInnerProps = {\n    // One or more Cell components.\n    children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\nexport const GridInner = (props: GridInnerProps) => {\n    return <RmwcGridInner {...props}>{props.children}</RmwcGridInner>;\n};\n\nGridInner.displayName = \"GridInner\";\n\n/**\n * Use Grid component to display a list of choices, once the handler is triggered.\n */\nexport const Grid = (props: GridProps) => {\n    return <RmwcGrid {...props}>{props.children}</RmwcGrid>;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAwBA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAsB;EACtC,oBAAO,6BAAC,cAAD,EAAkBA,KAAlB,EAA0BA,KAAK,CAACC,QAAhC,CAAP;AACH,CAFM;;;;AAcA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACF,KAAD,EAA2B;EAChD,oBAAO,6BAAC,aAAD,EAAmBA,KAAnB,EAA2BA,KAAK,CAACC,QAAjC,CAAP;AACH,CAFM;;;AAIPC,SAAS,CAACC,WAAV,GAAwB,WAAxB;AAEA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACJ,KAAD,EAAsB;EACtC,oBAAO,6BAAC,UAAD,EAAcA,KAAd,EAAsBA,KAAK,CAACC,QAA5B,CAAP;AACH,CAFM"}