@hazelcast/ui 1.3.3-next.9 → 2.0.1-canary.0

package/lib/Select/CheckableSelectField.js

@@ -1,78 +0,0 @@
-import React, { useCallback, useMemo, useState } from 'react';
-import { Check, ChevronDown, ChevronUp, Minus } from 'react-feather';
-import { useUID } from 'react-uid';
-import cls from 'classnames';
-import { Popover } from '../Popover';
-import { Link } from '../Link';
-import { TextField } from '../TextField';
-import { useOpenCloseState } from '../hooks';
-import { TruncatedText } from '../TruncatedText';
-import styles from './CheckableSelectField.module.scss';
-const Checkmark = ({ checked }) => {
-    const classNames = cls(styles.checkmark, { [styles.checked]: checked });
-    return checked ? React.createElement(Check, { className: classNames }) : React.createElement(Minus, { className: classNames });
-};
-export const CheckableSelectField = (props) => {
-    const { options, onChange, value, size = 'small', placeholder = 'Search', placeholderMode = 'normal', label, showAriaLabel, disabled, helperText, className, error, onBlur, name, required, defaultOpen = false, 'data-test': dataTest, allSelectedLabel = 'All selected', noneSelectedLabel = 'None selected', noOptionsMessage = 'No options', id: rootId, filterOptions, searchInputProps = {}, } = props;
-    const id = useUID();
-    const { isOpen, toggle, close } = useOpenCloseState(defaultOpen);
-    const [searchValue, setSearchValue] = useState('');
-    const [forceUpdateToken, setForceUpdateToken] = useState(1);
-    const [anchorElement, setAnchorElement] = useState(null);
-    const handleKeyPress = useCallback((e) => {
-        if (e.key === 'Enter') {
-            toggle();
-        }
-    }, [toggle]);
-    const valueSet = useMemo(() => new Set(value), [value]);
-    const filteredOptions = useMemo(() => {
-        const value = searchValue.toLowerCase();
-        return options.filter((option) => {
-            if (filterOptions) {
-                return filterOptions(option, value);
-            }
-            return option.label.toLowerCase().includes(value);
-        });
-    }, [options, searchValue, filterOptions]);
-    const getValueLabel = () => {
-        if (placeholderMode === 'permanent') {
-            return placeholder;
-        }
-        if (value.length === 0) {
-            return noneSelectedLabel;
-        }
-        if (value.length === options.length) {
-            return allSelectedLabel;
-        }
-        return `${value.length} selected`;
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TextField, { size: size, name: name, id: rootId || id, onClick: toggle, onKeyPress: handleKeyPress, mRef: setAnchorElement, onChange: () => null, label: label || '', disabled: disabled, showAriaLabel: showAriaLabel, helperText: helperText, className: cls(className, styles.opener, {
-                [styles.withPermanentPlaceholder]: placeholderMode === 'permanent',
-            }), error: error, onBlur: onBlur, readOnly: true, required: required, "data-test": `${dataTest}-opener`, value: getValueLabel(), inputTrailingIconLabel: isOpen ? 'Close' : 'Open', inputTrailingIcon: isOpen ? ChevronUp : ChevronDown }),
-        React.createElement(Popover, { matchReferenceSize: true, anchorElement: anchorElement, open: isOpen, onClose: close, className: styles.panel, onUpdateLayout: () => setForceUpdateToken((token) => token + 1) },
-            React.createElement("div", { className: styles.dropdown, "data-test": `${dataTest}-dropdown` },
-                React.createElement("div", { className: styles.search },
-                    searchInputProps.startAdornment,
-                    React.createElement(TextField, { size: size, iconSize: "medium", className: styles.searchField, name: "checkable-select-search", "data-test": `${dataTest}-search`, onChange: (e) => setSearchValue(e.target.value), value: searchValue, label: "", disabled: disabled, placeholder: placeholder }),
-                    searchInputProps.endAdornment),
-                React.createElement("div", { className: styles.options }, filteredOptions.length > 0 ? (filteredOptions.map((option) => {
-                    const isChecked = valueSet.has(option.value);
-                    return (React.createElement("button", { type: "button", key: option.value, name: option.label, "data-test": `${dataTest}-option`, className: cls(styles.option, { [styles.optionChecked]: isChecked }), onClick: () => {
-                            if (isChecked) {
-                                onChange(value.filter((item) => item !== option.value));
-                            }
-                            else {
-                                onChange([...value, option.value]);
-                            }
-                        } },
-                        React.createElement(Checkmark, { checked: isChecked }),
-                        React.createElement(TruncatedText, { text: option.label, forceUpdateToken: forceUpdateToken })));
-                })) : (React.createElement("span", { className: styles.noOptionsMessage, "data-test": `${dataTest}-no-options-message` }, noOptionsMessage))),
-                React.createElement("div", { className: styles.bottom },
-                    React.createElement(Link, { component: "button", "data-test": `${dataTest}-select-all`, onClick: () => {
-                            onChange(filteredOptions.map(({ value }) => value));
-                        } }, "Select all"),
-                    React.createElement(Link, { component: "button", "data-test": `${dataTest}-select-none`, onClick: () => onChange([]) }, "Select none"))))));
-};
-//# sourceMappingURL=CheckableSelectField.js.map

