@redocly/theme 0.41.0-rc.4 → 0.41.0

package/lib/components/Search/FilterFields/SearchFilterFieldSelect.js

@@ -1,113 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilterFieldSelect = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const hooks_1 = require("../../../core/hooks");
-const Select_1 = require("../../../components/Select/Select");
-const CounterTag_1 = require("../../../components/Tags/CounterTag");
-function SearchFilterFieldSelect({ facet, filter, query, selectedValues, onChange, }) {
-    const MAX_SELECT_OPTIONS = 20;
-    const { useFacetQuery, useTranslate } = (0, hooks_1.useThemeHooks)();
-    const { translate } = useTranslate();
-    const { searchFacet, setSearchFacet, setSearchFacetQuery } = useFacetQuery(facet.field);
-    const [selectOptions, setSelectOptions] = (0, react_1.useState)([]);
-    const isMultiple = facet.type === 'multi-select';
-    (0, react_1.useEffect)(() => {
-        setSelectOptions(getSelectOptions());
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [searchFacet, facet]);
-    const onSearch = (value) => {
-        if (value === null) {
-            setSearchFacet(null);
-            setSearchFacetQuery(null);
-        }
-        else if (typeof value === 'string') {
-            setSearchFacetQuery({
-                query,
-                filter,
-                facetQuery: value,
-            });
-        }
-    };
-    const getSelectOptions = () => {
-        return searchFacet
-            ? searchFacet.values.map(facetValueToSelectOption)
-            : facet.values.map(facetValueToSelectOption);
-    };
-    const facetValueToSelectOption = (facetValue) => {
-        if (!facetValue) {
-            return { element: null, value: '' };
-        }
-        if (typeof facetValue === 'string') {
-            return {
-                element: (react_1.default.createElement(FilterSelectOptionWrapper, null,
-                    react_1.default.createElement(FilterSelectOptionText, null, facetValue))),
-                value: facetValue,
-            };
-        }
-        else {
-            const { value, count, isCounterVisible } = facetValue;
-            return {
-                element: (react_1.default.createElement(FilterSelectOptionWrapper, null,
-                    react_1.default.createElement(FilterSelectOptionText, null, value),
-                    isCounterVisible && react_1.default.createElement(CounterTag_1.CounterTag, null, count))),
-                value: value,
-            };
-        }
-    };
-    return (react_1.default.createElement(Select_1.Select, { value: selectedValues.length
-            ? isMultiple
-                ? selectedValues.map((value) => facetValueToSelectOption(value))
-                : facetValueToSelectOption(selectedValues[0])
-            : undefined, options: selectOptions, onChange: onChange, placeholder: `${translate('theme.search.filter.field.placeholder', 'Search')} ${facet.name.toLowerCase()}...`, alignment: "start", multiple: isMultiple, searchable: true, footer: selectOptions.length === MAX_SELECT_OPTIONS ? (react_1.default.createElement(FilterSelectFooter, null, "Search to show more items...")) : null, onSearch: onSearch }));
-}
-exports.SearchFilterFieldSelect = SearchFilterFieldSelect;
-const FilterSelectOptionWrapper = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--search-filter-field-select-option-gap);
-`;
-const FilterSelectOptionText = styled_components_1.default.span `
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  padding: var(--search-filter-field-select-option-text-padding);
-`;
-const FilterSelectFooter = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--search-filter-field-select-footer-padding);
-  color: var(--search-filter-field-select-footer-text-color);
-`;
-//# sourceMappingURL=SearchFilterFieldSelect.js.map

package/lib/components/Search/FilterFields/SearchFilterFieldTags.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { SearchFacet } from '../../../core/types';
-type SearchFilterFieldTagsProps = {
-    className?: string;
-    facet: SearchFacet;
-    selectedValues: string[];
-    onChange: (value: string | string[]) => void;
-};
-export declare function SearchFilterFieldTags({ className, facet, selectedValues, onChange, }: SearchFilterFieldTagsProps): React.JSX.Element;
-export {};

