@webiny/ui 5.37.0-beta.0 → 5.37.0-beta.2

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                                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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_downshift","_reactSpinnerMaterial","_Input","_Chips","_utils","_List","_Button","_classnames","_Elevation","_Typography","_styles","_FormElementMessage","_baselineClose24px","_navigate_before24px","_navigate_next24px","_skip_previous24px","_skip_next24px","_reorder_black_24dp","_emotion","_excluded","_excluded2","listItemMetaClassName","css","display","iconButtonClassName","style","pagination","bar","justifyContent","alignItems","borderBottom","padding","pages","searchInput","height","list","secondaryText","color","listStyles","listStyle","paddingLeft","margin","Spinner","default","createElement","size","spinnerColor","spinnerWidth","visible","OptionsList","_ref","getMenuProps","children","Elevation","z","Object","assign","className","classNames","MultiAutoComplete","_React$Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","inputValue","multipleSelectionPage","multipleSelectionSearch","reorderFormVisible","reorderFormValue","React","createRef","set","selection","setState","_createClass2","key","value","getOptions","_this2","_this$props","props","unique","allowFreeInput","useSimpleValues","options","values","isArray","_toConsumableArray2","filtered","state","existingValue","includes","unshift","find","item","getOptionText","textProp","filter","getOptionValue","aliases","findInAliases","toLowerCase","renderOptions","params","_this3","isOpen","highlightedIndex","getItemProps","Typography","use","noResultFound","renderItem","map","index","_itemClassNames","itemValue","itemClassNames","suggestionList","paginateMultipleSelection","_this4","limit","page","search","data","option","lastPage","Math","ceil","totalCount","slice","from","to","meta","hasData","hasPrevious","hasNext","renderMultipleSelection","_this5","_this$props2","onChange","disabled","useMultipleSelectionList","description","renderListItemLabel","renderListItemOptions","_this$paginateMultipl","Fragment","Input","placeholder","setMultipleSelectionSearch","setMultipleSelectionPage","IconButton","icon","ReactComponent","onClick","List","ListItem","ListItemGraphic","onKeyDown","e","newValue","splice","target","type","autoFocus","ListItemMeta","marginRight","minWidth","FormElementMessage","hasItems","Chips","Chip","label","trailingIcon","onRemove","render","_this6","_this$props3","onInput","_this$props3$validati","validation","isValid","message","otherInputProps","_objectWithoutProperties2","autoCompleteStyle","defaultSelectedItem","itemToString","ref","downshift","assignedValueAfterClearing","current","clearSelection","_ref2","getInputProps","openMenu","rest","_objectSpread2","rawOnChange","loading","onBlur","onKeyUp","onFocus","Component","exports","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/MultiAutoComplete.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","options","name","id","add","disabled","boolean","readme","country","Bind","JSON","stringify","map","item","info","propTables","MultiAutoComplete"],"sources":["MultiAutoComplete.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./MultiAutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\nstory.addDecorator(withKnobs);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"MultiAutoComplete\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as objects\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"uk\", name: \"UK\" },\n                                    { id: \"italy\", name: \"Italy\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as strings\"}>\n                        <Form data={{ country: [\"Italy\", \"France\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"anotherCountry\", name: \"Another Country\" },\n                                    { id: \"nowhere\", name: \"Nowhere\" },\n                                    { id: \"france\", name: \"France\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        allowFreeInput\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: { id: \"anotherCountry\", name: \"Another Country\" } }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input (values as strings)\"}>\n                        <Form\n                            data={{\n                                country: [\"Another Country\", \"Nowhere\", \"France\"]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        allowFreeInput\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                  <Form\n                        data={{\n                            country: [\"Another Country\", \"Nowhere\", \"France\"]\n                        }}\n                    >\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    allowFreeInput\n                                    options={options.map(item => item.name)}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [MultiAutoComplete] } }\n);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_MultiAutoCompleteReadme","_form","_MultiAutoComplete","story","storiesOf","module","addDecorator","withKnobs","options","name","id","add","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","data","country","_ref","Bind","MultiAutoComplete","label","description","StorySandboxCode","concat","JSON","stringify","_ref2","useSimpleValues","map","item","_ref3","allowFreeInput","_ref4","info","propTables"],"sources":["MultiAutoComplete.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 { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./MultiAutoCompleteReadme.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { MultiAutoComplete } from \"./MultiAutoComplete\";\n\nconst story = storiesOf(\"Components/AutoComplete\", module);\nstory.addDecorator(withKnobs);\n\nconst options = [\n    { name: \"France\", id: \"france\" },\n    { name: \"Germany\", id: \"germany\" },\n    { name: \"Italy\", id: \"italy\" },\n    { name: \"Spain\", id: \"spain\" },\n    { name: \"UK\", id: \"uk\" },\n    { name: \"US\", id: \"us\" },\n    { name: \"Norway\", id: \"norway\" },\n    { name: \"Finland\", id: \"finland\" },\n    { name: \"Czech Republic\", id: \"czech-republic\" }\n];\n\nstory.add(\n    \"MultiAutoComplete\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as objects\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"uk\", name: \"UK\" },\n                                    { id: \"italy\", name: \"Italy\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Values as strings\"}>\n                        <Form data={{ country: [\"Italy\", \"France\"] }}>\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <Form>\n                            {({ Bind }) => (\n                                 <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        options={${JSON.stringify(options)}}\n                                        label=\"Country\"\n                                        disabled={${disabled}}\n                                        description=\"Choose one or more countries.\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input\"}>\n                        <Form\n                            data={{\n                                country: [\n                                    { id: \"anotherCountry\", name: \"Another Country\" },\n                                    { id: \"nowhere\", name: \"Nowhere\" },\n                                    { id: \"france\", name: \"France\" }\n                                ]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        allowFreeInput\n                                        options={options}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form data={{ country: { id: \"anotherCountry\", name: \"Another Country\" } }}>\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    options={${JSON.stringify(options)}}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n\n                <StorySandbox>\n                    <StorySandboxExample title={\"Allow free input (values as strings)\"}>\n                        <Form\n                            data={{\n                                country: [\"Another Country\", \"Nowhere\", \"France\"]\n                            }}\n                        >\n                            {({ Bind }) => (\n                                <Bind name=\"country\">\n                                    <MultiAutoComplete\n                                        useSimpleValues\n                                        allowFreeInput\n                                        options={options.map(item => item.name)}\n                                        label=\"Country\"\n                                        disabled={disabled}\n                                        description=\"Choose your country\"\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                  <Form\n                        data={{\n                            country: [\"Another Country\", \"Nowhere\", \"France\"]\n                        }}\n                    >\n                        {({ Bind }) => (\n                            <Bind name=\"country\">\n                                <MultiAutoComplete\n                                    useSimpleValues\n                                    allowFreeInput\n                                    options={options.map(item => item.name)}\n                                    label=\"Country\"\n                                    disabled={disabled}\n                                    description=\"Choose your country\"\n                                />\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [MultiAutoComplete] } }\n);\n"],"mappings":"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"}