package/lib/Select/CheckableSelectField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../src/Select/CheckableSelectField.tsx"],"names":[],"mappings":"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"}

package/lib/Select/CheckableSelectField.module.scss

@@ -1,100 +0,0 @@
-@use '../../styles/constants' as c;
-@use '../../styles/helpers' as h;
-
-.panel {
-  z-index: c.$zIndex2000;
-}
-
-.opener {
-  input {
-    cursor: pointer;
-  }
-
-  &.withPermanentPlaceholder {
-    input {
-      color: c.$colorTextSecondary;
-    }
-  }
-}
-
-.dropdown {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  padding: c.$grid * 5;
-  box-shadow: 0 c.$cardShadowSize c.$cardShadowBlur 0 c.$colorShadow;
-  border-radius: c.$borderRadius;
-  background: c.$colorNeutralWhite;
-}
-
-.options {
-  display: flex;
-  overflow: auto;
-  max-height: 300px;
-  flex-direction: column;
-}
-
-.search {
-  display: flex;
-  align-items: center;
-  gap: c.$grid * 2;
-  margin-bottom: c.$grid * 2;
-
-  &Field {
-    flex-grow: 1;
-  }
-}
-
-.option {
-  background: transparent;
-  border: none;
-  display: inline-flex;
-  align-items: center;
-  text-align: left;
-  flex-shrink: 0;
-  font-size: c.$fontSizeBodySmall;
-  color: c.$colorTextSecondary;
-  outline: c.$outlineWidth solid transparent;
-  margin-bottom: c.$grid * 2.5;
-  overflow: hidden;
-
-  &:focus-visible {
-    @include h.outlineFormField;
-  }
-}
-
-.optionChecked {
-  color: c.$colorText;
-}
-
-.bottom {
-  display: flex;
-  padding: c.$grid * 2.5 c.$grid * 2.5 0 c.$grid * 2.5;
-  margin: 0 (-(c.$grid * 5));
-  justify-content: space-between;
-  border-top: 1px solid c.$colorNeutral;
-}
-
-.checkmark {
-  width: c.$iconSizeSmall;
-  height: c.$iconSizeSmall;
-  border: c.$borderWidth solid c.$colorNeutralLight;
-  border-radius: c.$grid;
-  color: transparent;
-  margin-right: c.$grid * 2;
-  background-color: transparent;
-  flex-shrink: 0;
-
-  &.checked {
-    color: c.$colorNeutralWhite;
-    background-color: c.$colorSuccess;
-    border-color: c.$colorSuccess;
-  }
-}
-
-.noOptionsMessage {
-  display: inline-flex;
-  min-height: c.$grid * 10;
-  line-height: c.$grid * 10;
-  color: c.$colorNeutralLight;
-}

