@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/AutoComplete/MultiAutoComplete.js.map

@@ -1 +1 @@
-{"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","_MultiAutoComplete","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","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","inputValue","multipleSelectionPage","multipleSelectionSearch","reorderFormVisible","reorderFormValue","React","createRef","set","selection","setState","_inherits2","_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","itemValue","itemClassNames","suggestionList","call","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","undefined","_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","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 var(--mdc-theme-primary, #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-deprecated-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 custom renderer for selected items.\n     */\n    renderMultipleSelection?: ((items: any) => React.ReactNode | null) | null;\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?: (item: any) => React.ReactNode;\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 = () => {\n    return (\n        <MaterialSpinner\n            size={24}\n            spinnerColor={\"var(--mdc-theme-primary, #fa5723)\"}\n            spinnerWidth={2}\n            visible\n        />\n    );\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    children: React.ReactNode;\n}\n\ninterface AssignedValueAfterClearing {\n    set: boolean;\n    selection: string | null;\n}\n\nconst OptionsList = ({ getMenuProps, children }: OptionsListProps) => {\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            renderMultipleSelection,\n            renderListItemOptions\n        } = this.props;\n\n        if (renderMultipleSelection !== undefined) {\n            if (renderMultipleSelection === null) {\n                return null;\n            }\n\n            return renderMultipleSelection.call(this, this.props);\n        }\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-expect-error 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-expect-error\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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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","MultiAutoComplete","AdminMultiAutoComplete","onChange","value","valueProp","textProp","renderItem","noResultFound","useSimpleValues","loading","allowFreeInput","unique","renderMultipleSelection","onInput","props","getOption","option","label","item","disabled","options","map","values","val","filter","Boolean","onValuesChange","selectedOptions","find","push","selectedItems","selectedOptionRenderer","createElement","Fragment","Object","assign","size","optionRenderer","emptyMessage","onValueSearch","uniqueValues"],"sources":["MultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { AutoCompleteBaseProps } from \"./types\";\nimport { MultiAutoComplete as AdminMultiAutoComplete } from \"@webiny/admin-ui\";\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 custom renderer for selected items.\n     */\n    renderMultipleSelection?: ((items: any, index: number) => React.ReactNode | null) | null;\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?: (item: any) => React.ReactNode;\n\n    /**\n     * Render in meta wrapper\n     */\n    renderListItemOptions?: (item: any) => React.ReactNode | null;\n\n    /**\n     *  A component that renders supporting UI in case of no result found.\n     */\n    noResultFound?: React.ReactNode;\n\n    /**\n     * Value is an array of strings. But can be undefined.\n     */\n    value?: MultiAutoCompletePropsValue;\n\n    /**\n     * Indicates if the reset action should be displayed.\n     */\n    displayResetAction?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `MultiAutoComplete` component from the `@webiny/admin-ui` package instead.\n */\nexport const MultiAutoComplete = ({\n    onChange,\n    value = [],\n    valueProp = \"id\",\n    textProp = \"name\",\n    renderItem,\n    noResultFound,\n    useSimpleValues,\n    loading,\n    allowFreeInput,\n    unique = true,\n    renderMultipleSelection,\n    onInput,\n    ...props\n}: MultiAutoCompleteProps) => {\n    const getOption = useCallback(\n        (option: any) => {\n            if (useSimpleValues) {\n                return {\n                    label: option,\n                    value: option,\n                    item: option\n                };\n            }\n\n            return {\n                label: option[textProp],\n                value: option[valueProp],\n                disabled: option.disabled,\n                item: option\n            };\n        },\n        [textProp, valueProp, useSimpleValues]\n    );\n\n    const options = useMemo(() => {\n        return props.options.map(option => {\n            return getOption(option);\n        });\n    }, [props.options]);\n\n    const values = useMemo(() => {\n        if (!value) {\n            return [];\n        }\n\n        return value\n            .map((val: SelectionItem | string) => {\n                if (typeof val === \"string\") {\n                    return val;\n                }\n\n                return val[valueProp as keyof SelectionItem] as string;\n            })\n            .filter(Boolean);\n    }, [value, valueProp]);\n\n    const onValuesChange = useCallback(\n        (values: any) => {\n            const selectedOptions = [];\n\n            for (const value of values) {\n                const option = options.find(option => option.value === value);\n\n                if (option) {\n                    selectedOptions.push(option);\n                } else {\n                    selectedOptions.push(getOption(value));\n                }\n            }\n\n            const selectedItems = selectedOptions.map(option => option.item);\n\n            onChange?.(selectedItems);\n        },\n        [onChange, options]\n    );\n\n    const selectedOptionRenderer = useMemo(() => {\n        if (renderMultipleSelection === null) {\n            return () => null;\n        }\n        return renderMultipleSelection;\n    }, [renderMultipleSelection]);\n\n    return (\n        <>\n            <AdminMultiAutoComplete\n                {...props}\n                size={\"lg\"}\n                values={values}\n                options={options}\n                optionRenderer={renderItem}\n                selectedOptionRenderer={selectedOptionRenderer}\n                emptyMessage={noResultFound}\n                onValuesChange={onValuesChange}\n                onValueSearch={onInput}\n                loading={loading}\n                allowFreeInput={allowFreeInput}\n                uniqueValues={unique}\n            />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,iBAAiB,IAAIC,sBAAsB,QAAQ,kBAAkB;AA4D9E;AACA;AACA;AACA;AACA,OAAO,MAAMD,iBAAiB,GAAGA,CAAC;EAC9BE,QAAQ;EACRC,KAAK,GAAG,EAAE;EACVC,SAAS,GAAG,IAAI;EAChBC,QAAQ,GAAG,MAAM;EACjBC,UAAU;EACVC,aAAa;EACbC,eAAe;EACfC,OAAO;EACPC,cAAc;EACdC,MAAM,GAAG,IAAI;EACbC,uBAAuB;EACvBC,OAAO;EACP,GAAGC;AACiB,CAAC,KAAK;EAC1B,MAAMC,SAAS,GAAGjB,WAAW,CACxBkB,MAAW,IAAK;IACb,IAAIR,eAAe,EAAE;MACjB,OAAO;QACHS,KAAK,EAAED,MAAM;QACbb,KAAK,EAAEa,MAAM;QACbE,IAAI,EAAEF;MACV,CAAC;IACL;IAEA,OAAO;MACHC,KAAK,EAAED,MAAM,CAACX,QAAQ,CAAC;MACvBF,KAAK,EAAEa,MAAM,CAACZ,SAAS,CAAC;MACxBe,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBD,IAAI,EAAEF;IACV,CAAC;EACL,CAAC,EACD,CAACX,QAAQ,EAAED,SAAS,EAAEI,eAAe,CACzC,CAAC;EAED,MAAMY,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC1B,OAAOe,KAAK,CAACM,OAAO,CAACC,GAAG,CAACL,MAAM,IAAI;MAC/B,OAAOD,SAAS,CAACC,MAAM,CAAC;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,KAAK,CAACM,OAAO,CAAC,CAAC;EAEnB,MAAME,MAAM,GAAGvB,OAAO,CAAC,MAAM;IACzB,IAAI,CAACI,KAAK,EAAE;MACR,OAAO,EAAE;IACb;IAEA,OAAOA,KAAK,CACPkB,GAAG,CAAEE,GAA2B,IAAK;MAClC,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;QACzB,OAAOA,GAAG;MACd;MAEA,OAAOA,GAAG,CAACnB,SAAS,CAAwB;IAChD,CAAC,CAAC,CACDoB,MAAM,CAACC,OAAO,CAAC;EACxB,CAAC,EAAE,CAACtB,KAAK,EAAEC,SAAS,CAAC,CAAC;EAEtB,MAAMsB,cAAc,GAAG5B,WAAW,CAC7BwB,MAAW,IAAK;IACb,MAAMK,eAAe,GAAG,EAAE;IAE1B,KAAK,MAAMxB,KAAK,IAAImB,MAAM,EAAE;MACxB,MAAMN,MAAM,GAAGI,OAAO,CAACQ,IAAI,CAACZ,MAAM,IAAIA,MAAM,CAACb,KAAK,KAAKA,KAAK,CAAC;MAE7D,IAAIa,MAAM,EAAE;QACRW,eAAe,CAACE,IAAI,CAACb,MAAM,CAAC;MAChC,CAAC,MAAM;QACHW,eAAe,CAACE,IAAI,CAACd,SAAS,CAACZ,KAAK,CAAC,CAAC;MAC1C;IACJ;IAEA,MAAM2B,aAAa,GAAGH,eAAe,CAACN,GAAG,CAACL,MAAM,IAAIA,MAAM,CAACE,IAAI,CAAC;IAEhEhB,QAAQ,GAAG4B,aAAa,CAAC;EAC7B,CAAC,EACD,CAAC5B,QAAQ,EAAEkB,OAAO,CACtB,CAAC;EAED,MAAMW,sBAAsB,GAAGhC,OAAO,CAAC,MAAM;IACzC,IAAIa,uBAAuB,KAAK,IAAI,EAAE;MAClC,OAAO,MAAM,IAAI;IACrB;IACA,OAAOA,uBAAuB;EAClC,CAAC,EAAE,CAACA,uBAAuB,CAAC,CAAC;EAE7B,oBACIf,KAAA,CAAAmC,aAAA,CAAAnC,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAmC,aAAA,CAAC/B,sBAAsB,EAAAiC,MAAA,CAAAC,MAAA,KACfrB,KAAK;IACTsB,IAAI,EAAE,IAAK;IACXd,MAAM,EAAEA,MAAO;IACfF,OAAO,EAAEA,OAAQ;IACjBiB,cAAc,EAAE/B,UAAW;IAC3ByB,sBAAsB,EAAEA,sBAAuB;IAC/CO,YAAY,EAAE/B,aAAc;IAC5BmB,cAAc,EAAEA,cAAe;IAC/Ba,aAAa,EAAE1B,OAAQ;IACvBJ,OAAO,EAAEA,OAAQ;IACjBC,cAAc,EAAEA,cAAe;IAC/B8B,YAAY,EAAE7B;EAAO,EACxB,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/AutoComplete/index.js

@@ -1,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _AutoComplete = require("./AutoComplete");
-Object.keys(_AutoComplete).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AutoComplete[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AutoComplete[key];
-    }
-  });
-});
-var _MultiAutoComplete = require("./MultiAutoComplete");
-Object.keys(_MultiAutoComplete).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MultiAutoComplete[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MultiAutoComplete[key];
-    }
-  });
-});
+export * from "./AutoComplete";
+export * from "./MultiAutoComplete";
 
 //# sourceMappingURL=index.js.map