package/AutoComplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoComplete\";\nexport * from \"./MultiAutoComplete\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_AutoComplete","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_MultiAutoComplete"],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoComplete\";\nexport * from \"./MultiAutoComplete\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/AutoComplete/styles.js

@@ -23,10 +23,31 @@ var autoCompleteStyle = /*#__PURE__*/(0, _emotion.css)({
     padding: 0,
     li: {
       padding: 10,
+      cursor: "pointer",
       span: {
         color: "var(--mdc-theme-on-surface)"
       }
     }
+  },
+  "&.webiny-ui-autocomplete--size-medium": {
+    ".mdc-elevation--z1": {
+      top: 40
+    },
+    ul: {
+      li: {
+        padding: 8
+      }
+    }
+  },
+  "&.webiny-ui-autocomplete--size-small": {
+    ".mdc-elevation--z1": {
+      top: 30
+    },
+    ul: {
+      li: {
+        padding: 5
+      }
+    }
   }
 }, "label:autoCompleteStyle;");
 exports.autoCompleteStyle = autoCompleteStyle;

package/AutoComplete/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["autoCompleteStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","span","color","suggestionList","fontWeight","transition"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const autoCompleteStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10,\n            span: {\n                color: \"var(--mdc-theme-on-surface)\"\n            }\n        }\n    }\n});\n\nexport const suggestionList = css({\n    fontWeight: \"normal\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"background-color 0.2s\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    \"&.selected\": {\n        fontWeight: \"bold\"\n    },\n    \"&.highlighted\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    }\n});\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,iBAAiB,gBAAG,IAAAC,YAAG,EAAC;EACjCC,QAAQ,EAAE,UAAU;EACpB,oBAAoB,EAAE;IAClBA,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,kBAAkB;IACzBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACrB,CAAC;EACDC,EAAE,EAAE;IACAC,SAAS,EAAE,MAAM;IACjBR,KAAK,EAAE,MAAM;IACbS,OAAO,EAAE,CAAC;IACVC,EAAE,EAAE;MACAD,OAAO,EAAE,EAAE;MACXE,IAAI,EAAE;QACFC,KAAK,EAAE;MACX;IACJ;EACJ;AACJ,CAAC,6BAAC;AAAC;AAEI,IAAMC,cAAc,gBAAG,IAAAf,YAAG,EAAC;EAC9BgB,UAAU,EAAE,QAAQ;EACpBR,eAAe,EAAE,0BAA0B;EAC3CS,UAAU,EAAE,uBAAuB;EACnCH,KAAK,EAAE,6CAA6C;EACpD,YAAY,EAAE;IACVE,UAAU,EAAE;EAChB,CAAC;EACD,eAAe,EAAE;IACbR,eAAe,EAAE;EACrB;AACJ,CAAC,0BAAC;AAAC"}
+{"version":3,"names":["_emotion","require","autoCompleteStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","cursor","span","color","exports","suggestionList","fontWeight","transition"],"sources":["styles.ts"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const autoCompleteStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10,\n            cursor: \"pointer\",\n            span: {\n                color: \"var(--mdc-theme-on-surface)\"\n            }\n        }\n    },\n    \"&.webiny-ui-autocomplete--size-medium\": {\n        \".mdc-elevation--z1\": {\n            top: 40\n        },\n        ul: {\n            li: {\n                padding: 8\n            }\n        }\n    },\n    \"&.webiny-ui-autocomplete--size-small\": {\n        \".mdc-elevation--z1\": {\n            top: 30\n        },\n        ul: {\n            li: {\n                padding: 5\n            }\n        }\n    }\n});\n\nexport const suggestionList = css({\n    fontWeight: \"normal\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    transition: \"background-color 0.2s\",\n    color: \"var(--mdc-theme-text-primary-on-background)\",\n    \"&.selected\": {\n        fontWeight: \"bold\"\n    },\n    \"&.highlighted\": {\n        backgroundColor: \"var(--mdc-theme-on-background)\"\n    }\n});\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,iBAAiB,gBAAG,IAAAC,YAAG,EAAC;EACjCC,QAAQ,EAAE,UAAU;EACpB,oBAAoB,EAAE;IAClBA,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,kBAAkB;IACzBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE;EACrB,CAAC;EACDC,EAAE,EAAE;IACAC,SAAS,EAAE,MAAM;IACjBR,KAAK,EAAE,MAAM;IACbS,OAAO,EAAE,CAAC;IACVC,EAAE,EAAE;MACAD,OAAO,EAAE,EAAE;MACXE,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE;QACFC,KAAK,EAAE;MACX;IACJ;EACJ,CAAC;EACD,uCAAuC,EAAE;IACrC,oBAAoB,EAAE;MAClBX,GAAG,EAAE;IACT,CAAC;IACDK,EAAE,EAAE;MACAG,EAAE,EAAE;QACAD,OAAO,EAAE;MACb;IACJ;EACJ,CAAC;EACD,sCAAsC,EAAE;IACpC,oBAAoB,EAAE;MAClBP,GAAG,EAAE;IACT,CAAC;IACDK,EAAE,EAAE;MACAG,EAAE,EAAE;QACAD,OAAO,EAAE;MACb;IACJ;EACJ;AACJ,CAAC,6BAAC;AAACK,OAAA,CAAAjB,iBAAA,GAAAA,iBAAA;AAEI,IAAMkB,cAAc,gBAAG,IAAAjB,YAAG,EAAC;EAC9BkB,UAAU,EAAE,QAAQ;EACpBV,eAAe,EAAE,0BAA0B;EAC3CW,UAAU,EAAE,uBAAuB;EACnCJ,KAAK,EAAE,6CAA6C;EACpD,YAAY,EAAE;IACVG,UAAU,EAAE;EAChB,CAAC;EACD,eAAe,EAAE;IACbV,eAAe,EAAE;EACrB;AACJ,CAAC,0BAAC;AAACQ,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/AutoComplete/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getOptionValue","option","props","useSimpleValues","valueProp","getOptionText","textProp","findInAliases","search","aliases","some","alias","toLowerCase","includes"],"sources":["utils.ts"],"sourcesContent":["interface Option {\n    aliases?: string[];\n    index?: number;\n    name?: string;\n    [key: string]: any;\n}\ninterface Props {\n    useSimpleValues?: boolean;\n    valueProp?: string;\n    textProp?: string;\n}\n\nexport const getOptionValue = (option: Option | string, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.valueProp as string];\n    }\n\n    return option as string;\n};\n\nexport const getOptionText = (option: Option | string, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.textProp as string];\n    }\n\n    return option as string;\n};\n\nexport const findInAliases = (option: Option, search?: string): boolean => {\n    return (option.aliases || []).some((alias: string): boolean => {\n        return alias.toLowerCase().includes((search || \"\").toLowerCase());\n    });\n};\n"],"mappings":";;;;;;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,MAAuB,EAAEC,KAAY,EAAa;EAC7E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACE,SAAS,CAAW;EACvD;EAEA,OAAOH,MAAM;AACjB,CAAC;AAAC;AAEK,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,MAAuB,EAAEC,KAAY,EAAa;EAC5E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACI,QAAQ,CAAW;EACtD;EAEA,OAAOL,MAAM;AACjB,CAAC;AAAC;AAEK,IAAMM,aAAa,GAAG,SAAhBA,aAAa,CAAIN,MAAc,EAAEO,MAAe,EAAc;EACvE,OAAO,CAACP,MAAM,CAACQ,OAAO,IAAI,EAAE,EAAEC,IAAI,CAAC,UAACC,KAAa,EAAc;IAC3D,OAAOA,KAAK,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAC,CAACL,MAAM,IAAI,EAAE,EAAEI,WAAW,EAAE,CAAC;EACrE,CAAC,CAAC;AACN,CAAC;AAAC"}
+{"version":3,"names":["getOptionValue","option","props","useSimpleValues","valueProp","exports","getOptionText","textProp","findInAliases","search","aliases","some","alias","toLowerCase","includes"],"sources":["utils.ts"],"sourcesContent":["interface Option {\n    aliases?: string[];\n    index?: number;\n    name?: string;\n    [key: string]: any;\n}\ninterface Props {\n    useSimpleValues?: boolean;\n    valueProp?: string;\n    textProp?: string;\n}\n\nexport const getOptionValue = (option: Option | string, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.valueProp as string];\n    }\n\n    return option as string;\n};\n\nexport const getOptionText = (option: Option | string, props: Props): string => {\n    if (option) {\n        return props.useSimpleValues\n            ? (option as string)\n            : (option as Option)[props.textProp as string];\n    }\n\n    return option as string;\n};\n\nexport const findInAliases = (option: Option, search?: string): boolean => {\n    return (option.aliases || []).some((alias: string): boolean => {\n        return alias.toLowerCase().includes((search || \"\").toLowerCase());\n    });\n};\n"],"mappings":";;;;;;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAuB,EAAEC,KAAY,EAAa;EAC7E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACE,SAAS,CAAW;EACvD;EAEA,OAAOH,MAAM;AACjB,CAAC;AAACI,OAAA,CAAAL,cAAA,GAAAA,cAAA;AAEK,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAIL,MAAuB,EAAEC,KAAY,EAAa;EAC5E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACK,QAAQ,CAAW;EACtD;EAEA,OAAON,MAAM;AACjB,CAAC;AAACI,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIP,MAAc,EAAEQ,MAAe,EAAc;EACvE,OAAO,CAACR,MAAM,CAACS,OAAO,IAAI,EAAE,EAAEC,IAAI,CAAC,UAACC,KAAa,EAAc;IAC3D,OAAOA,KAAK,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,CAACL,MAAM,IAAI,EAAE,EAAEI,WAAW,CAAC,CAAC,CAAC;EACrE,CAAC,CAAC;AACN,CAAC;AAACR,OAAA,CAAAG,aAAA,GAAAA,aAAA"}

package/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["avatar","css","borderRadius","display","width","height","position","top","right","overflow","background","color","div","textAlign","alignContent","justifyContent","flexDirection","fontSize","span","paddingBottom","img","objectFit","Avatar","props","className","src","alt","fallbackText","renderImage","rest","renderedImage","imageProps","classNames","style","split","map","word","charAt","join","toUpperCase","defaultProps"],"sources":["Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nconst avatar = css({\n    borderRadius: \"50%\",\n    display: \"block\",\n    //alignItems: \"center\",\n    //justifyContent: \"center\",\n    width: 38,\n    height: 38,\n    position: \"relative\",\n    top: -7,\n    right: 7,\n    overflow: \"hidden\",\n    background: \"var(--mdc-theme-background)\",\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    div: {\n        textAlign: \"center\",\n        display: \"flex\",\n        alignContent: \"center\",\n        justifyContent: \"center\",\n        flexDirection: \"column\",\n        width: 38,\n        height: 38,\n        fontSize: \"1rem\",\n        span: {\n            paddingBottom: 2\n        }\n    },\n    img: {\n        width: \"100% !important\",\n        height: \"100% !important\",\n        objectFit: \"cover\"\n    }\n});\n\nexport interface AvatarProps {\n    /**\n     * CSS class name.\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * Avatar image source.\n     */\n    src?: string | null;\n\n    /**\n     * \"alt\" text.\n     */\n    alt?: string;\n\n    /**\n     * Width.\n     */\n    width?: number;\n\n    /**\n     * Height.\n     */\n    height?: number;\n\n    /**\n     * Pass a custom image component to be rendered instead of a simple <img> element.\n     * @param props\n     */\n    renderImage?: (props: { src: string; alt?: string }) => React.ReactElement;\n\n    /**\n     * Text that will be shown when there is no image (usually user's initials).\n     */\n    fallbackText: string;\n}\n\n/**\n * Use Avatar component to display user's avatar.\n */\nexport const Avatar: React.FC<AvatarProps> = props => {\n    const { className, width, height, src, alt, fallbackText, renderImage, ...rest } = props;\n\n    let renderedImage;\n    const imageProps = { src, alt };\n    if (src) {\n        if (typeof renderImage === \"function\") {\n            renderedImage = renderImage({\n                ...imageProps,\n                src\n            });\n        } else {\n            renderedImage = <img {...imageProps} alt={alt} src={src} />;\n        }\n    }\n\n    return (\n        <div\n            {...rest}\n            className={classNames(avatar, className)}\n            style={{ ...props.style, width, height }}\n        >\n            {props.src ? (\n                renderedImage\n            ) : (\n                <div>\n                    <span>\n                        {fallbackText\n                            .split(\" \")\n                            .map(word => word.charAt(0))\n                            .join(\"\")\n                            .toUpperCase()}\n                    </span>\n                </div>\n            )}\n        </div>\n    );\n};\n\nAvatar.defaultProps = {\n    width: 38,\n    height: 38\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAoC;AACpC,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,YAAY,EAAE,KAAK;EACnBC,OAAO,EAAE,OAAO;EAChB;EACA;EACAC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,QAAQ,EAAE,QAAQ;EAClBC,UAAU,EAAE,6BAA6B;EACzCC,KAAK,EAAE,+CAA+C;EACtDC,GAAG,EAAE;IACDC,SAAS,EAAE,QAAQ;IACnBV,OAAO,EAAE,MAAM;IACfW,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE,QAAQ;IACvBZ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVY,QAAQ,EAAE,MAAM;IAChBC,IAAI,EAAE;MACFC,aAAa,EAAE;IACnB;EACJ,CAAC;EACDC,GAAG,EAAE;IACDhB,KAAK,EAAE,iBAAiB;IACxBC,MAAM,EAAE,iBAAiB;IACzBgB,SAAS,EAAE;EACf;AACJ,CAAC,kBAAC;AA6CF;AACA;AACA;AACO,IAAMC,MAA6B,GAAG,SAAhCA,MAA6B,CAAGC,KAAK,EAAI;EAClD,IAAQC,SAAS,GAAkED,KAAK,CAAhFC,SAAS;IAAEpB,KAAK,GAA2DmB,KAAK,CAArEnB,KAAK;IAAEC,MAAM,GAAmDkB,KAAK,CAA9DlB,MAAM;IAAEoB,GAAG,GAA8CF,KAAK,CAAtDE,GAAG;IAAEC,GAAG,GAAyCH,KAAK,CAAjDG,GAAG;IAAEC,YAAY,GAA2BJ,KAAK,CAA5CI,YAAY;IAAEC,WAAW,GAAcL,KAAK,CAA9BK,WAAW;IAAKC,IAAI,0CAAKN,KAAK;EAExF,IAAIO,aAAa;EACjB,IAAMC,UAAU,GAAG;IAAEN,GAAG,EAAHA,GAAG;IAAEC,GAAG,EAAHA;EAAI,CAAC;EAC/B,IAAID,GAAG,EAAE;IACL,IAAI,OAAOG,WAAW,KAAK,UAAU,EAAE;MACnCE,aAAa,GAAGF,WAAW,6DACpBG,UAAU;QACbN,GAAG,EAAHA;MAAG,GACL;IACN,CAAC,MAAM;MACHK,aAAa,gBAAG,sDAASC,UAAU;QAAE,GAAG,EAAEL,GAAI;QAAC,GAAG,EAAED;MAAI,GAAG;IAC/D;EACJ;EAEA,oBACI,sDACQI,IAAI;IACR,SAAS,EAAE,IAAAG,mBAAU,EAAChC,MAAM,EAAEwB,SAAS,CAAE;IACzC,KAAK,8DAAOD,KAAK,CAACU,KAAK;MAAE7B,KAAK,EAALA,KAAK;MAAEC,MAAM,EAANA;IAAM;EAAG,IAExCkB,KAAK,CAACE,GAAG,GACNK,aAAa,gBAEb,uDACI,2CACKH,YAAY,CACRO,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAC,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;EAAA,EAAC,CAC3BC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE,CACf,CAEd,CACC;AAEd,CAAC;AAAC;AAEFjB,MAAM,CAACkB,YAAY,GAAG;EAClBpC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE;AACZ,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","_excluded","avatar","css","borderRadius","display","width","height","position","top","right","overflow","background","color","div","textAlign","alignContent","justifyContent","flexDirection","fontSize","span","paddingBottom","img","objectFit","Avatar","props","className","src","alt","fallbackText","renderImage","rest","_objectWithoutProperties2","default","renderedImage","imageProps","_objectSpread2","createElement","Object","assign","classNames","style","split","map","word","charAt","join","toUpperCase","exports","defaultProps"],"sources":["Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nconst avatar = css({\n    borderRadius: \"50%\",\n    display: \"block\",\n    //alignItems: \"center\",\n    //justifyContent: \"center\",\n    width: 38,\n    height: 38,\n    position: \"relative\",\n    top: -7,\n    right: 7,\n    overflow: \"hidden\",\n    background: \"var(--mdc-theme-background)\",\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    div: {\n        textAlign: \"center\",\n        display: \"flex\",\n        alignContent: \"center\",\n        justifyContent: \"center\",\n        flexDirection: \"column\",\n        width: 38,\n        height: 38,\n        fontSize: \"1rem\",\n        span: {\n            paddingBottom: 2\n        }\n    },\n    img: {\n        width: \"100% !important\",\n        height: \"100% !important\",\n        objectFit: \"cover\"\n    }\n});\n\nexport interface AvatarProps {\n    /**\n     * CSS class name.\n     */\n    className?: string;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * Avatar image source.\n     */\n    src?: string | null;\n\n    /**\n     * \"alt\" text.\n     */\n    alt?: string;\n\n    /**\n     * Width.\n     */\n    width?: number;\n\n    /**\n     * Height.\n     */\n    height?: number;\n\n    /**\n     * Pass a custom image component to be rendered instead of a simple <img> element.\n     * @param props\n     */\n    renderImage?: (props: { src: string; alt?: string }) => React.ReactElement;\n\n    /**\n     * Text that will be shown when there is no image (usually user's initials).\n     */\n    fallbackText: string;\n}\n\n/**\n * Use Avatar component to display user's avatar.\n */\nexport const Avatar: React.FC<AvatarProps> = props => {\n    const { className, width, height, src, alt, fallbackText, renderImage, ...rest } = props;\n\n    let renderedImage;\n    const imageProps = { src, alt };\n    if (src) {\n        if (typeof renderImage === \"function\") {\n            renderedImage = renderImage({\n                ...imageProps,\n                src\n            });\n        } else {\n            renderedImage = <img {...imageProps} alt={alt} src={src} />;\n        }\n    }\n\n    return (\n        <div\n            {...rest}\n            className={classNames(avatar, className)}\n            style={{ ...props.style, width, height }}\n        >\n            {props.src ? (\n                renderedImage\n            ) : (\n                <div>\n                    <span>\n                        {fallbackText\n                            .split(\" \")\n                            .map(word => word.charAt(0))\n                            .join(\"\")\n                            .toUpperCase()}\n                    </span>\n                </div>\n            )}\n        </div>\n    );\n};\n\nAvatar.defaultProps = {\n    width: 38,\n    height: 38\n};\n"],"mappings":"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"}