package/lib/Select/CheckableSelectFieldFormik.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { CheckableSelectFieldExtraProps } from './CheckableSelectField';
-import { FieldValidatorGeneric } from '../utils/formik';
-import { ExtractKeysOfValueType } from '../utils/types';
-export type CheckableSelectFieldFormikProps<V extends object, OV = string> = CheckableSelectFieldExtraProps<OV> & {
-    name: ExtractKeysOfValueType<V, OV[]>;
-    validate?: FieldValidatorGeneric<OV[]>;
-    onChange?: (value: OV[]) => void;
-};
-export declare const CheckableSelectFieldFormik: <V extends object, OV extends string | number = string>({ name, validate, onChange, ...props }: CheckableSelectFieldFormikProps<V, OV>) => ReactElement;

package/lib/Select/CheckableSelectFieldFormik.js

@@ -1,19 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { useField } from 'formik';
-import { CheckableSelectField } from './CheckableSelectField';
-import { formikTouchAndUpdate, getFieldError } from '../utils/formik';
-export const CheckableSelectFieldFormik = ({ name, validate, onChange, ...props }) => {
-    const [{ value, onBlur }, meta, { setValue, setTouched }] = useField({
-        name,
-        validate,
-    });
-    const setFormikValue = useMemo(() => formikTouchAndUpdate(setValue, setTouched), [setValue, setTouched]);
-    const handleChange = useCallback((newValue) => {
-        if (onChange) {
-            onChange(newValue);
-        }
-        setFormikValue(newValue);
-    }, [setFormikValue, onChange]);
-    return (React.createElement(CheckableSelectField, { ...props, name: name, value: value, onChange: handleChange, onBlur: onBlur, error: getFieldError(meta) }));
-};
-//# sourceMappingURL=CheckableSelectFieldFormik.js.map

package/lib/Select/CheckableSelectFieldFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckableSelectFieldFormik.js","sourceRoot":"","sources":["../../src/Select/CheckableSelectFieldFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAkC,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7F,OAAO,EAAyB,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS5F,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAwD,EAChG,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAC+B,EAAgB,EAAE;IACzD,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAO;QACzE,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAO,QAAQ,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAC9G,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,QAAc,EAAE,EAAE;QACjB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,QAAQ,CAAC,CAAA;SACnB;QAED,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC1B,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,OAAS,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CACtI,CAAA;AACH,CAAC,CAAA"}

package/lib/Select/Common.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { ChevronDown, X } from 'react-feather';
-import { components as rsComponents } from 'react-select';
-import cn from 'classnames';
-import { Icon } from '../Icon';
-import { IconButton } from '../IconButton';
-import { TruncatedText } from '../TruncatedText';
-import styles from './Common.module.scss';
-const DropdownIndicator = ({ selectProps }) => (React.createElement(Icon, { icon: ChevronDown, ariaHidden: true, size: "medium", className: cn(styles.chevron, { [styles.open]: selectProps.menuIsOpen, [styles.disabled]: selectProps.isDisabled }) }));
-// innerProps set event handling
-const ClearIndicator = ({ innerProps }) => (
-// Visually impaired people will use the keyboard (backspace) to remove the value. We do not want to confuse them by allowing to focus this button.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-React.createElement(IconButton, { ...innerProps, icon: X, ariaHidden: true, kind: "primary", size: "medium", className: styles.clear, tabIndex: -1 }));
-const Input = (innerProps) => {
-    // autoComplete='off' is hard-coded inside SelectField, but doesn't work in Chrome.
-    // Having an invalid value hard-coded disabled it in all browsers.
-    const props = {
-        ...innerProps,
-        autoComplete: 'chrome-off',
-    };
-    return React.createElement(rsComponents.Input, { ...props });
-};
-const isRenderMenuFooterFunction = (fn) => typeof fn === 'function';
-const MenuList = (props) => {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const { renderMenuFooter } = props.selectProps;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(rsComponents.MenuList, { ...props }),
-        isRenderMenuFooterFunction(renderMenuFooter) && renderMenuFooter()));
-};
-const ValueContainer = (props) => {
-    var _a;
-    return (React.createElement("div", { className: cn(props.className, styles.valueContainer) },
-        React.createElement(TruncatedText, { text: props.children }),
-        React.createElement("span", { className: cn(styles.trailingNote, `${props.selectProps.classNamePrefix || ''}__trailing-note`) }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote)));
-};
-const Option = (props) => (React.createElement(rsComponents.Option, { ...props },
-    React.createElement(ValueContainer, { ...props, className: `${props.selectProps.classNamePrefix || ''}__value-container` }, props.label)));
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-const IndicatorSeparator = () => null;
-const SingleValue = ({ children, ...props }) => (React.createElement(rsComponents.SingleValue, { ...props },
-    React.createElement(ValueContainer, { ...props }, children)));
-const components = {
-    DropdownIndicator,
-    ClearIndicator,
-    Input,
-    MenuList,
-    IndicatorSeparator,
-    Option,
-    SingleValue,
-};
-export { components };
-//# sourceMappingURL=Common.js.map