package/AutoComplete/index.js.map

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AutoComplete\";\nexport * from \"./MultiAutoComplete\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/AutoComplete/types.d.ts

@@ -35,15 +35,15 @@ export interface AutoCompleteBaseProps extends FormComponentProps {
     value?: {
         id: string;
         name: string;
-    };
+    } | string;
     /**
      * Key in a single option object that will be used as option's value (by default, "id" key will be used).
      */
-    valueProp: string;
+    valueProp?: string;
     /**
      * Key in a single option object that will be used as option's text (by default, "name" key will be used).
      */
-    textProp: string;
+    textProp?: string;
     /**
      * Callback that gets executed on change of input value.
      */
@@ -59,5 +59,5 @@ export interface AutoCompleteBaseProps extends FormComponentProps {
     /**
      * Renders a single suggestion item.
      */
-    renderItem: (item: any, index?: number) => React.ReactNode;
+    renderItem?: (item: any, index?: number) => React.ReactNode;
 }

package/AutoComplete/types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=types.js.map

package/AutoComplete/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\n\nexport interface AutoCompleteBaseProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Is component read-only?\n     */\n    readOnly?: boolean;\n\n    /**\n     * Options that will be shown.\n     */\n    options: Array<any>;\n\n    /**\n     * Description beneath the autoComplete.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string };\n\n    /**\n     * Key in a single option object that will be used as option's value (by default, \"id\" key will be used).\n     */\n    valueProp: string;\n\n    /**\n     * Key in a single option object that will be used as option's text (by default, \"name\" key will be used).\n     */\n    textProp: string;\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: (value: any) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: React.FocusEvent<any>) => void;\n\n    /**\n     * Set if you are saving plain strings as values.\n     */\n    useSimpleValues?: boolean;\n\n    /**\n     * Renders a single suggestion item.\n     */\n    renderItem: (item: any, index?: number) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\n\nexport interface AutoCompleteBaseProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Is component read-only?\n     */\n    readOnly?: boolean;\n\n    /**\n     * Options that will be shown.\n     */\n    options: Array<any>;\n\n    /**\n     * Description beneath the autoComplete.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Default structure of value, an object consisting of \"id\" and \"name\" keys. Different keys can be set using \"valueProp\" and \"textProp\" props.\n     */\n    value?: { id: string; name: string } | string;\n\n    /**\n     * Key in a single option object that will be used as option's value (by default, \"id\" key will be used).\n     */\n    valueProp?: string;\n\n    /**\n     * Key in a single option object that will be used as option's text (by default, \"name\" key will be used).\n     */\n    textProp?: string;\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: (value: any) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: React.FocusEvent<any>) => void;\n\n    /**\n     * Set if you are saving plain strings as values.\n     */\n    useSimpleValues?: boolean;\n\n    /**\n     * Renders a single suggestion item.\n     */\n    renderItem?: (item: any, index?: number) => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/AutoComplete/utils.d.ts

