@weavix/tracker-components 0.0.1

package/build/esm/components/Select/TagsSelect/TagsSelect.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagsSelect.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;AACJ;AACI;EACI,kCAAA;EACA,6CAAA;AACR","file":"TagsSelect.css","sourcesContent":[".tpc-tags-select {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--g-spacing-2);\n    align-items: center;\n\n    &__tag {\n        color: var(--g-color-text-primary);\n        background-color: var(--g-color-base-generic);\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/Select/TagsSelect/TagsSelect.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { MultiSelectProps } from '../MultiSelect';
+import type { TagsListProps } from '../TagsList/TagsList';
+import './TagsSelect.scss';
+export type TagsSelectProps = Omit<MultiSelectProps, 'renderControl'> & Pick<TagsListProps<string>, 'canDeselect'>;
+export declare const TagsSelect: FC<TagsSelectProps>;

package/build/esm/components/Select/TagsSelect/TagsSelect.js

@@ -0,0 +1,125 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useCallback, useMemo } from 'react';
+import { ArrowRotateLeft, Plus } from '@gravity-ui/icons';
+import { Button, Icon, getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { MultiSelect } from "../MultiSelect";
+import { TagsList } from "../TagsList/TagsList";
+import { cnTagsSelect } from "./TagsSelect.classname";
+import { defaultMessages } from "./i18n";
+import "./TagsSelect.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var TagsSelect = function TagsSelect(props) {
+  var value = props.value,
+    onUpdate = props.onUpdate,
+    options = props.options,
+    disabled = props.disabled,
+    hasClear = props.hasClear,
+    canDeselect = props.canDeselect;
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var valuesMap = useMemo(function () {
+    var result = {};
+    var _iterator = _createForOfIteratorHelper(options !== null && options !== void 0 ? options : []),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var option = _step.value;
+        if ('value' in option) {
+          result[option.value] = option;
+        } else if ('options' in option) {
+          var _option$options;
+          var _iterator2 = _createForOfIteratorHelper((_option$options = option.options) !== null && _option$options !== void 0 ? _option$options : []),
+            _step2;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var subOption = _step2.value;
+              result[subOption.value] = subOption;
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return result;
+  }, [options]);
+  var renderControl = useCallback(function (_ref) {
+    var ref = _ref.ref,
+      triggerProps = _ref.triggerProps;
+    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      ref: ref,
+      view: "normal",
+      size: "s"
+    }, triggerProps), {}, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: Plus
+      })
+    }));
+  }, []);
+  var handleDeselectTag = useCallback(function (deselectedValue) {
+    var _value$filter;
+    onUpdate === null || onUpdate === void 0 || onUpdate((_value$filter = value === null || value === void 0 ? void 0 : value.filter(function (item) {
+      return item !== deselectedValue;
+    })) !== null && _value$filter !== void 0 ? _value$filter : []);
+  }, [onUpdate, value]);
+  var handleClear = useCallback(function () {
+    onUpdate === null || onUpdate === void 0 || onUpdate([]);
+  }, [onUpdate]);
+  var valueOptions = useMemo(function () {
+    var result = [];
+    var _iterator3 = _createForOfIteratorHelper(value !== null && value !== void 0 ? value : []),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var valueItem = _step3.value;
+        var valueOption = valuesMap[valueItem];
+        if (valueOption) {
+          result.push(valueOption);
+        }
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+    return result;
+  }, [value, valuesMap]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: cnTagsSelect(),
+    children: [/*#__PURE__*/_jsx(TagsList, {
+      values: valueOptions,
+      onDeselect: handleDeselectTag,
+      canDeselect: canDeselect,
+      tagTheme: "unknown",
+      tagSize: "s",
+      disabled: disabled,
+      tagClassName: cnTagsSelect('tag')
+    }), !disabled && /*#__PURE__*/_jsx(MultiSelect, _objectSpread(_objectSpread({}, props), {}, {
+      hasClear: hasClear,
+      renderControl: renderControl
+    })), hasClear && !disabled && Boolean(value === null || value === void 0 ? void 0 : value.length) && /*#__PURE__*/_jsxs(Button, {
+      view: "flat-secondary",
+      size: "s",
+      onClick: handleClear,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        data: ArrowRotateLeft,
+        size: 13
+      }), t('clear')]
+    })]
+  });
+};
+// #sourceMappingURL=TagsSelect.js.map