package/lib/Select/Common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"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"}

package/lib/Select/Common.module.scss

@@ -1,69 +0,0 @@
-@use '../../styles/constants' as c;
-@use '../../styles/helpers' as h;
-
-$selectHorizontalPadding: c.$grid * 3;
-
-.chevron {
-  color: c.$colorPrimary;
-  margin-left: $selectHorizontalPadding;
-  transition: 0s;
-
-  &.open {
-    transform: rotate(180deg);
-  }
-
-  &.disabled {
-    transition: 0s;
-    color: c.$colorTextSecondary;
-  }
-}
-
-.clear {
-  margin-left: $selectHorizontalPadding;
-}
-
-.option {
-  height: c.$inputHeight;
-  line-height: c.$inputHeight;
-  padding: 0 $selectHorizontalPadding;
-  background-color: transparent;
-
-  // Do not remove outline for high-contrast modes
-  // https://stackoverflow.com/a/52616313
-  outline: c.$outlineWidth solid transparent;
-  text-align: left;
-  cursor: pointer;
-
-  @include c.typographyBodySmall;
-
-  &.small {
-    height: c.$inputHeightSmall;
-    line-height: c.$inputHeightSmall;
-  }
-
-  &.focused {
-    @include h.outlineSimple;
-
-    color: c.$colorText;
-    background-color: c.$colorNeutral;
-  }
-
-  &.selected {
-    color: red;
-
-    // color: c.$colorPrimary;
-  }
-}
-
-[class].valueContainer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-
-  .trailingNote {
-    flex-shrink: 0;
-    color: c.$colorTextSecondary;
-    margin-left: c.$grid * 2;
-  }
-}

package/lib/Select/MultiSelectField.d.ts