@@ -9,7 +9,7 @@ interface Props {
     valueProp?: string;
     textProp?: string;
 }
-export declare const getOptionValue: (option: Option | string, props: Props) => string;
+export declare const getOptionValue: (option: any, props: Props) => string;
 export declare const getOptionText: (option: Option | string, props: Props) => string;
 export declare const findInAliases: (option: Option, search?: string) => boolean;
 export {};

package/AutoComplete/utils.js

@@ -1,23 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOptionValue = exports.getOptionText = exports.findInAliases = void 0;
-var getOptionValue = exports.getOptionValue = function getOptionValue(option, props) {
+export const getOptionValue = (option, props) => {
   if (option) {
     return props.useSimpleValues ? option : option[props.valueProp];
   }
   return option;
 };
-var getOptionText = exports.getOptionText = function getOptionText(option, props) {
+export const getOptionText = (option, props) => {
   if (option) {
     return props.useSimpleValues ? option : option[props.textProp];
   }
   return option;
 };
-var findInAliases = exports.findInAliases = function findInAliases(option, search) {
-  return (option.aliases || []).some(function (alias) {
+export const findInAliases = (option, search) => {
+  return (option.aliases || []).some(alias => {
     return alias.toLowerCase().includes((search || "").toLowerCase());
   });
 };

package/AutoComplete/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getOptionValue","exports","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,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,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;AAEM,IAAMI,aAAa,GAAAL,OAAA,CAAAK,aAAA,GAAG,SAAhBA,aAAaA,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;AAEM,IAAMM,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,SAAhBA,aAAaA,CAAIN,MAAc,EAAEO,MAAe,EAAc;EACvE,OAAO,CAACP,MAAM,CAACQ,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","ignoreList":[]}
+{"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: any, 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":"AAYA,OAAO,MAAMA,cAAc,GAAGA,CAACC,MAAW,EAAEC,KAAY,KAAa;EACjE,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACE,SAAS,CAAW;EACvD;EAEA,OAAOH,MAAM;AACjB,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGA,CAACJ,MAAuB,EAAEC,KAAY,KAAa;EAC5E,IAAID,MAAM,EAAE;IACR,OAAOC,KAAK,CAACC,eAAe,GACrBF,MAAM,GACNA,MAAM,CAAYC,KAAK,CAACI,QAAQ,CAAW;EACtD;EAEA,OAAOL,MAAM;AACjB,CAAC;AAED,OAAO,MAAMM,aAAa,GAAGA,CAACN,MAAc,EAAEO,MAAe,KAAc;EACvE,OAAO,CAACP,MAAM,CAACQ,OAAO,IAAI,EAAE,EAAEC,IAAI,CAAEC,KAAa,IAAc;IAC3D,OAAOA,KAAK,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,CAACL,MAAM,IAAI,EAAE,EAAEI,WAAW,CAAC,CAAC,CAAC;EACrE,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/Avatar/Avatar.d.ts

@@ -38,6 +38,7 @@ export interface AvatarProps {
     fallbackText: string;
 }
 /**
- * Use Avatar component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.
  */
 export declare const Avatar: (props: AvatarProps) => React.JSX.Element;

package/Avatar/Avatar.js

@@ -1,88 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Avatar = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["className", "width", "height", "src", "alt", "fallbackText", "renderImage"];
-var avatar = (0, _emotion.css)({
-  borderRadius: "50%",
-  display: "block",
-  //alignItems: "center",
-  //justifyContent: "center",
-  width: 38,
-  height: 38,
-  position: "relative",
-  top: -7,
-  right: 7,
-  overflow: "hidden",
-  background: "var(--mdc-theme-background)",
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  div: {
-    textAlign: "center",
-    display: "flex",
-    alignContent: "center",
-    justifyContent: "center",
-    flexDirection: "column",
-    width: 38,
-    height: 38,
-    fontSize: "1rem",
-    span: {
-      paddingBottom: 2
-    }
-  },
-  img: {
-    width: "100% !important",
-    height: "100% !important",
-    objectFit: "cover"
-  }
-});
+import React from "react";
+import { Avatar as AdminUiAvatar } from "@webiny/admin-ui";
 /**
- * Use Avatar component to display user's avatar.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.
  */
-var Avatar = exports.Avatar = function Avatar(props) {
-  var className = props.className,
-    _props$width = props.width,
-    width = _props$width === void 0 ? 38 : _props$width,
-    _props$height = props.height,
-    height = _props$height === void 0 ? 38 : _props$height,
-    src = props.src,
-    alt = props.alt,
-    fallbackText = props.fallbackText,
-    renderImage = props.renderImage,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var renderedImage;
-  var imageProps = {
-    src: src,
-    alt: alt
-  };
-  if (src) {
-    if (typeof renderImage === "function") {
-      renderedImage = renderImage((0, _objectSpread2.default)((0, _objectSpread2.default)({}, imageProps), {}, {
-        src: src
-      }));
-    } else {
-      renderedImage = /*#__PURE__*/_react.default.createElement("img", Object.assign({}, imageProps, {
-        alt: alt,
-        src: src
-      }));
-    }
-  }
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, rest, {
-    className: (0, _classnames.default)(avatar, className),
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
+export const Avatar = props => {
+  // Note that we're ignoring `renderImage` prop, as it's not supported in the new `Avatar` component.
+  const {
+    className,
+    style,
+    src,
+    alt,
+    width,
+    height,
+    fallbackText
+  } = props;
+  return /*#__PURE__*/React.createElement(AdminUiAvatar, {
+    className: className,
+    style: {
+      width,
+      height,
+      ...style
+    },
+    image: /*#__PURE__*/React.createElement(AdminUiAvatar.Image, {
+      src: src || "",
+      alt: alt,
       width: width,
       height: height
-    })
-  }), props.src ? renderedImage : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, fallbackText.split(" ").map(function (word) {
-    return word.charAt(0);
-  }).join("").toUpperCase())));
+    }),
+    fallback: /*#__PURE__*/React.createElement(AdminUiAvatar.Fallback, {
+      delayMs: 0
+    }, fallbackText)
+  });
 };
 
 //# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"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","exports","props","className","_props$width","_props$height","src","alt","fallbackText","renderImage","rest","_objectWithoutProperties2","default","renderedImage","imageProps","_objectSpread2","createElement","Object","assign","classNames","style","split","map","word","charAt","join","toUpperCase"],"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 = (props: AvatarProps) => {\n    const {\n        className,\n        width = 38,\n        height = 38,\n        src,\n        alt,\n        fallbackText,\n        renderImage,\n        ...rest\n    } = 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Avatar","AdminUiAvatar","props","className","style","src","alt","width","height","fallbackText","createElement","image","Image","fallback","Fallback","delayMs"],"sources":["Avatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar as AdminUiAvatar } from \"@webiny/admin-ui\";\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 * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Avatar` component from the `@webiny/admin-ui` package instead.\n */\nexport const Avatar = (props: AvatarProps) => {\n    // Note that we're ignoring `renderImage` prop, as it's not supported in the new `Avatar` component.\n    const { className, style, src, alt, width, height, fallbackText } = props;\n\n    return (\n        <AdminUiAvatar\n            className={className}\n            style={{ width, height, ...style }}\n            image={<AdminUiAvatar.Image src={src || \"\"} alt={alt} width={width} height={height} />}\n            fallback={<AdminUiAvatar.Fallback delayMs={0}>{fallbackText}</AdminUiAvatar.Fallback>}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,aAAa,QAAQ,kBAAkB;AA6C1D;AACA;AACA;AACA;AACA,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C;EACA,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,GAAG;IAAEC,GAAG;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAa,CAAC,GAAGP,KAAK;EAEzE,oBACIH,KAAA,CAAAW,aAAA,CAACT,aAAa;IACVE,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAE;MAAEG,KAAK;MAAEC,MAAM;MAAE,GAAGJ;IAAM,CAAE;IACnCO,KAAK,eAAEZ,KAAA,CAAAW,aAAA,CAACT,aAAa,CAACW,KAAK;MAACP,GAAG,EAAEA,GAAG,IAAI,EAAG;MAACC,GAAG,EAAEA,GAAI;MAACC,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA;IAAO,CAAE,CAAE;IACvFK,QAAQ,eAAEd,KAAA,CAAAW,aAAA,CAACT,aAAa,CAACa,QAAQ;MAACC,OAAO,EAAE;IAAE,GAAEN,YAAqC;EAAE,CACzF,CAAC;AAEV,CAAC","ignoreList":[]}

package/Avatar/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Avatar = require("./Avatar");
-Object.keys(_Avatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Avatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Avatar[key];
-    }
-  });
-});
+export * from "./Avatar";
 
 //# sourceMappingURL=index.js.map