package/build/esm/components/Select/TagsSelect/TagsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","ArrowRotateLeft","Plus","Button","Icon","getConfig","useLocalizedString","MultiSelect","TagsList","cnTagsSelect","defaultMessages","jsx","_jsx","jsxs","_jsxs","TagsSelect","props","value","onUpdate","options","disabled","hasClear","canDeselect","config","_useLocalizedString","lang","t","valuesMap","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","option","_option$options","_iterator2","_step2","subOption","err","e","f","renderControl","_ref","ref","triggerProps","_objectSpread","view","size","children","data","handleDeselectTag","deselectedValue","_value$filter","filter","item","handleClear","valueOptions","_iterator3","_step3","valueItem","valueOption","push","className","values","onDeselect","tagTheme","tagSize","tagClassName","Boolean","length","onClick"],"sources":["TagsSelect.tsx"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport type {FC, RefObject} from 'react';\n\nimport {ArrowRotateLeft, Plus} from '@gravity-ui/icons';\nimport type {SelectOption} from '@gravity-ui/uikit';\nimport {Button, Icon, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport type {MultiSelectProps} from '../MultiSelect';\nimport {MultiSelect} from '../MultiSelect';\nimport type {TagsListProps} from '../TagsList/TagsList';\nimport {TagsList} from '../TagsList/TagsList';\nimport type {TagOption} from '../TagsList/types';\n\nimport {cnTagsSelect} from './TagsSelect.classname';\nimport {defaultMessages} from './i18n';\n\nimport './TagsSelect.scss';\n\nexport type TagsSelectProps = Omit<MultiSelectProps, 'renderControl'> &\n    Pick<TagsListProps<string>, 'canDeselect'>;\n\nexport const TagsSelect: FC<TagsSelectProps> = (props) => {\n    const {value, onUpdate, options, disabled, hasClear, canDeselect} = props;\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n\n    const valuesMap = useMemo(() => {\n        const result: Record<string, SelectOption> = {};\n\n        for (const option of options ?? []) {\n            if ('value' in option) {\n                result[option.value] = option;\n            } else if ('options' in option) {\n                for (const subOption of option.options ?? []) {\n                    result[subOption.value] = subOption;\n                }\n            }\n        }\n\n        return result;\n    }, [options]);\n\n    const renderControl = useCallback<NonNullable<MultiSelectProps['renderControl']>>(\n        ({ref, triggerProps}) => (\n            <Button\n                ref={ref as RefObject<HTMLButtonElement>}\n                view=\"normal\"\n                size=\"s\"\n                {...triggerProps}\n            >\n                <Icon data={Plus} />\n            </Button>\n        ),\n        [],\n    );\n\n    const handleDeselectTag = useCallback<TagsListProps<string>['onDeselect']>(\n        (deselectedValue) => {\n            onUpdate?.(value?.filter((item) => item !== deselectedValue) ?? []);\n        },\n        [onUpdate, value],\n    );\n\n    const handleClear = useCallback(() => {\n        onUpdate?.([]);\n    }, [onUpdate]);\n\n    const valueOptions = useMemo(() => {\n        const result = [];\n\n        for (const valueItem of value ?? []) {\n            const valueOption = valuesMap[valueItem];\n\n            if (valueOption) {\n                result.push(valueOption);\n            }\n        }\n\n        return result;\n    }, [value, valuesMap]);\n\n    return (\n        <div className={cnTagsSelect()}>\n            <TagsList\n                values={valueOptions as TagOption<string>[]}\n                onDeselect={handleDeselectTag}\n                canDeselect={canDeselect}\n                tagTheme=\"unknown\"\n                tagSize=\"s\"\n                disabled={disabled}\n                tagClassName={cnTagsSelect('tag')}\n            />\n            {!disabled && (\n                <MultiSelect {...props} hasClear={hasClear} renderControl={renderControl} />\n            )}\n            {hasClear && !disabled && Boolean(value?.length) && (\n                <Button view=\"flat-secondary\" size=\"s\" onClick={handleClear}>\n                    <Icon data={ArrowRotateLeft} size={13} />\n                    {t('clear')}\n                </Button>\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/Select/TagsSelect/TagsSelect.scss

@@ -0,0 +1,11 @@
+.tpc-tags-select {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--g-spacing-2);
+    align-items: center;
+
+    &__tag {
+        color: var(--g-color-text-primary);
+        background-color: var(--g-color-base-generic);
+    }
+}

package/build/esm/components/Select/TagsSelect/i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultMessages: {
+    clear: {
+        ru: string;
+        en: string;
+    };
+};

package/build/esm/components/Select/TagsSelect/i18n.js

@@ -0,0 +1,7 @@
+export var defaultMessages = {
+  clear: {
+    ru: 'Очистить',
+    en: 'Clear'
+  }
+};
+// #sourceMappingURL=i18n.js.map

package/build/esm/components/Select/TagsSelect/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","clear","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    clear: {\n        ru: 'Очистить',\n        en: 'Clear',\n    },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3BC,KAAK,EAAE;IACHC,EAAE,EAAE,UAAU;IACdC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/Select/hooks/useAutocomplete.d.ts

@@ -0,0 +1,9 @@
+import type { CancellablePromise } from '@gravity-ui/sdk';
+export declare function useAutocomplete<T>(getData: (search: string) => CancellablePromise<T>, searchDelay?: number, useBoostedValues?: boolean): {
+    filteredItems: T | undefined;
+    resetFilteredItems: () => void;
+    handleFilterChange: (search: string, force?: boolean) => void;
+    isLoading: boolean;
+    searchText: string;
+    emitFilterChange: () => void;
+};