@@ -1,28 +0,0 @@
-import React, { FocusEvent, InputHTMLAttributes, ReactElement } from 'react';
-import { Props as ReactSelectProps, Options, SelectComponentsConfig, GroupBase } from 'react-select';
-import { DataTestProp } from '@hazelcast/helpers';
-import { SelectFieldOption } from './helpers';
-import { RenderMenuFooterFunction } from './Common';
-import { FieldHeaderProps } from '../FieldHeader';
-export type MultiSelectFieldCoreStaticProps<V> = {
-    name: string;
-    onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    error?: string;
-    value: V[];
-    onChange: (newValue: V[]) => void;
-    components?: Partial<SelectComponentsConfig<SelectFieldOption<V>, true, GroupBase<SelectFieldOption<V>>>>;
-};
-export type MultiSelectFieldExtraProps<V> = {
-    options: ReadonlyArray<GroupBase<SelectFieldOption<V>>> | Options<SelectFieldOption<V>>;
-    isCreatable?: V extends string ? boolean : false;
-    className?: string;
-    placeholder?: string;
-    errorClassName?: string;
-    menuPortalTarget?: 'body' | 'self' | HTMLElement | null;
-    formatGroupLabel?: ReactSelectProps<SelectFieldOption<V>, true>['formatGroupLabel'];
-    formatOptionLabel?: ReactSelectProps<SelectFieldOption<V>, true>['formatOptionLabel'];
-    renderMenuFooter?: RenderMenuFooterFunction;
-    styles?: ReactSelectProps<SelectFieldOption<V>, true>['styles'];
-} & DataTestProp & Pick<InputHTMLAttributes<HTMLElement>, 'autoFocus' | 'disabled' | 'required' | 'placeholder' | 'aria-required'> & Pick<ReactSelectProps, 'isSearchable' | 'menuIsOpen' | 'menuPlacement' | 'noOptionsMessage' | 'inputValue' | 'closeMenuOnSelect' | 'hideSelectedOptions' | 'isClearable' | 'onInputChange'> & Omit<FieldHeaderProps, 'id'>;
-export type MultiSelectProps<V> = MultiSelectFieldCoreStaticProps<V> & MultiSelectFieldExtraProps<V>;
-export declare const MultiSelectField: <V extends string | number = number>(props: MultiSelectProps<V>) => React.ReactElement<MultiSelectProps<V>, string | React.JSXElementConstructor<any>>;

package/lib/Select/MultiSelectField.js