package/lib/components/Search/FilterFields/SearchFilterFieldTags.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilterFieldTags = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Tag_1 = require("../../../components/Tag/Tag");
-function SearchFilterFieldTags({ className, facet, selectedValues, onChange, }) {
-    return (react_1.default.createElement(FilterTagsWrapper, { "data-component-name": "Search/FilterFields/SearchFilterFieldTags", className: className }, facet.values.map((facetCount, index) => {
-        const { value, count, isCounterVisible } = facetCount;
-        const active = selectedValues.includes(value);
-        return (react_1.default.createElement(FilterTagWrapper, { key: `${count}-${index}`, color: value, onClick: () => {
-                const values = active
-                    ? selectedValues.filter((item) => item !== value)
-                    : [...selectedValues, value];
-                onChange(values);
-            }, active: active, borderless: true },
-            value,
-            " ",
-            isCounterVisible && react_1.default.createElement("span", null, count)));
-    })));
-}
-exports.SearchFilterFieldTags = SearchFilterFieldTags;
-const FilterTagsWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--search-filter-field-tags-gap);
-`;
-const FilterTagWrapper = (0, styled_components_1.default)(Tag_1.Tag) `
-  text-transform: uppercase;
-  cursor: pointer;
-  ${({ color }) => color && `background-color: var(--tag-operation-bg-color-${color});`}
-  margin: var(--search-filter-field-tags-tag-margin);
-`;
-//# sourceMappingURL=SearchFilterFieldTags.js.map

package/lib/components/Search/SearchFilter.d.ts

@@ -1,11 +0,0 @@
-import type { SearchFilterItem, SearchFacet } from '../../core/types';
-export type SearchFilterProps = {
-    className?: string;
-    facets: SearchFacet[];
-    filter: SearchFilterItem[];
-    query: string;
-    onFilterChange: (field: string, value: string | string[], isTop?: boolean) => void;
-    onFilterReset: () => void;
-    onFacetReset: (field: string) => void;
-};
-export declare function SearchFilter({ className, facets, filter, query, onFilterChange, onFilterReset, onFacetReset, }: SearchFilterProps): JSX.Element;

package/lib/components/Search/SearchFilter.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilter = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../../components/Button/Button");
-const CleanIcon_1 = require("../../icons/CleanIcon/CleanIcon");
-const SearchFilterField_1 = require("../../components/Search/SearchFilterField");
-const hooks_1 = require("../../core/hooks");
-function SearchFilter({ className, facets, filter, query, onFilterChange, onFilterReset, onFacetReset, }) {
-    const { useTranslate } = (0, hooks_1.useThemeHooks)();
-    const { translate } = useTranslate();
-    return (React.createElement(SearchFilterWrapper, { "data-component-name": "Search/SearchFilter", className: className },
-        React.createElement(SearchFilterHeader, null,
-            React.createElement("span", { "data-translation-key": "theme.search.filter.title" }, translate('theme.search.filter.title', 'Advanced filter')),
-            React.createElement(Button_1.Button, { "data-translation-key": "theme.search.filter.reset", onClick: onFilterReset, variant: "ghost", icon: React.createElement(CleanIcon_1.CleanIcon, null) }, translate('theme.search.filter.reset', 'Reset filters'))),
-        React.createElement(SearchFilterFields, null, facets.map((facet, index) => (React.createElement(SearchFilterField_1.SearchFilterField, { key: `${facet.field}-${index}`, facet: facet, onFilterChange: onFilterChange, onFacetReset: onFacetReset, filter: filter, query: query }))))));
-}
-exports.SearchFilter = SearchFilter;
-const SearchFilterWrapper = styled_components_1.default.div `
-  width: var(--search-filter-width);
-  display: flex;
-  flex-direction: column;
-  padding: var(--search-filter-padding);
-  font-size: var(--search-filter-font-size);
-  font-weight: var(--search-filter-font-weight);
-  line-height: var(--search-filter-line-height);
-`;
-const SearchFilterHeader = styled_components_1.default.div `
-  position: sticky;
-  top: 0px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--search-filter-header-padding);
-  color: var(--search-filter-header-text-color);
-  background-color: var(--search-filter-bg-color);
-  z-index: var(--search-filter-header-z-index);
-`;
-const SearchFilterFields = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  gap: var(--search-filter-fields-gap);
-`;
-//# sourceMappingURL=SearchFilter.js.map