package/build/esm/components/Select/hooks/useAutocomplete.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.js";
+import "core-js/modules/es.promise.finally.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import debounce from 'lodash/debounce';
+import { useUnmount } from 'react-use';
+export function useAutocomplete(getData) {
+  var searchDelay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var useBoostedValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    filteredItems = _useState2[0],
+    setFilteredItems = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchText = _useState6[0],
+    setSearchText = _useState6[1];
+  var searchRequestRef = useRef();
+  var searchDebounced = useMemo(function () {
+    return debounce(function (search) {
+      setSearchText(search);
+      searchRequestRef.current = getData(search).then(function (items) {
+        setFilteredItems(items);
+      })["catch"](function (error) {
+        if (!error.isCancelled) {
+          console.error(error);
+        }
+      })["finally"](function () {
+        setIsLoading(false);
+      });
+    }, searchDelay);
+  }, [getData, searchDelay]);
+  useEffect(function () {
+    if (useBoostedValues) {
+      setIsLoading(true);
+      searchDebounced('');
+    }
+  }, [useBoostedValues, searchDebounced]);
+  useUnmount(function () {
+    if (searchRequestRef !== null && searchRequestRef !== void 0 && searchRequestRef.current && 'cancel' in searchRequestRef.current) {
+      searchRequestRef.current.cancel();
+    }
+    searchDebounced === null || searchDebounced === void 0 || searchDebounced.cancel();
+  });
+  var resetFilteredItems = useCallback(function () {
+    if (searchRequestRef.current && 'cancel' in searchRequestRef.current) {
+      searchRequestRef.current.cancel();
+    }
+    searchDebounced.cancel();
+    setFilteredItems(undefined);
+    setIsLoading(false);
+  }, [searchDebounced]);
+  var handleFilterChange = useCallback(function (search, force) {
+    if (searchRequestRef.current && 'cancel' in searchRequestRef.current) {
+      searchRequestRef.current.cancel();
+    }
+    searchDebounced.cancel();
+    if (!search && !useBoostedValues && !force) {
+      setSearchText('');
+      resetFilteredItems();
+      return;
+    }
+    setIsLoading(true);
+    searchDebounced(search);
+  }, [resetFilteredItems, searchDebounced, useBoostedValues]);
+  var emitFilterChange = useCallback(function () {
+    handleFilterChange(searchText, true);
+  }, [handleFilterChange, searchText]);
+  return {
+    filteredItems: filteredItems,
+    resetFilteredItems: resetFilteredItems,
+    handleFilterChange: handleFilterChange,
+    isLoading: isLoading,
+    searchText: searchText,
+    emitFilterChange: emitFilterChange
+  };
+}
+// #sourceMappingURL=useAutocomplete.js.map