package/Avatar/Avatar.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Avatar"],"sources":["Avatar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Avatar/README.md\";\nimport { Avatar } from \"./Avatar\";\n\nconst story = storiesOf(\"Components/Avatar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple avatar\"}>\n                    <div>\n                        <Avatar\n                            width={48}\n                            height={48}\n                            alt=\"Test alt.\"\n                            fallbackText=\"T\"\n                            src=\"http://i.pravatar.cc/150?img=49\"\n                        />\n\n                        <br />\n                        <br />\n\n                        <Avatar width={64} height={64} alt=\"Test alt.\" fallbackText=\"T\" src={\"\"} />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Avatar] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAkB,gBACnC,uDACI,6BAAC,cAAM;IACH,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,GAAG,EAAC,WAAW;IACf,YAAY,EAAC,GAAG;IAChB,GAAG,EAAC;EAAiC,EACvC,eAEF,wCAAM,eACN,wCAAM,eAEN,6BAAC,cAAM;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE,EAAG;IAAC,GAAG,EAAC,WAAW;IAAC,YAAY,EAAC,GAAG;IAAC,GAAG,EAAE;EAAG,EAAG,CACzE,CACK,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,cAAM;EAAE;AAAE,CAAC,CACrC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_Avatar","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","Avatar","width","height","alt","fallbackText","src","info","propTables"],"sources":["Avatar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Avatar/README.md\";\nimport { Avatar } from \"./Avatar\";\n\nconst story = storiesOf(\"Components/Avatar\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple avatar\"}>\n                    <div>\n                        <Avatar\n                            width={48}\n                            height={48}\n                            alt=\"Test alt.\"\n                            fallbackText=\"T\"\n                            src=\"http://i.pravatar.cc/150?img=49\"\n                        />\n\n                        <br />\n                        <br />\n\n                        <Avatar width={64} height={64} alt=\"Test alt.\" fallbackText=\"T\" src={\"\"} />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Avatar] } }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAMK,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAS,KAAK,qBACFb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAU,WAAW,QAAEC,eAAoB,CAAC,eACnCf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,MAAA,CAAAY,YAAY;IAACC,KAAK,EAAE;EAAkB,gBACnCjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,2BACIZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAY,MAAM;IACHC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,GAAG,EAAC,WAAW;IACfC,YAAY,EAAC,GAAG;IAChBC,GAAG,EAAC;EAAiC,CACxC,CAAC,eAEFvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,WAAK,CAAC,eACNZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,WAAK,CAAC,eAENZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAY,MAAM;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,GAAG,EAAC,WAAW;IAACC,YAAY,EAAC,GAAG;IAACC,GAAG,EAAE;EAAG,CAAE,CACzE,CACK,CACX,CAAC;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACP,cAAM;EAAE;AAAE,CACrC,CAAC"}