package/lib/components/Search/SearchFilterField.d.ts

@@ -1,11 +0,0 @@
-import type { SearchFacet, SearchFilterItem } from '../../core/types';
-type SearchFilterFieldProps = {
-    className?: string;
-    facet: SearchFacet;
-    filter: SearchFilterItem[];
-    query: string;
-    onFilterChange: (field: string, value: string | string[], isTop?: boolean) => void;
-    onFacetReset: (filed: string) => void;
-};
-export declare function SearchFilterField({ className, facet, filter, query, onFilterChange, onFacetReset, }: SearchFilterFieldProps): JSX.Element;
-export {};

package/lib/components/Search/SearchFilterField.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchFilterField = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../../components/Button/Button");
-const ResetIcon_1 = require("../../icons/ResetIcon/ResetIcon");
-const core_1 = require("../../core");
-const SearchFilterFieldSelect_1 = require("../../components/Search/FilterFields/SearchFilterFieldSelect");
-const SearchFilterFieldTags_1 = require("../../components/Search/FilterFields/SearchFilterFieldTags");
-function SearchFilterField({ className, facet, filter, query, onFilterChange, onFacetReset, }) {
-    var _a;
-    const { useTranslate } = (0, core_1.useThemeHooks)();
-    const { translate } = useTranslate();
-    const selectedValues = ((_a = filter.find((item) => item.field === facet.field)) === null || _a === void 0 ? void 0 : _a.values) || [];
-    const onChange = (value) => {
-        onFilterChange(facet.field, value, facet.isTop);
-    };
-    const onReset = () => {
-        onFacetReset(facet.field);
-    };
-    return (react_1.default.createElement(FilterFieldWrapper, { "data-component-name": "Search/SearchFilterField", className: className },
-        react_1.default.createElement(FilterFieldLabel, null,
-            facet.name,
-            selectedValues.length > 0 && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "theme.search.filter.field.reset", icon: react_1.default.createElement(ResetIcon_1.ResetIcon, null), variant: "ghost", size: "small", onClick: onReset }, translate('theme.search.filter.field.reset', 'Reset')))),
-        ['select', 'multi-select'].includes(facet.type) && (react_1.default.createElement(SearchFilterFieldSelect_1.SearchFilterFieldSelect, { facet: facet, filter: filter, query: query, selectedValues: selectedValues, onChange: onChange })),
-        facet.type === 'tags' && (react_1.default.createElement(SearchFilterFieldTags_1.SearchFilterFieldTags, { facet: facet, selectedValues: selectedValues, onChange: onChange }))));
-}
-exports.SearchFilterField = SearchFilterField;
-const FilterFieldWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
-const FilterFieldLabel = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
-//# sourceMappingURL=SearchFilterField.js.map

package/lib/components/Search/SearchGroups.d.ts

@@ -1,9 +0,0 @@
-import { type SearchFacet, type SearchFilterItem } from '../../index.js';
-type SearchGroupsProps = {
-    facets: SearchFacet[];
-    searchFilter: SearchFilterItem[];
-    onFilterChange: (field: string, value: string[], isTop?: boolean) => void;
-    onTopFacetsReset: () => void;
-};
-export declare function SearchGroups({ facets, searchFilter, onFilterChange, onTopFacetsReset, }: SearchGroupsProps): JSX.Element;
-export {};

package/lib/components/Search/SearchGroups.js