package/build/esm/components/Select/hooks/useAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","debounce","useUnmount","useAutocomplete","getData","searchDelay","arguments","length","undefined","useBoostedValues","_useState","_useState2","_slicedToArray","filteredItems","setFilteredItems","_useState3","_useState4","isLoading","setIsLoading","_useState5","_useState6","searchText","setSearchText","searchRequestRef","searchDebounced","search","current","then","items","error","isCancelled","console","cancel","resetFilteredItems","handleFilterChange","force","emitFilterChange"],"sources":["useAutocomplete.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport type {CancellablePromise} from '@gravity-ui/sdk';\nimport debounce from 'lodash/debounce';\nimport {useUnmount} from 'react-use';\n\nexport function useAutocomplete<T>(\n    getData: (search: string) => CancellablePromise<T>,\n    searchDelay = 300,\n    useBoostedValues = false,\n) {\n    const [filteredItems, setFilteredItems] = useState<T | undefined>();\n    const [isLoading, setIsLoading] = useState(false);\n    const [searchText, setSearchText] = useState('');\n    const searchRequestRef = useRef<CancellablePromise<T[]>>();\n\n    const searchDebounced = useMemo(\n        () =>\n            debounce((search: string) => {\n                setSearchText(search);\n                searchRequestRef.current = getData(search)\n                    .then((items) => {\n                        setFilteredItems(items);\n                    })\n                    .catch((error) => {\n                        if (!error.isCancelled) {\n                            console.error(error);\n                        }\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                    }) as unknown as CancellablePromise<T[]>;\n            }, searchDelay),\n        [getData, searchDelay],\n    );\n\n    useEffect(() => {\n        if (useBoostedValues) {\n            setIsLoading(true);\n            searchDebounced('');\n        }\n    }, [useBoostedValues, searchDebounced]);\n\n    useUnmount(() => {\n        if (searchRequestRef?.current && 'cancel' in searchRequestRef.current) {\n            searchRequestRef.current.cancel();\n        }\n\n        searchDebounced?.cancel();\n    });\n\n    const resetFilteredItems = useCallback(() => {\n        if (searchRequestRef.current && 'cancel' in searchRequestRef.current) {\n            searchRequestRef.current.cancel();\n        }\n\n        searchDebounced.cancel();\n        setFilteredItems(undefined);\n        setIsLoading(false);\n    }, [searchDebounced]);\n\n    const handleFilterChange = useCallback(\n        (search: string, force?: boolean) => {\n            if (searchRequestRef.current && 'cancel' in searchRequestRef.current) {\n                searchRequestRef.current.cancel();\n            }\n\n            searchDebounced.cancel();\n\n            if (!search && !useBoostedValues && !force) {\n                setSearchText('');\n                resetFilteredItems();\n\n                return;\n            }\n\n            setIsLoading(true);\n            searchDebounced(search);\n        },\n        [resetFilteredItems, searchDebounced, useBoostedValues],\n    );\n\n    const emitFilterChange = useCallback(() => {\n        handleFilterChange(searchText, true);\n    }, [handleFilterChange, searchText]);\n\n    return {\n        filteredItems,\n        resetFilteredItems,\n        handleFilterChange,\n        isLoading,\n        searchText,\n        emitFilterChange,\n    };\n}\n"],"mappings":";;;;AAAA,SAAQA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAGvE,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAAQC,UAAU,QAAO,WAAW;AAEpC,OAAO,SAASC,eAAeA,CAC3BC,OAAkD,EAGpD;EAAA,IAFEC,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,GAAG;EAAA,IACjBG,gBAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAExB,IAAAI,SAAA,GAA0CV,QAAQ,CAAgB,CAAC;IAAAW,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA5DG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAAI,UAAA,GAAkCf,QAAQ,CAAC,KAAK,CAAC;IAAAgB,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAoCnB,QAAQ,CAAC,EAAE,CAAC;IAAAoB,UAAA,GAAAR,cAAA,CAAAO,UAAA;IAAzCE,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAChC,IAAMG,gBAAgB,GAAGxB,MAAM,CAA0B,CAAC;EAE1D,IAAMyB,eAAe,GAAG1B,OAAO,CAC3B;IAAA,OACIG,QAAQ,CAAC,UAACwB,MAAc,EAAK;MACzBH,aAAa,CAACG,MAAM,CAAC;MACrBF,gBAAgB,CAACG,OAAO,GAAGtB,OAAO,CAACqB,MAAM,CAAC,CACrCE,IAAI,CAAC,UAACC,KAAK,EAAK;QACbd,gBAAgB,CAACc,KAAK,CAAC;MAC3B,CAAC,CAAC,SACI,CAAC,UAACC,KAAK,EAAK;QACd,IAAI,CAACA,KAAK,CAACC,WAAW,EAAE;UACpBC,OAAO,CAACF,KAAK,CAACA,KAAK,CAAC;QACxB;MACJ,CAAC,CAAC,WACM,CAAC,YAAM;QACXX,YAAY,CAAC,KAAK,CAAC;MACvB,CAAC,CAAuC;IAChD,CAAC,EAAEb,WAAW,CAAC;EAAA,GACnB,CAACD,OAAO,EAAEC,WAAW,CACzB,CAAC;EAEDR,SAAS,CAAC,YAAM;IACZ,IAAIY,gBAAgB,EAAE;MAClBS,YAAY,CAAC,IAAI,CAAC;MAClBM,eAAe,CAAC,EAAE,CAAC;IACvB;EACJ,CAAC,EAAE,CAACf,gBAAgB,EAAEe,eAAe,CAAC,CAAC;EAEvCtB,UAAU,CAAC,YAAM;IACb,IAAIqB,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEG,OAAO,IAAI,QAAQ,IAAIH,gBAAgB,CAACG,OAAO,EAAE;MACnEH,gBAAgB,CAACG,OAAO,CAACM,MAAM,CAAC,CAAC;IACrC;IAEAR,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAEQ,MAAM,CAAC,CAAC;EAC7B,CAAC,CAAC;EAEF,IAAMC,kBAAkB,GAAGrC,WAAW,CAAC,YAAM;IACzC,IAAI2B,gBAAgB,CAACG,OAAO,IAAI,QAAQ,IAAIH,gBAAgB,CAACG,OAAO,EAAE;MAClEH,gBAAgB,CAACG,OAAO,CAACM,MAAM,CAAC,CAAC;IACrC;IAEAR,eAAe,CAACQ,MAAM,CAAC,CAAC;IACxBlB,gBAAgB,CAACN,SAAS,CAAC;IAC3BU,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,CAACM,eAAe,CAAC,CAAC;EAErB,IAAMU,kBAAkB,GAAGtC,WAAW,CAClC,UAAC6B,MAAc,EAAEU,KAAe,EAAK;IACjC,IAAIZ,gBAAgB,CAACG,OAAO,IAAI,QAAQ,IAAIH,gBAAgB,CAACG,OAAO,EAAE;MAClEH,gBAAgB,CAACG,OAAO,CAACM,MAAM,CAAC,CAAC;IACrC;IAEAR,eAAe,CAACQ,MAAM,CAAC,CAAC;IAExB,IAAI,CAACP,MAAM,IAAI,CAAChB,gBAAgB,IAAI,CAAC0B,KAAK,EAAE;MACxCb,aAAa,CAAC,EAAE,CAAC;MACjBW,kBAAkB,CAAC,CAAC;MAEpB;IACJ;IAEAf,YAAY,CAAC,IAAI,CAAC;IAClBM,eAAe,CAACC,MAAM,CAAC;EAC3B,CAAC,EACD,CAACQ,kBAAkB,EAAET,eAAe,EAAEf,gBAAgB,CAC1D,CAAC;EAED,IAAM2B,gBAAgB,GAAGxC,WAAW,CAAC,YAAM;IACvCsC,kBAAkB,CAACb,UAAU,EAAE,IAAI,CAAC;EACxC,CAAC,EAAE,CAACa,kBAAkB,EAAEb,UAAU,CAAC,CAAC;EAEpC,OAAO;IACHR,aAAa,EAAbA,aAAa;IACboB,kBAAkB,EAAlBA,kBAAkB;IAClBC,kBAAkB,EAAlBA,kBAAkB;IAClBjB,SAAS,EAATA,SAAS;IACTI,UAAU,EAAVA,UAAU;IACVe,gBAAgB,EAAhBA;EACJ,CAAC;AACL","ignoreList":[]}

package/build/esm/components/Select/i18n.d.ts

@@ -0,0 +1,22 @@
+export declare const defaultMessages: {
+    'label-deselect': {
+        ru: string;
+        en: string;
+    };
+    'no-options': {
+        ru: string;
+        en: string;
+    };
+    'no-options-description': {
+        ru: string;
+        en: string;
+    };
+    'no-options-title': {
+        ru: string;
+        en: string;
+    };
+    search: {
+        ru: string;
+        en: string;
+    };
+};

package/build/esm/components/Select/i18n.js

@@ -0,0 +1,23 @@
+export var defaultMessages = {
+  'label-deselect': {
+    ru: 'Удалить значение',
+    en: 'Delete value'
+  },
+  'no-options': {
+    ru: 'Вариантов не найдено',
+    en: 'No options found'
+  },
+  'no-options-description': {
+    ru: 'Проверьте, нет ли опечаток',
+    en: 'Check for typos'
+  },
+  'no-options-title': {
+    ru: 'Ничего не нашлось',
+    en: 'Nothing found'
+  },
+  search: {
+    ru: 'Поиск',
+    en: 'Search'
+  }
+};
+// #sourceMappingURL=i18n.js.map