package/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Avatar\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Avatar\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonDefault","props","disabled","onClick","children","small","ripple","className","style","classNames","ButtonPrimary","flat","ButtonSecondary","webinyButtonStyles","ButtonFloating","label","icon","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\";\n\nexport interface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\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, 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,\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,\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        label,\n        icon,\n        onClick,\n        small = false,\n        ripple,\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":["_react","_interopRequireDefault","require","RmwcButton","_interopRequireWildcard","_fab","_Icon","_classnames","_Button","_excluded","ButtonDefault","props","disabled","onClick","children","small","ripple","_props$className","className","style","default","createElement","Button","dense","classNames","exports","ButtonPrimary","_props$small","_props$flat","flat","_props$style","_props$className2","raised","unelevated","ButtonSecondary","_props$small2","_props$className3","_props$style2","outlined","webinyButtonStyles","ButtonFloating","label","icon","_props$small3","_props$className4","rest","_objectWithoutProperties2","Fab","Object","assign","mini","ButtonIcon","Icon"],"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\";\n\nexport interface ButtonProps {\n    /**\n     * Make button flat (only applicable to Primary button).\n     */\n    flat?: boolean;\n\n    /**\n     * Make button smaller.\n     */\n    small?: boolean;\n\n    /**\n     * Returning `any` allows us to pass callbacks to the button without worrying about their\n     * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n     * about their return types at all.\n     */\n    onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n    /**\n     * Label and optionally an icon (using Button.Icon component).\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Show ripple effect on button click.\n     */\n    ripple?: boolean;\n\n    /**\n     * Additional button class name.\n     */\n    className?: string;\n\n    /**\n     * Is button disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Additional inline styles.\n     */\n    style?: { [key: string]: any };\n\n    /**\n     * ID of the element for testing purposes.\n     */\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, 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,\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,\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        label,\n        icon,\n        onClick,\n        small = false,\n        ripple,\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.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","label","text","small","boolean","flat","icon","readme","info","propTables","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","ButtonIcon"],"sources":["Button.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AACpDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,IAAMC,KAAK,GAAG,IAAAC,gBAAI,EAAC,OAAO,EAAE,kBAAkB,CAAC;EAC/C,IAAMC,KAAK,GAAG,IAAAC,mBAAO,EAAC,OAAO,EAAE,KAAK,CAAC;EACrC,IAAMC,IAAI,GAAG,IAAAD,mBAAO,EAAC,MAAM,EAAE,KAAK,CAAC;EACnC,IAAME,IAAI,gBAAG,6BAAC,kBAAU;IAAC,IAAI,eAAE,6BAAC,sCAAS;EAAI,EAAG;EAEhD,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAiB,gBAClC,6BAAC,qBAAa;IAAC,KAAK,EAAEJ,KAAM;IAAC,IAAI,EAAEE;EAAK,GACnCJ,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA2B,gBAC5C,6BAAC,qBAAa;IAAC,KAAK,EAAEE,KAAM;IAAC,IAAI,EAAEE;EAAK,GACnCC,IAAI,EACJL,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAmB,gBACpC,6BAAC,uBAAe;IAAC,KAAK,EAAEE;EAAM,GAAEF,KAAK,CAAmB,CAC7C,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA6B,gBAC9C,6BAAC,uBAAe;IAAC,KAAK,EAAEE;EAAM,GACzBG,IAAI,EACJL,KAAK,CACQ,CACP,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAiB,gBAClC,6BAAC,qBAAa;IAAC,KAAK,EAAEE;EAAM,GAAEF,KAAK,CAAiB,CACzC,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA2B,gBAC5C,6BAAC,qBAAa;IAAC,KAAK,EAAEE;EAAM,GACvBG,IAAI,EACJL,KAAK,CACM,CACL,eACf,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAkB,gBACnC,6BAAC,sBAAc;IAAC,KAAK,EAAEE,KAAM;IAAC,IAAI,EAAEG;EAAK,EAAG,CACjC,CACX;AAEhB,CAAC,EACD;EACIE,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,qBAAa,EAAEC,uBAAe,EAAEC,qBAAa,EAAEC,sBAAc,EAAEC,kBAAU;EAC1F;AACJ,CAAC,CACJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_addonKnobs","_Story","_README","_baselineCloud_done24px","_Button","story","storiesOf","module","addDecorator","withKnobs","add","label","text","small","boolean","flat","icon","default","createElement","ButtonIcon","ReactComponent","Story","StoryReadme","readme","StorySandbox","title","ButtonPrimary","ButtonSecondary","ButtonDefault","ButtonFloating","info","propTables"],"sources":["Button.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { withKnobs, text, boolean } from \"@storybook/addon-knobs\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Button/README.md\";\nimport { ReactComponent as CloudIcon } from \"./assets/baseline-cloud_done-24px.svg\";\n\nimport {\n    ButtonPrimary,\n    ButtonSecondary,\n    ButtonDefault,\n    ButtonFloating,\n    ButtonIcon\n} from \"./Button\";\n\nconst story = storiesOf(\"Components/Button\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"standard buttons\",\n    () => {\n        const label = text(\"Label\", \"Click to proceed\");\n        const small = boolean(\"Small\", false);\n        const flat = boolean(\"Flat\", false);\n        const icon = <ButtonIcon icon={<CloudIcon />} />;\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Primary button\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Primary button with icon\"}>\n                    <ButtonPrimary small={small} flat={flat}>\n                        {icon}\n                        {label}\n                    </ButtonPrimary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button\"}>\n                    <ButtonSecondary small={small}>{label}</ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Secondary button with icon\"}>\n                    <ButtonSecondary small={small}>\n                        {icon}\n                        {label}\n                    </ButtonSecondary>\n                </StorySandbox>\n                <StorySandbox title={\"Default button\"}>\n                    <ButtonDefault small={small}>{label}</ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Default button with icon\"}>\n                    <ButtonDefault small={small}>\n                        {icon}\n                        {label}\n                    </ButtonDefault>\n                </StorySandbox>\n                <StorySandbox title={\"Floating button\"}>\n                    <ButtonFloating small={small} icon={icon} />\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon]\n        }\n    }\n);\n"],"mappings":"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"}