@@ -1,111 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import ReactSelect, { components as rsComponents, } from 'react-select';
-import ReactSelectCreatable from 'react-select/creatable';
-import { useUID } from 'react-uid';
-import { X } from 'react-feather';
-import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
-import cn from 'classnames';
-import { Error, errorId } from '../Error';
-import { Icon } from '../Icon';
-import { getMenuContainer, getOptionsMap } from './helpers';
-import { components } from './Common';
-import { FieldHeader } from '../FieldHeader';
-import { useCloseOnResize } from '../hooks/useCloseOnResize';
-import styles from './SelectField.module.scss';
-import multiStyles from './MultiSelectField.module.scss';
-// Self styled version of the MultiValue/Label
-const MultiValueLabel = ({ children }) => React.createElement("div", { className: multiStyles.multiValueLabel }, children);
-// Self styled version of the MultiValue/Remove button
-const MultiValueRemove = (props) => {
-    // We have to pass down the onClick
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment
-    const onClick = props.innerProps.onClick;
-    const handleMouseDown = (event) => {
-        // prevent opening the dropdown
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    const handleClick = (event) => {
-        event.button === 0 && onClick && onClick(event);
-    };
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React.createElement("div", { className: cn(multiStyles.multiValueRemove, { [multiStyles.disabled]: true }), onClick: handleClick, onMouseDown: handleMouseDown, role: "button", tabIndex: -1, "aria-label": "Remove" },
-        React.createElement(Icon, { icon: X, size: "small", ariaHidden: true })));
-};
-// We simply inject `.multiValueIsFocused`.
-const MultiValue = (props) => (React.createElement(rsComponents.MultiValue, { ...props, className: cn(multiStyles.multiValue, { [multiStyles.multiValueIsFocused]: props.isFocused, [multiStyles.disabled]: props.isDisabled }) }));
-export const MultiSelectField = (props) => {
-    const { 'data-test': dataTest, className, disabled, error, errorClassName, helperText, isCreatable, isSearchable = true, label, labelClassName, showAriaLabel = false, menuIsOpen, menuPortalTarget = 'body', menuPlacement = 'auto', name, onChange, options, placeholder, required, value, formatGroupLabel, formatOptionLabel, renderMenuFooter, components: customComponents, ...rest } = props;
-    const id = useUID();
-    useIsomorphicLayoutEffect(() => {
-        const menuContainer = getMenuContainer(menuPortalTarget);
-        if (menuContainer && !menuContainer.className.includes(styles.menuContainer)) {
-            menuContainer.className = `${menuContainer.className} ${styles.menuContainer}`;
-        }
-    }, [menuPortalTarget]);
-    const optionsMap = useMemo(() => getOptionsMap(options), [options]);
-    const selectedOptions = useMemo(() => value.map((val) => { var _a; return (_a = optionsMap[val]) !== null && _a !== void 0 ? _a : { value: val, label: val }; }), [optionsMap, value]);
-    const onChangeWrapped = useCallback((selectedOptions) => {
-        onChange(selectedOptions.map(({ value }) => value));
-    }, [onChange]);
-    /** Recipe: https://react-select.com/advanced#controlled-props */
-    const selectRef = useRef(null);
-    useEffect(() => {
-        if (selectRef.current) {
-            menuIsOpen ? selectRef.current.onMenuOpen() : selectRef.current.onMenuClose();
-        }
-    }, [menuIsOpen]);
-    useCloseOnResize(selectRef);
-    const selectProps = {
-        inputId: id,
-        className: 'hz-select-field',
-        classNamePrefix: 'hz-select-field',
-        'aria-label': showAriaLabel ? label : undefined,
-        // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute
-        'aria-errormessage': error && errorId(id),
-        'aria-invalid': !!error,
-        'aria-required': required,
-        isDisabled: disabled,
-        isSearchable: isSearchable,
-        isClearable: true,
-        isMulti: true,
-        name: name,
-        value: selectedOptions,
-        options,
-        onChange: onChangeWrapped,
-        placeholder,
-        menuIsOpen,
-        menuPlacement,
-        menuPortalTarget: getMenuContainer(menuPortalTarget),
-        components: {
-            MultiValueLabel,
-            MultiValueRemove,
-            MultiValue,
-            ...components,
-            ...customComponents,
-        },
-        formatGroupLabel,
-        formatOptionLabel,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        renderMenuFooter,
-        ...rest,
-    };
-    return (React.createElement("div", { "data-test": dataTest, className: cn(styles.container, 
-        // Menu container is either this select itself or any other element
-        // We can always add this class to the select itself because even if the menu container is any parent it won't break it
-        // However, if it is the select itself, it will properly add necessary specificity level to the menu styles.
-        styles.menuContainer, {
-            [styles.disabled]: disabled,
-            [styles.hasError]: error,
-            [styles.empty]: !value,
-            [styles.withError]: 'error' in props,
-            [styles.small]: rest.size === 'small',
-            [multiStyles.small]: rest.size === 'small',
-        }, multiStyles.multiContainer, className) },
-        React.createElement(FieldHeader, { id: id, label: label, size: rest.size, helperText: helperText, showAriaLabel: showAriaLabel, labelClassName: labelClassName }),
-        React.createElement("div", { className: styles.selectBlock }, isCreatable ? (React.createElement(ReactSelectCreatable, { ref: selectRef, ...selectProps })) : (React.createElement(ReactSelect, { ref: selectRef, ...selectProps }))),
-        React.createElement(Error, { truncated: true, error: error, className: cn(styles.errorContainer, errorClassName), inputId: id })));
-};
-//# sourceMappingURL=MultiSelectField.js.map

package/lib/Select/MultiSelectField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../src/Select/MultiSelectField.tsx"],"names":[],"mappings":"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"}

package/lib/Select/MultiSelectField.module.scss