package/build/esm/components/Select/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","ru","en","search"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    'label-deselect': {\n        ru: 'Удалить значение',\n        en: 'Delete value',\n    },\n    'no-options': {\n        ru: 'Вариантов не найдено',\n        en: 'No options found',\n    },\n    'no-options-description': {\n        ru: 'Проверьте, нет ли опечаток',\n        en: 'Check for typos',\n    },\n    'no-options-title': {\n        ru: 'Ничего не нашлось',\n        en: 'Nothing found',\n    },\n    search: {\n        ru: 'Поиск',\n        en: 'Search',\n    },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3B,gBAAgB,EAAE;IACdC,EAAE,EAAE,kBAAkB;IACtBC,EAAE,EAAE;EACR,CAAC;EACD,YAAY,EAAE;IACVD,EAAE,EAAE,sBAAsB;IAC1BC,EAAE,EAAE;EACR,CAAC;EACD,wBAAwB,EAAE;IACtBD,EAAE,EAAE,4BAA4B;IAChCC,EAAE,EAAE;EACR,CAAC;EACD,kBAAkB,EAAE;IAChBD,EAAE,EAAE,mBAAmB;IACvBC,EAAE,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACJF,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/Select/index.d.ts

@@ -0,0 +1,8 @@
+export { Select } from './Select';
+export type { SelectProps } from './Select';
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps } from './Autocomplete';
+export { MultiAutocomplete } from './MultiAutocomplete';
+export type { MultiAutocompleteProps } from './MultiAutocomplete';
+export { MultiSelect } from './MultiSelect';
+export type { MultiSelectProps } from './MultiSelect';

package/build/esm/components/Select/index.js

@@ -0,0 +1,5 @@
+export { Select } from "./Select";
+export { Autocomplete } from "./Autocomplete";
+export { MultiAutocomplete } from "./MultiAutocomplete";
+export { MultiSelect } from "./MultiSelect";
+// #sourceMappingURL=index.js.map

package/build/esm/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Select","Autocomplete","MultiAutocomplete","MultiSelect"],"sources":["index.ts"],"sourcesContent":["export {Select} from './Select';\nexport type {SelectProps} from './Select';\nexport {Autocomplete} from './Autocomplete';\nexport type {AutocompleteProps} from './Autocomplete';\nexport {MultiAutocomplete} from './MultiAutocomplete';\nexport type {MultiAutocompleteProps} from './MultiAutocomplete';\nexport {MultiSelect} from './MultiSelect';\nexport type {MultiSelectProps} from './MultiSelect';\n"],"mappings":"AAAA,SAAQA,MAAM;AAEd,SAAQC,YAAY;AAEpB,SAAQC,iBAAiB;AAEzB,SAAQC,WAAW","ignoreList":[]}

package/build/esm/components/Select/utils/filterAutocompleteOption.d.ts

@@ -0,0 +1 @@
+export declare function filterAutocompleteOption(): boolean;

package/build/esm/components/Select/utils/filterAutocompleteOption.js

@@ -0,0 +1,4 @@
+export function filterAutocompleteOption() {
+  return true;
+}
+// #sourceMappingURL=filterAutocompleteOption.js.map

package/build/esm/components/Select/utils/filterAutocompleteOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterAutocompleteOption"],"sources":["filterAutocompleteOption.ts"],"sourcesContent":["export function filterAutocompleteOption() {\n    return true;\n}\n"],"mappings":"AAAA,OAAO,SAASA,wBAAwBA,CAAA,EAAG;EACvC,OAAO,IAAI;AACf","ignoreList":[]}

package/build/esm/components/Select/utils/filterOption.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption } from '@gravity-ui/uikit';
+export declare function filterOption(option: SelectOption, filter: string): boolean;

package/build/esm/components/Select/utils/filterOption.js

@@ -0,0 +1,7 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+export function filterOption(option, filter) {
+  var _option$text;
+  return !filter || !option.value || option.text === '' || String((_option$text = option.text) !== null && _option$text !== void 0 ? _option$text : option.content).toLowerCase().includes(filter.toLowerCase());
+}
+// #sourceMappingURL=filterOption.js.map

package/build/esm/components/Select/utils/filterOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterOption","option","filter","_option$text","value","text","String","content","toLowerCase","includes"],"sources":["filterOption.ts"],"sourcesContent":["import type {SelectOption} from '@gravity-ui/uikit';\n\nexport function filterOption(option: SelectOption, filter: string) {\n    return (\n        !filter ||\n        !option.value ||\n        option.text === '' ||\n        String(option.text ?? option.content)\n            .toLowerCase()\n            .includes(filter.toLowerCase())\n    );\n}\n"],"mappings":";;AAEA,OAAO,SAASA,YAAYA,CAACC,MAAoB,EAAEC,MAAc,EAAE;EAAA,IAAAC,YAAA;EAC/D,OACI,CAACD,MAAM,IACP,CAACD,MAAM,CAACG,KAAK,IACbH,MAAM,CAACI,IAAI,KAAK,EAAE,IAClBC,MAAM,EAAAH,YAAA,GAACF,MAAM,CAACI,IAAI,cAAAF,YAAA,cAAAA,YAAA,GAAIF,MAAM,CAACM,OAAO,CAAC,CAChCC,WAAW,CAAC,CAAC,CACbC,QAAQ,CAACP,MAAM,CAACM,WAAW,CAAC,CAAC,CAAC;AAE3C","ignoreList":[]}