package/Button/Button.styles.js.map

@@ -1 +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,YAAG,mHAK7B;AAAC"}
+{"version":3,"names":["_emotion","require","webinyButtonStyles","css","exports"],"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,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,IAAMC,kBAAkB,oBAAGC,YAAG,mHAK7B;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA"}

package/Button/CopyButton/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["CopyButton","props","value","onCopy","otherProps","copyToClipboard","useCallback","navigator","clipboard","writeText"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport interface CopyButtonProps extends FormComponentProps {\n    value: string;\n    onCopy?: () => void;\n}\n\n/**\n * Shows the icon button.\n */\nconst CopyButton: React.FC<CopyButtonProps> = props => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAsC;AAStC;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EACnD,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,0CAAKH,KAAK;EAE9C,IAAMI,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACP,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,EAAE;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAO,6BAAC,iBAAU,oBAAKE,UAAU;IAAE,OAAO,EAAEC,eAAgB;IAAC,IAAI,eAAE,6BAAC,6BAAmB;EAAI,GAAG;AAClG,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_file_copy24px","_index","_excluded","CopyButton","props","value","onCopy","otherProps","_objectWithoutProperties2","default","copyToClipboard","useCallback","navigator","clipboard","writeText","createElement","IconButton","Object","assign","onClick","icon","ReactComponent","exports"],"sources":["CopyButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyToClipboardIcon } from \"../assets/file_copy-24px.svg\";\nimport { IconButton } from \"../index\";\nimport { FormComponentProps } from \"../../types\";\nimport { useCallback } from \"react\";\n\nexport interface CopyButtonProps extends FormComponentProps {\n    value: string;\n    onCopy?: () => void;\n}\n\n/**\n * Shows the icon button.\n */\nconst CopyButton: React.FC<CopyButtonProps> = props => {\n    const { value, onCopy, ...otherProps } = props;\n\n    const copyToClipboard = useCallback(() => {\n        navigator.clipboard.writeText(value);\n        if (typeof onCopy === \"function\") {\n            onCopy();\n        }\n    }, [value]);\n\n    return <IconButton {...otherProps} onClick={copyToClipboard} icon={<CopyToClipboardIcon />} />;\n};\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,IAAAG,SAAA;AAStC;AACA;AACA;AACA,IAAMC,UAAqC,GAAG,SAAxCA,UAAqCA,CAAGC,KAAK,EAAI;EACnD,IAAQC,KAAK,GAA4BD,KAAK,CAAtCC,KAAK;IAAEC,MAAM,GAAoBF,KAAK,CAA/BE,MAAM;IAAKC,UAAU,OAAAC,yBAAA,CAAAC,OAAA,EAAKL,KAAK,EAAAF,SAAA;EAE9C,IAAMQ,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtCC,SAAS,CAACC,SAAS,CAACC,SAAS,CAACT,KAAK,CAAC;IACpC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;EACJ,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,oBAAOR,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACd,MAAA,CAAAe,UAAU,EAAAC,MAAA,CAAAC,MAAA,KAAKX,UAAU;IAAEY,OAAO,EAAET,eAAgB;IAACU,IAAI,eAAEvB,MAAA,CAAAY,OAAA,CAAAM,aAAA,CAACf,cAAA,CAAAqB,cAAmB,MAAE;EAAE,EAAE,CAAC;AAClG,CAAC;AAACC,OAAA,CAAAnB,UAAA,GAAAA,UAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","add","readme","info","propTablesExclude","Menu","MenuItem","Story","StoryReadme","StorySandbox"],"sources":["CopyButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAAc,gBAC/B,uDACI,2CAAM,+CAAqD,CAAO,eAClE,6BAAC,sBAAU;IAAC,KAAK,EAAC;EAAO,EAAG,CAC1B,CACK,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEC,YAAK,EAAEC,kBAAW,EAAEC,mBAAY;EACxE;AACJ,CAAC,CACJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_index","_CopyButton","story","storiesOf","module","add","default","createElement","Story","StoryReadme","readme","StorySandbox","title","CopyButton","value","info","propTablesExclude","Menu","MenuItem"],"sources":["CopyButton.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { Menu, MenuItem } from \"./../../Menu/index\";\n\nimport { CopyButton } from \"./CopyButton\";\n\nconst story = storiesOf(\"Components/Button\", module);\n\nstory.add(\n    \"copy button\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"Copy button\"}>\n                    <div>\n                        <span>Click the button to copy the &quot;Hello&quot; value:</span>\n                        <CopyButton value=\"Hello\" />\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTablesExclude: [Menu, MenuItem, Story, StoryReadme, StorySandbox]\n        }\n    }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAMM,KAAK,GAAG,IAAAC,iBAAS,EAAC,mBAAmB,EAAEC,MAAM,CAAC;AAEpDF,KAAK,CAACG,GAAG,CACL,aAAa,EACb,YAAM;EACF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAU,KAAK,qBACFd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAW,WAAW,QAAEC,eAAoB,CAAC,eACnChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAa,YAAY;IAACC,KAAK,EAAE;EAAc,gBAC/BlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,2BACIb,MAAA,CAAAY,OAAA,CAAAC,aAAA,eAAM,+CAA2D,CAAC,eAClEb,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAY,UAAU;IAACC,KAAK,EAAC;EAAO,CAAE,CAC1B,CACK,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,iBAAiB,EAAE,CAACC,WAAI,EAAEC,eAAQ,EAAEV,YAAK,EAAEC,kBAAW,EAAEE,mBAAY;EACxE;AACJ,CACJ,CAAC"}