@@ -1,72 +0,0 @@
-@use '../../styles/constants' as c;
-@use '../../styles/helpers' as h;
-
-$selectContainer: ':global .hz-select-field';
-$selectValueContainer: ':global .hz-select-field__value-container';
-$selectIndicators: ':global .hz-select-field__indicators';
-$selectMultiValue: ':global .hz-select-field__multi-value';
-
-.multiContainer {
-  #{$selectValueContainer}--has-value {
-    margin-left: -1.5 * c.$grid; // padding is narrower in .multiContainer (when it has any values selected)
-  }
-
-  #{$selectIndicators} {
-    align-items: flex-start;
-    margin-top: c.$grid * 1.5;
-  }
-
-  .multiValue {
-    background-color: c.$colorNeutralWhite;
-    border: c.$borderWidth solid c.$colorNeutralLight;
-    border-radius: c.$borderRadius;
-    height: c.$grid * 5.5; // makes 22px; design is 21px.
-    overflow: hidden;
-
-    &.disabled {
-      background-color: c.$colorNeutral;
-      color: c.$colorTextSecondary;
-    }
-  }
-
-  // Styles for MultiValue chips - focused state.
-  // We inject `.multiValueIsFocused` from js (it does not have an actual :focused state).
-  .multiValueIsFocused {
-    @include h.outlineFormField;
-
-    // override our outlineFormField inset shadow, for fixing
-    // the glitch case on an hovered remove button.
-    box-shadow: 0 0 0 (c.$outlineWidth - c.$borderWidth) c.$colorAccessibilityOutline;
-  }
-
-  .multiValueLabel {
-    @include c.typographyBodySmall;
-    @include h.overflowEllipsis;
-
-    color: c.$colorText;
-    padding: 0 c.$grid;
-  }
-
-  .multiValueRemove {
-    display: flex;
-    align-items: center;
-    color: c.$colorPrimary;
-
-    &:hover {
-      background-color: c.$colorNeutral;
-      border-color: c.$colorNeutralLight;
-    }
-
-    &.disabled {
-      color: c.$colorTextSecondary;
-    }
-  }
-
-  &.small {
-    #{$selectIndicators} {
-      margin-top: c.$grid * 0.5;
-    }
-  }
-}
-
-@include h.withError;

package/lib/Select/MultiSelectFieldFormik.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from 'react';
-import { MultiSelectFieldExtraProps } from './MultiSelectField';
-import { FieldValidatorGeneric } from '../utils/formik';
-import { ExtractKeysOfValueType } from '../utils/types';
-export type MultiSelectFieldFormikProps<V extends object, OV = string> = MultiSelectFieldExtraProps<OV> & {
-    name: ExtractKeysOfValueType<V, OV[]>;
-    validate?: FieldValidatorGeneric<OV[]>;
-    onChange?: (value: OV[]) => void;
-};
-export declare const MultiSelectFieldFormik: <V extends object, OV extends string | number = string>({ name, validate, onChange, ...props }: MultiSelectFieldFormikProps<V, OV>) => ReactElement;

package/lib/Select/MultiSelectFieldFormik.js

@@ -1,19 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { useField } from 'formik';
-import { MultiSelectField } from './MultiSelectField';
-import { formikTouchAndUpdate, getFieldError } from '../utils/formik';
-export const MultiSelectFieldFormik = ({ name, validate, onChange, ...props }) => {
-    const [{ value, onBlur }, meta, { setValue, setTouched }] = useField({
-        name,
-        validate,
-    });
-    const setFormikValue = useMemo(() => formikTouchAndUpdate(setValue, setTouched), [setValue, setTouched]);
-    const handleChange = useCallback((newValue) => {
-        if (onChange) {
-            onChange(newValue);
-        }
-        setFormikValue(newValue);
-    }, [setFormikValue, onChange]);
-    return React.createElement(MultiSelectField, { ...props, name: name, value: value, onChange: handleChange, onBlur: onBlur, error: getFieldError(meta) });
-};
-//# sourceMappingURL=MultiSelectFieldFormik.js.map

package/lib/Select/MultiSelectFieldFormik.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectFieldFormik.js","sourceRoot":"","sources":["../../src/Select/MultiSelectFieldFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAyB,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS5F,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAwD,EAC5F,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAC2B,EAAgB,EAAE;IACrD,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAO;QACzE,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAO,QAAQ,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAC9G,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,QAAc,EAAE,EAAE;QACjB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,QAAQ,CAAC,CAAA;SACnB;QAED,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC1B,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAA;IAED,OAAO,oBAAC,gBAAgB,OAAS,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAAA;AAC1I,CAAC,CAAA"}