package/build/esm/components/Select/utils/getValueOption.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption, SelectOptionGroup } from '@gravity-ui/uikit';
+export declare function getValueOption(options: (SelectOption | SelectOptionGroup)[], value: string): SelectOption | undefined;

package/build/esm/components/Select/utils/getValueOption.js

@@ -0,0 +1,25 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+export function getValueOption(options, value) {
+  var _iterator = _createForOfIteratorHelper(options !== null && options !== void 0 ? options : []),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var option = _step.value;
+      if ('options' in option) {
+        var _option$options;
+        var result = getValueOption((_option$options = option.options) !== null && _option$options !== void 0 ? _option$options : [], value);
+        if (result) {
+          return result;
+        }
+      } else if ('value' in option && option.value === value) {
+        return option;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
+}
+// #sourceMappingURL=getValueOption.js.map

package/build/esm/components/Select/utils/getValueOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getValueOption","options","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","option","_option$options","result","err","e","f","undefined"],"sources":["getValueOption.ts"],"sourcesContent":["import type {SelectOption, SelectOptionGroup} from '@gravity-ui/uikit';\n\nexport function getValueOption(\n    options: (SelectOption | SelectOptionGroup)[],\n    value: string,\n): SelectOption | undefined {\n    for (const option of options ?? []) {\n        if ('options' in option) {\n            const result = getValueOption(option.options ?? [], value);\n\n            if (result) {\n                return result;\n            }\n        } else if ('value' in option && option.value === value) {\n            return option;\n        }\n    }\n\n    return undefined;\n}\n"],"mappings":";AAEA,OAAO,SAASA,cAAcA,CAC1BC,OAA6C,EAC7CC,KAAa,EACW;EAAA,IAAAC,SAAA,GAAAC,0BAAA,CACHH,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;IAAAI,KAAA;EAAA;IAAlC,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAoC;MAAA,IAAzBC,MAAM,GAAAJ,KAAA,CAAAH,KAAA;MACb,IAAI,SAAS,IAAIO,MAAM,EAAE;QAAA,IAAAC,eAAA;QACrB,IAAMC,MAAM,GAAGX,cAAc,EAAAU,eAAA,GAACD,MAAM,CAACR,OAAO,cAAAS,eAAA,cAAAA,eAAA,GAAI,EAAE,EAAER,KAAK,CAAC;QAE1D,IAAIS,MAAM,EAAE;UACR,OAAOA,MAAM;QACjB;MACJ,CAAC,MAAM,IAAI,OAAO,IAAIF,MAAM,IAAIA,MAAM,CAACP,KAAK,KAAKA,KAAK,EAAE;QACpD,OAAOO,MAAM;MACjB;IACJ;EAAC,SAAAG,GAAA;IAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA;EAAA;IAAAT,SAAA,CAAAW,CAAA;EAAA;EAED,OAAOC,SAAS;AACpB","ignoreList":[]}

package/build/esm/components/Select/utils/isGroupOption.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption, SelectOptionGroup } from '@gravity-ui/uikit';
+export declare function isGroupOption(option: SelectOption | SelectOptionGroup): option is SelectOptionGroup;

package/build/esm/components/Select/utils/isGroupOption.js

@@ -0,0 +1,4 @@
+export function isGroupOption(option) {
+  return 'options' in option;
+}
+// #sourceMappingURL=isGroupOption.js.map

package/build/esm/components/Select/utils/isGroupOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isGroupOption","option"],"sources":["isGroupOption.ts"],"sourcesContent":["import type {SelectOption, SelectOptionGroup} from '@gravity-ui/uikit';\n\nexport function isGroupOption(\n    option: SelectOption | SelectOptionGroup,\n): option is SelectOptionGroup {\n    return 'options' in option;\n}\n"],"mappings":"AAEA,OAAO,SAASA,aAAaA,CACzBC,MAAwC,EACb;EAC3B,OAAO,SAAS,IAAIA,MAAM;AAC9B","ignoreList":[]}

package/build/esm/components/Select/utils/renderOption.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SelectOption } from '@gravity-ui/uikit';
+export declare function renderOption({ disabled, content, children }: SelectOption): React.JSX.Element;

package/build/esm/components/Select/utils/renderOption.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { cnSelect } from "../Select.classname";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function renderOption(_ref) {
+  var disabled = _ref.disabled,
+    content = _ref.content,
+    children = _ref.children;
+  return /*#__PURE__*/_jsx("span", {
+    className: cnSelect('option', {
+      disabled: disabled
+    }),
+    children: content || children
+  });
+}
+// #sourceMappingURL=renderOption.js.map