package/Avatar/index.js.map

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Avatar\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Button/Button.d.ts

@@ -1,8 +1,5 @@
 import React from "react";
-import { FabProps } from "@rmwc/fab";
-import { IconProps } from "../Icon/Icon";
-import { SyntheticEvent } from "react";
-export interface ButtonProps {
+interface ButtonProps {
     /**
      * Make button flat (only applicable to Primary button).
      */
@@ -45,28 +42,12 @@ export interface ButtonProps {
     "data-testid"?: string;
 }
 /**
- * Shows a default button, used typically when action is not of high priority.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
  */
-export declare const ButtonDefault: (props: ButtonProps) => React.JSX.Element;
-/**
- * Shows primary button, eg. for submitting forms.
- */
-export declare const ButtonPrimary: (props: ButtonProps) => React.JSX.Element;
-/**
- * Shows a secondary button - eg. for doing a reset on a form.
- */
-export declare const ButtonSecondary: (props: ButtonProps) => React.JSX.Element;
-export type ButtonFloatingProps = ButtonProps & Omit<FabProps, "icon"> & {
-    label?: string | JSX.Element;
-    icon?: JSX.Element;
-    onMouseDown?: (e: SyntheticEvent) => void;
-    onMouseUp?: (e: SyntheticEvent) => void;
+declare const Button: {
+    (props: ButtonProps): React.JSX.Element;
+    displayName: string;
 };
-/**
- * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.
- */
-export declare const ButtonFloating: (props: ButtonFloatingProps) => React.JSX.Element;
-/**
- * Shows an icon, suitable to be shown inside of a button.
- */
-export declare const ButtonIcon: (props: IconProps) => React.JSX.Element;
+export { Button, ButtonProps };
+export default Button;