package/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconButton","props","id","icon","label","onClick","className","disabled","ripple"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\n\nimport { FormComponentProps } from \"../../types\";\n\nexport interface IconButtonProps extends Omit<FormComponentProps, \"onChange\">, RmwcIconButtonProps {\n    id?: string;\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    /**\n     * Button label\n     */\n    label?: string;\n\n    /**\n     * onClick handler\n     * @param event\n     */\n    onClick?: (event: React.MouseEvent) => void;\n\n    /**\n     * Custom CSS class\n     */\n    className?: string;\n    /**\n     * For testing purposes.\n     */\n\n    \"data-testid\"?: string;\n\n    /**\n     * Should icon be disabled?\n     */\n    disabled?: boolean;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton: React.FC<IconButtonProps> = props => {\n    const { id, icon, label, onClick, className, disabled, ripple } = props;\n\n    return (\n        <RIconButton\n            id={id}\n            data-testid={props[\"data-testid\"]}\n            onClick={onClick}\n            disabled={disabled}\n            className={className}\n            label={label}\n            icon={icon}\n            ripple={ripple}\n        />\n    );\n};\n\nexport { IconButton };\n"],"mappings":";;;;;;;AAAA;AACA;AAyCA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EACnD,IAAQC,EAAE,GAAwDD,KAAK,CAA/DC,EAAE;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAEC,KAAK,GAA2CH,KAAK,CAArDG,KAAK;IAAEC,OAAO,GAAkCJ,KAAK,CAA9CI,OAAO;IAAEC,SAAS,GAAuBL,KAAK,CAArCK,SAAS;IAAEC,QAAQ,GAAaN,KAAK,CAA1BM,QAAQ;IAAEC,MAAM,GAAKP,KAAK,CAAhBO,MAAM;EAE7D,oBACI,6BAAC,sBAAW;IACR,EAAE,EAAEN,EAAG;IACP,eAAaD,KAAK,CAAC,aAAa,CAAE;IAClC,OAAO,EAAEI,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,SAAS,EAAED,SAAU;IACrB,KAAK,EAAEF,KAAM;IACb,IAAI,EAAED,IAAK;IACX,MAAM,EAAEK;EAAO,EACjB;AAEV,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconButton","IconButton","props","id","icon","label","onClick","className","disabled","ripple","default","createElement","exports"],"sources":["IconButton.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    IconButton as RIconButton,\n    IconButtonProps as RmwcIconButtonProps\n} from \"@rmwc/icon-button\";\n\nimport { FormComponentProps } from \"../../types\";\n\nexport interface IconButtonProps extends Omit<FormComponentProps, \"onChange\">, RmwcIconButtonProps {\n    id?: string;\n    /**\n     * Icon should be provided as an SvgComponent.\n     */\n    icon: React.ReactNode;\n\n    /**\n     * Button label\n     */\n    label?: string;\n\n    /**\n     * onClick handler\n     * @param event\n     */\n    onClick?: (event: React.MouseEvent) => void;\n\n    /**\n     * Custom CSS class\n     */\n    className?: string;\n    /**\n     * For testing purposes.\n     */\n\n    \"data-testid\"?: string;\n\n    /**\n     * Should icon be disabled?\n     */\n    disabled?: boolean;\n}\n\n/**\n * Shows the icon button.\n */\nconst IconButton: React.FC<IconButtonProps> = props => {\n    const { id, icon, label, onClick, className, disabled, ripple } = props;\n\n    return (\n        <RIconButton\n            id={id}\n            data-testid={props[\"data-testid\"]}\n            onClick={onClick}\n            disabled={disabled}\n            className={className}\n            label={label}\n            icon={icon}\n            ripple={ripple}\n        />\n    );\n};\n\nexport { IconButton };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAyCA;AACA;AACA;AACA,IAAME,UAAqC,GAAG,SAAxCA,UAAqCA,CAAGC,KAAK,EAAI;EACnD,IAAQC,EAAE,GAAwDD,KAAK,CAA/DC,EAAE;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAEC,KAAK,GAA2CH,KAAK,CAArDG,KAAK;IAAEC,OAAO,GAAkCJ,KAAK,CAA9CI,OAAO;IAAEC,SAAS,GAAuBL,KAAK,CAArCK,SAAS;IAAEC,QAAQ,GAAaN,KAAK,CAA1BM,QAAQ;IAAEC,MAAM,GAAKP,KAAK,CAAhBO,MAAM;EAE7D,oBACIZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,WAAA,CAAAC,UAAW;IACRE,EAAE,EAAEA,EAAG;IACP,eAAaD,KAAK,CAAC,aAAa,CAAE;IAClCI,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAEA,KAAM;IACbD,IAAI,EAAEA,IAAK;IACXK,MAAM,EAAEA;EAAO,CAClB,CAAC;AAEV,CAAC;AAACG,OAAA,CAAAX,UAAA,GAAAA,UAAA"}