@@ -1,69 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchGroups = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Tag_1 = require("../../components/Tag/Tag");
-function SearchGroups({ facets, searchFilter, onFilterChange, onTopFacetsReset, }) {
-    const groupFacets = facets.filter((facet) => facet.isTop);
-    const handleGroupTagClick = (value, fieldId, active, currentValues) => {
-        const values = active
-            ? currentValues.filter((item) => item !== value)
-            : [...currentValues, value];
-        onFilterChange(fieldId, values, true);
-    };
-    return (React.createElement(SearchGroupsWrapper, null,
-        React.createElement(GroupTag, { borderless: true, active: !searchFilter.some((item) => item.isTop), onClick: () => searchFilter.some((item) => item.isTop) && onTopFacetsReset() }, "All"),
-        React.createElement(Divider, null),
-        groupFacets.flatMap((facet) => facet.values.map((facetCount, index) => {
-            var _a;
-            const { value, count, isCounterVisible } = facetCount;
-            const currentValues = ((_a = searchFilter.find((item) => item.field === facet.field)) === null || _a === void 0 ? void 0 : _a.values) || [];
-            const active = currentValues === null || currentValues === void 0 ? void 0 : currentValues.includes(value);
-            return (React.createElement(GroupTag, { key: `${facet.field}-${index}`, onClick: () => handleGroupTagClick(value, facet.field, active, currentValues), active: active, borderless: true },
-                value,
-                " ",
-                isCounterVisible && React.createElement("span", null, count)));
-        }))));
-}
-exports.SearchGroups = SearchGroups;
-const SearchGroupsWrapper = styled_components_1.default.div `
-  display: flex;
-  gap: 4px;
-  padding: var(--spacing-md);
-`;
-const GroupTag = (0, styled_components_1.default)(Tag_1.Tag) `
-  cursor: pointer;
-  gap: 4px;
-`;
-const Divider = styled_components_1.default.div `
-  border-right: 1px solid var(--border-color-secondary);
-  margin: 5px 5px 5px 0;
-`;
-//# sourceMappingURL=SearchGroups.js.map

package/lib/components/Select/SelectInput.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { SelectOption } from '../../core/types/select';
-type SelectInputProps<T> = {
-    id?: string;
-    selectedOptions: SelectOption<T>[];
-    searchValue: any;
-    stickyValue: any;
-    onlyIcon?: boolean;
-    icon?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    placeholder?: string;
-    multiple?: boolean;
-    searchable?: boolean;
-    clearable?: boolean;
-    clearHandler?: (value?: any) => void;
-    inputBlurHandler?: (e?: any) => void;
-    inputFocusHandler?: (e?: any) => void;
-    searchHandler?: (e?: any) => void;
-    clickHandler?: (e?: any) => void;
-};
-export declare function SelectInput<T>(props: SelectInputProps<T>): React.ReactNode;
-export declare const SelectInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/lib/components/Select/SelectInput.js