package/build/esm/components/Select/utils/renderOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cnSelect","jsx","_jsx","renderOption","_ref","disabled","content","children","className"],"sources":["renderOption.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {SelectOption} from '@gravity-ui/uikit';\n\nimport {cnSelect} from '../Select.classname';\n\nexport function renderOption({disabled, content, children}: SelectOption) {\n    return <span className={cnSelect('option', {disabled})}>{content || children}</span>;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAAQC,QAAQ;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAE7C,OAAO,SAASC,YAAYA,CAAAC,IAAA,EAA8C;EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrD,oBAAOL,IAAA;IAAMM,SAAS,EAAER,QAAQ,CAAC,QAAQ,EAAE;MAACK,QAAQ,EAARA;IAAQ,CAAC,CAAE;IAAAE,QAAA,EAAED,OAAO,IAAIC;EAAQ,CAAO,CAAC;AACxF","ignoreList":[]}

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnTrackerDisclosure: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js

@@ -0,0 +1,3 @@
+import { block } from "../cn";
+export var cnTrackerDisclosure = block('disclosure');
+// #sourceMappingURL=TrackerDisclosure.classname.js.map

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnTrackerDisclosure"],"sources":["TrackerDisclosure.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnTrackerDisclosure = block('disclosure');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,mBAAmB,GAAGD,KAAK,CAAC,YAAY,CAAC","ignoreList":[]}

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.css

@@ -0,0 +1,31 @@
+.tpc-disclosure__summary {
+  display: flex;
+  gap: var(--g-spacing-2);
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+.tpc-disclosure__summary_expanded {
+  margin-bottom: var(--g-spacing-3);
+}
+.tpc-disclosure__toggle {
+  display: flex;
+  gap: var(--g-spacing-2);
+  align-items: center;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  cursor: pointer;
+  background: inherit;
+  border: none;
+  outline: none;
+}
+.tpc-disclosure__collapse-icon_expanded {
+  transform: rotate(180deg);
+}
+/*# sourceMappingURL=TrackerDisclosure.css.map */

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TrackerDisclosure.scss"],"names":[],"mappings":"AACI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,8BAAA;EAEA,WAAA;AADR;AAGQ;EACI,iCAAA;AADZ;AAKI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EAEA,WAAA;EAEA,UAAA;EACA,SAAA;EAEA,oBAAA;EACA,kBAAA;EAEA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EAEA,eAAA;EAEA,mBAAA;EAEA,YAAA;EACA,aAAA;AAVR;AAcQ;EACI,yBAAA;AAZZ","file":"TrackerDisclosure.css","sourcesContent":[".tpc-disclosure {\n    &__summary {\n        display: flex;\n        gap: var(--g-spacing-2);\n        align-items: center;\n        justify-content: space-between;\n\n        width: 100%;\n\n        &_expanded {\n            margin-bottom: var(--g-spacing-3);\n        }\n    }\n\n    &__toggle {\n        display: flex;\n        gap: var(--g-spacing-2);\n        align-items: center;\n\n        width: 100%;\n\n        padding: 0;\n        margin: 0;\n\n        font-family: inherit;\n        font-size: inherit;\n\n        appearance: none;\n\n        cursor: pointer;\n\n        background: inherit;\n\n        border: none;\n        outline: none;\n    }\n\n    &__collapse-icon {\n        &_expanded {\n            transform: rotate(180deg);\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.d.ts

@@ -0,0 +1,11 @@
+import type { FC, ReactNode } from 'react';
+import type { DisclosureProps } from '@gravity-ui/uikit';
+import './TrackerDisclosure.scss';
+export type TrackerDisclosureProps = DisclosureProps & {
+    summaryClassName?: string;
+    toggleClassName?: string;
+    arrowClassName?: string;
+    arrowSize?: number;
+    toolbar?: ReactNode;
+};
+export declare const TrackerDisclosure: FC<TrackerDisclosureProps>;

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.js

@@ -0,0 +1,57 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "summary", "arrowPosition", "arrowSize", "className", "summaryClassName", "toggleClassName", "arrowClassName", "toolbar"],
+  _excluded2 = ["ariaControls", "expanded"];
+import React from 'react';
+import { ChevronDown } from '@gravity-ui/icons';
+import { Disclosure, Icon } from '@gravity-ui/uikit';
+import { cnTrackerDisclosure } from "./TrackerDisclosure.classname";
+import "./TrackerDisclosure.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var TrackerDisclosure = function TrackerDisclosure(_ref) {
+  var children = _ref.children,
+    summary = _ref.summary,
+    _ref$arrowPosition = _ref.arrowPosition,
+    arrowPosition = _ref$arrowPosition === void 0 ? 'end' : _ref$arrowPosition,
+    _ref$arrowSize = _ref.arrowSize,
+    arrowSize = _ref$arrowSize === void 0 ? 20 : _ref$arrowSize,
+    className = _ref.className,
+    summaryClassName = _ref.summaryClassName,
+    toggleClassName = _ref.toggleClassName,
+    arrowClassName = _ref.arrowClassName,
+    toolbar = _ref.toolbar,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(Disclosure, _objectSpread(_objectSpread({
+    className: cnTrackerDisclosure(null, className)
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(Disclosure.Summary, {
+      children: function children(props) {
+        var ariaControls = props.ariaControls,
+          expanded = props.expanded,
+          restProps = _objectWithoutProperties(props, _excluded2);
+        var collapseIcon = /*#__PURE__*/_jsx(Icon, {
+          className: cnTrackerDisclosure('collapse-icon', {
+            expanded: expanded
+          }, arrowClassName),
+          data: ChevronDown,
+          width: arrowSize,
+          height: arrowSize
+        });
+        return /*#__PURE__*/_jsxs("div", {
+          className: cnTrackerDisclosure('summary', {
+            expanded: expanded
+          }, summaryClassName),
+          children: [/*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
+            type: "button",
+            className: cnTrackerDisclosure('toggle', toggleClassName),
+            "aria-controls": ariaControls,
+            "aria-expanded": expanded
+          }, restProps), {}, {
+            children: [arrowPosition === 'start' && collapseIcon, summary, arrowPosition === 'end' && collapseIcon]
+          })), toolbar]
+        });
+      }
+    }), children]
+  }));
+};
+// #sourceMappingURL=TrackerDisclosure.js.map

package/build/esm/components/TrackerDisclosure/TrackerDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ChevronDown","Disclosure","Icon","cnTrackerDisclosure","jsx","_jsx","jsxs","_jsxs","TrackerDisclosure","_ref","children","summary","_ref$arrowPosition","arrowPosition","_ref$arrowSize","arrowSize","className","summaryClassName","toggleClassName","arrowClassName","toolbar","props","_objectWithoutProperties","_excluded","_objectSpread","Summary","ariaControls","expanded","restProps","_excluded2","collapseIcon","data","width","height","type"],"sources":["TrackerDisclosure.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport React from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport type {DisclosureProps} from '@gravity-ui/uikit';\nimport {Disclosure, Icon} from '@gravity-ui/uikit';\n\nimport {cnTrackerDisclosure} from './TrackerDisclosure.classname';\n\nimport './TrackerDisclosure.scss';\n\nexport type TrackerDisclosureProps = DisclosureProps & {\n    summaryClassName?: string;\n    toggleClassName?: string;\n    arrowClassName?: string;\n    arrowSize?: number;\n    toolbar?: ReactNode;\n};\n\nexport const TrackerDisclosure: FC<TrackerDisclosureProps> = ({\n    children,\n    summary,\n    arrowPosition = 'end',\n    arrowSize = 20,\n    className,\n    summaryClassName,\n    toggleClassName,\n    arrowClassName,\n    toolbar,\n    ...props\n}) => {\n    return (\n        <Disclosure className={cnTrackerDisclosure(null, className)} {...props}>\n            <Disclosure.Summary>\n                {(props) => {\n                    const {ariaControls, expanded, ...restProps} = props;\n\n                    const collapseIcon = (\n                        <Icon\n                            className={cnTrackerDisclosure(\n                                'collapse-icon',\n                                {\n                                    expanded: expanded,\n                                },\n                                arrowClassName,\n                            )}\n                            data={ChevronDown}\n                            width={arrowSize}\n                            height={arrowSize}\n                        />\n                    );\n\n                    return (\n                        <div\n                            className={cnTrackerDisclosure(\n                                'summary',\n                                {expanded: expanded},\n                                summaryClassName,\n                            )}\n                        >\n                            <button\n                                type=\"button\"\n                                className={cnTrackerDisclosure('toggle', toggleClassName)}\n                                aria-controls={ariaControls}\n                                aria-expanded={expanded}\n                                {...restProps}\n                            >\n                                {arrowPosition === 'start' && collapseIcon}\n                                {summary}\n                                {arrowPosition === 'end' && collapseIcon}\n                            </button>\n                            {toolbar}\n                        </div>\n                    );\n                }}\n            </Disclosure.Summary>\n            {children}\n        </Disclosure>\n    );\n};\n"],"mappings":";;;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,UAAU,EAAEC,IAAI,QAAO,mBAAmB;AAElD,SAAQC,mBAAmB;AAE3B;AAAkC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlC,OAAO,IAAMC,iBAA6C,GAAG,SAAhDA,iBAA6CA,CAAAC,IAAA,EAWpD;EAAA,IAVFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,kBAAA,GAAAH,IAAA,CACPI,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAAAE,cAAA,GAAAL,IAAA,CACrBM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACdE,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,cAAc,GAAAV,IAAA,CAAdU,cAAc;IACdC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAER,oBACIhB,KAAA,CAACN,UAAU,EAAAuB,aAAA,CAAAA,aAAA;IAACR,SAAS,EAAEb,mBAAmB,CAAC,IAAI,EAAEa,SAAS;EAAE,GAAKK,KAAK;IAAAX,QAAA,gBAClEL,IAAA,CAACJ,UAAU,CAACwB,OAAO;MAAAf,QAAA,EACd,SAAAA,SAACW,KAAK,EAAK;QACR,IAAOK,YAAY,GAA4BL,KAAK,CAA7CK,YAAY;UAAEC,QAAQ,GAAkBN,KAAK,CAA/BM,QAAQ;UAAKC,SAAS,GAAAN,wBAAA,CAAID,KAAK,EAAAQ,UAAA;QAEpD,IAAMC,YAAY,gBACdzB,IAAA,CAACH,IAAI;UACDc,SAAS,EAAEb,mBAAmB,CAC1B,eAAe,EACf;YACIwB,QAAQ,EAAEA;UACd,CAAC,EACDR,cACJ,CAAE;UACFY,IAAI,EAAE/B,WAAY;UAClBgC,KAAK,EAAEjB,SAAU;UACjBkB,MAAM,EAAElB;QAAU,CACrB,CACJ;QAED,oBACIR,KAAA;UACIS,SAAS,EAAEb,mBAAmB,CAC1B,SAAS,EACT;YAACwB,QAAQ,EAAEA;UAAQ,CAAC,EACpBV,gBACJ,CAAE;UAAAP,QAAA,gBAEFH,KAAA,WAAAiB,aAAA,CAAAA,aAAA;YACIU,IAAI,EAAC,QAAQ;YACblB,SAAS,EAAEb,mBAAmB,CAAC,QAAQ,EAAEe,eAAe,CAAE;YAC1D,iBAAeQ,YAAa;YAC5B,iBAAeC;UAAS,GACpBC,SAAS;YAAAlB,QAAA,GAEZG,aAAa,KAAK,OAAO,IAAIiB,YAAY,EACzCnB,OAAO,EACPE,aAAa,KAAK,KAAK,IAAIiB,YAAY;UAAA,EACpC,CAAC,EACRV,OAAO;QAAA,CACP,CAAC;MAEd;IAAC,CACe,CAAC,EACpBV,QAAQ;EAAA,EACD,CAAC;AAErB,CAAC","ignoreList":[]}