@@ -1,129 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectInputWrapper = exports.SelectInput = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = __importStar(require("react"));
-const Tag_1 = require("../../components/Tag/Tag");
-const CloseIcon_1 = require("../../icons/CloseIcon/CloseIcon");
-const Button_1 = require("../../components/Button/Button");
-function SelectInput(props) {
-    const { id, onlyIcon, icon, customIcon, selectedOptions, placeholder, stickyValue, multiple, searchable, clearable, clearHandler, searchHandler, clickHandler, searchValue, inputBlurHandler, inputFocusHandler, } = props;
-    const inputRef = (0, react_1.useRef)(null);
-    const onChangeHandler = (e) => {
-        var _a;
-        searchHandler === null || searchHandler === void 0 ? void 0 : searchHandler(e);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    const onKeyDownHandler = (e) => {
-        var _a;
-        e.stopPropagation();
-        if (e.key === 'Backspace' && !searchValue && selectedOptions.length) {
-            clearHandler === null || clearHandler === void 0 ? void 0 : clearHandler(selectedOptions[selectedOptions.length - 1]);
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    };
-    const onClickHandler = (e) => {
-        clickHandler === null || clickHandler === void 0 ? void 0 : clickHandler(e);
-    };
-    const onFocusHandler = (e) => {
-        var _a;
-        inputFocusHandler === null || inputFocusHandler === void 0 ? void 0 : inputFocusHandler(e);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    const onBlurHandler = (e) => {
-        inputBlurHandler === null || inputBlurHandler === void 0 ? void 0 : inputBlurHandler(e);
-    };
-    const onClearAllHandler = (e) => {
-        e.stopPropagation();
-        clearHandler === null || clearHandler === void 0 ? void 0 : clearHandler();
-    };
-    const selectTags = selectedOptions.map((option, index) => (react_1.default.createElement(SelectInputTag, { closable: true, key: index, onClose: () => {
-            var _a;
-            clearHandler === null || clearHandler === void 0 ? void 0 : clearHandler(option);
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        } }, option.label || option.value || option.element)));
-    const selectInput = (react_1.default.createElement(SelectInternalInput, { value: searchValue ||
-            (!multiple && !stickyValue && selectedOptions.length
-                ? selectedOptions[0].label || selectedOptions[0].value
-                : ''), placeholder: searchValue || (multiple && selectedOptions.length) ? '' : stickyValue || placeholder, onChange: onChangeHandler, onKeyDown: onKeyDownHandler, onBlur: onBlurHandler, ref: inputRef, width: multiple ? (!searchValue && selectedOptions.length ? '10px' : 'auto') : '100%' }));
-    const simpleValue = selectedOptions.length ? (selectedOptions[0].label || selectedOptions[0].element || selectedOptions[0].value) : (react_1.default.createElement(SelectInternalInputPlaceholder, null, placeholder));
-    const multipleValues = selectedOptions.length ? (selectTags) : (react_1.default.createElement(SelectInternalInputPlaceholder, null, placeholder));
-    return (react_1.default.createElement(exports.SelectInputWrapper, Object.assign({}, props, { id: id, onFocus: onFocusHandler, onClick: onClickHandler }),
-        !onlyIcon && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(SelectInputValue, null, multiple ? (searchable ? (react_1.default.createElement(react_1.default.Fragment, null,
-                selectTags,
-                selectInput)) : (multipleValues)) : searchable ? (selectInput) : (simpleValue)),
-            !!(clearable && selectedOptions.length) && (react_1.default.createElement(Button_1.Button, { size: "small", variant: "text", icon: react_1.default.createElement(CloseIcon_1.CloseIcon, null), onClick: onClearAllHandler })))),
-        customIcon || icon));
-}
-exports.SelectInput = SelectInput;
-exports.SelectInputWrapper = styled_components_1.default.div `
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: var(--select-input-border-radius);
-  padding: var(--select-input-padding);
-  cursor: pointer;
-  gap: var(--select-input-gap);
-`;
-const SelectInputValue = styled_components_1.default.div `
-  width: calc(100% - 20px);
-  display: flex;
-  min-width: 0;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  flex-wrap: wrap;
-  gap: var(--select-input-value-gap);
-`;
-const SelectInputTag = (0, styled_components_1.default)(Tag_1.Tag) `
-  --tag-content-padding: 0;
-`;
-const SelectInternalInput = styled_components_1.default.input.attrs(() => ({
-    type: 'text',
-})) `
-  outline: none;
-  border-radius: var(--select-input-border-radius);
-  border: none;
-  font-size: var(--select-input-font-size);
-  font-weight: var(--select-input-font-weight);
-  line-height: var(--select-input-line-height);
-  background-color: var(--select-input-bg-color);
-
-  &::placeholder {
-    color: var(--select-input-placeholder-color);
-  }
-
-  width: ${({ width }) => width || 'auto'};
-`;
-const SelectInternalInputPlaceholder = styled_components_1.default.div `
-  color: var(--select-input-placeholder-color);
-  padding-left: 8px;
-`;
-//# sourceMappingURL=SelectInput.js.map

package/lib/core/hooks/search/use-search-filter.d.ts

@@ -1,9 +0,0 @@
-import type { SearchFilterItem } from '../../../core/types';
-export declare function useSearchFilter(filter: SearchFilterItem[], setFilter: React.Dispatch<React.SetStateAction<SearchFilterItem[]>>): {
-    onFacetReset: (field: string) => void;
-    onTopFacetsReset: () => void;
-    onFilterChange: (field: string, value: string | string[] | undefined, isTop?: boolean) => void;
-    onFilterReset: () => void;
-    onFilterToggle: () => void;
-    isFilterOpen: boolean;
-};

package/lib/core/hooks/search/use-search-filter.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchFilter = void 0;
-const react_1 = require("react");
-function useSearchFilter(filter, setFilter) {
-    const [isFilterOpen, setIsFilterOpen] = (0, react_1.useState)(false);
-    const onFilterToggle = (0, react_1.useCallback)(() => {
-        setIsFilterOpen(!isFilterOpen);
-    }, [isFilterOpen]);
-    const onFilterChange = (field, value, isTop) => {
-        const values = value ? (Array.isArray(value) ? value : [value]) : [];
-        const _filter = [...filter];
-        const fieldIndex = _filter.findIndex((filter) => filter.field === field);
-        if (fieldIndex > -1) {
-            // filter field already exists
-            _filter[fieldIndex].values = values;
-        }
-        else {
-            if (!values.length)
-                return;
-            _filter.push({ field, values, isTop });
-        }
-        setFilter(_filter.filter((item) => item.values.length));
-    };
-    const onFilterReset = () => {
-        setFilter([]);
-    };
-    const onTopFacetsReset = () => {
-        const _filter = [...filter];
-        setFilter(_filter.filter((item) => !item.isTop));
-    };
-    const onFacetReset = (field) => {
-        const _filter = [...filter];
-        const fieldIndex = _filter.findIndex((filter) => filter.field === field);
-        if (fieldIndex !== -1) {
-            _filter[fieldIndex].values = [];
-        }
-        setFilter(_filter.filter((item) => item.values.length));
-    };
-    return {
-        onFacetReset,
-        onTopFacetsReset,
-        onFilterChange,
-        onFilterReset,
-        onFilterToggle,
-        isFilterOpen,
-    };
-}
-exports.useSearchFilter = useSearchFilter;
-//# sourceMappingURL=use-search-filter.js.map

package/lib/core/types/select.d.ts

@@ -1,30 +0,0 @@
-import type React from 'react';
-export type SelectOption<T> = {
-    value: T;
-    element?: React.ReactNode | JSX.Element | string;
-    label?: string;
-};
-export type SelectProps<T = any> = {
-    value?: SelectOption<T> | SelectOption<T>[] | T | T[];
-    options: SelectOption<T>[];
-    multiple?: boolean;
-    searchable?: boolean;
-    clearable?: boolean;
-    dataAttributes?: Record<string, string>;
-    className?: string;
-    withArrow?: boolean;
-    triggerEvent?: 'click' | 'hover';
-    placement?: 'top' | 'bottom';
-    alignment?: 'start' | 'end';
-    onlyIcon?: boolean;
-    placeholder?: string;
-    disabled?: boolean;
-    hideCheckmarkIcon?: boolean;
-    dataTestId?: string;
-    icon?: React.ReactNode;
-    footer?: React.ReactNode;
-    onChange?: (value: T | T[]) => void;
-    renderInput?: () => React.ReactElement;
-    renderDivider?: () => React.ReactElement;
-    onSearch?: (value: T | null) => void;
-};

package/lib/icons/ResetIcon/ResetIcon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { IconProps } from '../../icons/types';
-export declare const ResetIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;