@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/internal/CustomComboBox/CustomComboBoxReducer.js

@@ -0,0 +1,368 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import debounce from 'lodash.debounce';
+import isEqual from 'lodash.isequal';
+import { isNonNullable } from '../../lib/utils.js';
+import { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { DefaultState } from './CustomComboBox.js';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
+var DEBOUNCE_DELAY = 300;
+var getValueString = function (value, valueToString) {
+    return isNonNullable(value) ? valueToString(value) : '';
+};
+export var Effect = {
+    search: function (query) { return function (dispatch, getState, getProps, getInstance) {
+        getInstance().search(query);
+    }; },
+    debouncedSearch: debounce(function (dispatch, getState, getProps, getInstance, globalObject) {
+        var searchEffect = Effect.search(getState().textValue);
+        searchEffect(dispatch, getState, getProps, getInstance, globalObject);
+    }, DEBOUNCE_DELAY),
+    cancelRequest: function (dispatch, getState, getProps, getInstance) {
+        Effect.debouncedSearch.cancel();
+        getInstance().cancelSearch();
+    },
+    blur: function (dispatch, getState, getProps) {
+        var onBlur = getProps().onBlur;
+        if (onBlur) {
+            onBlur();
+        }
+    },
+    focus: function (dispatch, getState, getProps) {
+        var onFocus = getProps().onFocus;
+        if (onFocus) {
+            onFocus();
+        }
+    },
+    valueChange: function (value) { return function (dispatch, getState, getProps) {
+        var onValueChange = getProps().onValueChange;
+        if (onValueChange) {
+            onValueChange(value);
+        }
+    }; },
+    valueClear: function (dispatch) {
+        dispatch({ type: 'TextChange', value: '' });
+    },
+    unexpectedInput: function (textValue, items) { return function (dispatch, getState, getProps) {
+        var _a = getProps(), onUnexpectedInput = _a.onUnexpectedInput, valueToString = _a.valueToString;
+        if (Array.isArray(items) && items.length === 1) {
+            var singleItem = items[0];
+            var valueContent = getValueString(singleItem, valueToString);
+            if (valueContent === textValue) {
+                dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });
+                return;
+            }
+        }
+        if (onUnexpectedInput) {
+            var value = onUnexpectedInput(textValue);
+            if (value !== undefined) {
+                dispatch({ type: 'ValueChange', value: value, keepFocus: false });
+            }
+        }
+    }; },
+    inputChange: function (dispatch, getState, getProps) {
+        var onInputValueChange = getProps().onInputValueChange;
+        var textValue = getState().textValue;
+        if (onInputValueChange) {
+            var returnedValue = onInputValueChange(textValue);
+            if (typeof returnedValue === 'string' && returnedValue !== textValue) {
+                dispatch({ type: 'TextChange', value: returnedValue });
+            }
+        }
+    },
+    inputFocus: function (dispatch, getState, getProps, getInstance) {
+        var input = getInstance().input;
+        if (!input) {
+            return;
+        }
+        input.focus();
+        var inputNode = input.getNode();
+        if (inputNode) {
+            inputNode.scrollLeft = inputNode.scrollWidth;
+            inputNode.scrollTop = inputNode.scrollHeight;
+        }
+    },
+    highlightMenuItem: function (dispatch, getState, getProps, getInstance, globalObject) {
+        var _a, _b;
+        var _c = getProps(), value = _c.value, itemToValue = _c.itemToValue, valueToString = _c.valueToString;
+        var _d = getState(), items = _d.items, focused = _d.focused, textValue = _d.textValue, requestStatus = _d.requestStatus;
+        var menu = getInstance().menu;
+        var valueString = getValueString(value, valueToString);
+        if (!menu) {
+            return;
+        }
+        if (!focused) {
+            return;
+        }
+        var index = -1;
+        if ((items === null || items === void 0 ? void 0 : items.length) && isNonNullable(value)) {
+            index = items.findIndex(function (x) { return itemToValue(x) === itemToValue(value); });
+            menu.highlightItem(index);
+        }
+        else {
+            menu.reset();
+        }
+        if (index >= 0) {
+            // @ts-expect-error: Use of private property.
+            (_a = globalObject.requestAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(globalObject, function () { return menu === null || menu === void 0 ? void 0 : menu.scrollToSelected(); });
+            return;
+        }
+        var queryTextDifferenceOfSavedValue = textValue !== valueString;
+        var needFocusToRefreshButton = requestStatus === ComboBoxRequestStatus.Failed;
+        if (queryTextDifferenceOfSavedValue || needFocusToRefreshButton) {
+            (_b = globalObject.requestAnimationFrame) === null || _b === void 0 ? void 0 : _b.call(globalObject, function () { return menu === null || menu === void 0 ? void 0 : menu.highlightItem(0); });
+        }
+    },
+    selectMenuItem: function (event) { return function (dispatch, getState, getProps, getInstance) {
+        var menu = getInstance().menu;
+        if (menu) {
+            menu.enter(event);
+        }
+    }; },
+    moveMenuHighlight: function (direction) { return function (dispatch, getState, getProps, getInstance) {
+        var menu = getInstance().menu;
+        if (menu) {
+            menu[direction]();
+        }
+    }; },
+    resetHighlightedMenuItem: function (dispatch, getState, getProps, getInstance) {
+        var combobox = getInstance();
+        if (combobox.menu && combobox.menu.hasHighlightedItem()) {
+            combobox.menu.reset();
+        }
+    },
+    reflow: function () {
+        LayoutEvents.emit();
+    },
+    selectInputText: function (dispatch, getState, getProps, getInstance) {
+        var combobox = getInstance();
+        combobox.selectInputText();
+    },
+    inputKeyDown: function (event) { return function (dispatch, getState, getProps) {
+        var onInputKeyDown = getProps().onInputKeyDown;
+        if (onInputKeyDown) {
+            onInputKeyDown(event);
+        }
+    }; },
+};
+var never = function () { return null; };
+export function reducer(state, props, action) {
+    switch (action.type) {
+        case 'ValueChange': {
+            var value = action.value, keepFocus = action.keepFocus;
+            var textValue = getValueString(value, props.valueToString);
+            if (keepFocus) {
+                return [
+                    {
+                        opened: false,
+                        inputChanged: false,
+                        editing: true,
+                        items: null,
+                        textValue: textValue,
+                    },
+                    [Effect.valueChange(value), Effect.cancelRequest, Effect.inputFocus],
+                ];
+            }
+            return [
+                {
+                    opened: false,
+                    inputChanged: false,
+                    editing: false,
+                    items: null,
+                    textValue: textValue,
+                },
+                [Effect.valueChange(value), Effect.cancelRequest],
+            ];
+        }
+        case 'TextChange': {
+            var newState = {
+                inputChanged: true,
+                textValue: action.value,
+            };
+            if (!action.value && !props.searchOnFocus) {
+                return [
+                    __assign(__assign({}, newState), { opened: false, items: null }),
+                    [Effect.inputChange],
+                ];
+            }
+            return [newState, [Effect.debouncedSearch, Effect.inputChange]];
+        }
+        case 'KeyPress': {
+            var e = action.event;
+            var effects = [];
+            var nextState = state;
+            switch (true) {
+                case isKeyEnter(e):
+                    if (!state.opened) {
+                        break;
+                    }
+                    e.preventDefault();
+                    effects.push(Effect.selectMenuItem(e));
+                    break;
+                case isKeyArrowVertical(e):
+                    e.preventDefault();
+                    effects.push(Effect.moveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));
+                    if (!state.opened) {
+                        effects.push(Effect.search(state.textValue));
+                    }
+                    break;
+                case isKeyEscape(e):
+                    nextState = __assign(__assign({}, state), { items: null, opened: false });
+                    break;
+            }
+            return [nextState, __spreadArray(__spreadArray([], effects, true), [Effect.inputKeyDown(e)], false)];
+        }
+        case 'DidUpdate': {
+            if (isEqual(props.value, action.prevProps.value)) {
+                return state;
+            }
+            var nextTextValue = getValueString(props.value, props.valueToString);
+            if (!state.focused) {
+                return [
+                    {
+                        editing: false,
+                        inputChanged: false,
+                        textValue: nextTextValue,
+                    },
+                    [Effect.cancelRequest],
+                ];
+            }
+            if (state.focused && state.opened) {
+                return [__assign(__assign({}, state), { textValue: nextTextValue }), [Effect.cancelRequest, Effect.search(nextTextValue)]];
+            }
+            if (state.focused) {
+                return __assign(__assign({}, state), { textValue: nextTextValue });
+            }
+            break;
+        }
+        case 'Mount': {
+            return {
+                textValue: getValueString(props.value, props.valueToString),
+            };
+        }
+        case 'Focus': {
+            var newState = {
+                focused: true,
+                editing: true,
+            };
+            if (!action.searchOnFocus) {
+                return [newState, [Effect.focus]];
+            }
+            if (state.editing) {
+                return [newState, [Effect.search(state.textValue), Effect.focus]];
+            }
+            return [newState, [Effect.search(''), Effect.focus, Effect.selectInputText]];
+        }
+        case 'InputClick': {
+            var newState = {
+                inputChanged: false,
+            };
+            if (!state.opened && props.searchOnFocus) {
+                return [newState, [Effect.search('')]];
+            }
+            return state;
+        }
+        case 'ClearCrossClick': {
+            var newState = {
+                editing: true,
+                loading: true,
+            };
+            return [newState, [Effect.valueClear, Effect.focus, Effect.search('')]];
+        }
+        case 'Blur': {
+            var inputChanged = state.inputChanged, items = state.items;
+            if (!inputChanged) {
+                return [
+                    {
+                        focused: false,
+                        opened: false,
+                        items: null,
+                        editing: false,
+                    },
+                    [Effect.blur, Effect.cancelRequest],
+                ];
+            }
+            return [
+                {
+                    focused: false,
+                    opened: false,
+                    items: null,
+                },
+                [Effect.blur, Effect.cancelRequest, Effect.unexpectedInput(state.textValue, items)],
+            ];
+        }
+        case 'Reset': {
+            return DefaultState;
+        }
+        case 'Open': {
+            return { opened: true };
+        }
+        case 'Close': {
+            return { opened: false, items: null };
+        }
+        case 'Search': {
+            return [state, [Effect.search(action.query)]];
+        }
+        case 'RequestItems': {
+            return {
+                loading: true,
+                opened: true,
+                requestStatus: ComboBoxRequestStatus.Pending,
+            };
+        }
+        case 'ReceiveItems': {
+            var shouldResetMenuHighlight = state.textValue === '';
+            return [
+                {
+                    loading: false,
+                    opened: true,
+                    items: action.items,
+                    requestStatus: ComboBoxRequestStatus.Success,
+                },
+                [shouldResetMenuHighlight ? Effect.resetHighlightedMenuItem : Effect.highlightMenuItem, Effect.reflow],
+            ];
+        }
+        case 'RequestFailure': {
+            return [
+                {
+                    loading: false,
+                    opened: true,
+                    items: null,
+                    requestStatus: ComboBoxRequestStatus.Failed,
+                    repeatRequest: action.repeatRequest,
+                },
+                [Effect.highlightMenuItem],
+            ];
+        }
+        case 'CancelRequest': {
+            return {
+                loading: false,
+                requestStatus: ComboBoxRequestStatus.Unknown,
+            };
+        }
+        default: {
+            never();
+        }
+    }
+    return state;
+}
+//# sourceMappingURL=CustomComboBoxReducer.js.map

package/internal/CustomComboBox/CustomComboBoxReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomComboBoxReducer.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/CustomComboBoxReducer.tsx"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';\n\nimport type { CustomComboBox, CustomComboBoxProps, CustomComboBoxState } from './CustomComboBox.js';\nimport { DefaultState } from './CustomComboBox.js';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus'; searchOnFocus?: boolean }\n  | { type: 'InputClick' }\n  | { type: 'ClearCrossClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: Array<ComboBoxExtendedItem<T>> }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n  globalObject: GlobalObject,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  search: (query: string) => Effect;\n  debouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  cancelRequest: Effect;\n  blur: Effect;\n  focus: Effect;\n\n  valueChange: (value: any) => Effect;\n  valueClear: Effect;\n  unexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  inputChange: Effect;\n  inputFocus: Effect;\n  highlightMenuItem: Effect;\n  selectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  inputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  moveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  resetHighlightedMenuItem: Effect;\n  reflow: Effect;\n  selectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return isNonNullable(value) ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  debouncedSearch: debounce((dispatch, getState, getProps, getInstance, globalObject) => {\n    const searchEffect = Effect.search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance, globalObject);\n  }, DEBOUNCE_DELAY),\n  cancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.debouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  valueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  valueClear: (dispatch) => {\n    dispatch({ type: 'TextChange', value: '' });\n  },\n  unexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  inputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  inputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n    const inputNode = input.getNode();\n    if (inputNode) {\n      inputNode.scrollLeft = inputNode.scrollWidth;\n      inputNode.scrollTop = inputNode.scrollHeight;\n    }\n  },\n  highlightMenuItem: (dispatch, getState, getProps, getInstance, globalObject) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items?.length && isNonNullable(value)) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n      menu.highlightItem(index);\n    } else {\n      menu.reset();\n    }\n\n    if (index >= 0) {\n      // @ts-expect-error: Use of private property.\n      globalObject.requestAnimationFrame?.(() => menu?.scrollToSelected());\n      return;\n    }\n\n    const queryTextDifferenceOfSavedValue = textValue !== valueString;\n    const needFocusToRefreshButton = requestStatus === ComboBoxRequestStatus.Failed;\n    if (queryTextDifferenceOfSavedValue || needFocusToRefreshButton) {\n      globalObject.requestAnimationFrame?.(() => menu?.highlightItem(0));\n    }\n  },\n  selectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  moveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  resetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  reflow: () => {\n    LayoutEvents.emit();\n  },\n  selectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  inputKeyDown: (event) => (dispatch, getState, getProps) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = () => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.valueChange(value), Effect.cancelRequest, Effect.inputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.valueChange(value), Effect.cancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.inputChange],\n        ];\n      }\n      return [newState, [Effect.debouncedSearch, Effect.inputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          if (!state.opened) {\n            break;\n          }\n          e.preventDefault();\n          effects.push(Effect.selectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.moveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.inputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      const nextTextValue = getValueString(props.value, props.valueToString);\n\n      if (!state.focused) {\n        return [\n          {\n            editing: false,\n            inputChanged: false,\n            textValue: nextTextValue,\n          },\n          [Effect.cancelRequest],\n        ];\n      }\n\n      if (state.focused && state.opened) {\n        return [{ ...state, textValue: nextTextValue }, [Effect.cancelRequest, Effect.search(nextTextValue)]];\n      }\n\n      if (state.focused) {\n        return {\n          ...state,\n          textValue: nextTextValue,\n        };\n      }\n\n      break;\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!action.searchOnFocus) {\n        return [newState, [Effect.focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.search(state.textValue), Effect.focus]];\n      }\n      return [newState, [Effect.search(''), Effect.focus, Effect.selectInputText]];\n    }\n    case 'InputClick': {\n      const newState = {\n        inputChanged: false,\n      };\n      if (!state.opened && props.searchOnFocus) {\n        return [newState, [Effect.search('')]];\n      }\n      return state;\n    }\n    case 'ClearCrossClick': {\n      const newState = {\n        editing: true,\n        loading: true,\n      };\n      return [newState, [Effect.valueClear, Effect.focus, Effect.search('')]];\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.blur, Effect.cancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.blur, Effect.cancelRequest, Effect.unexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.resetHighlightedMenuItem : Effect.highlightMenuItem, Effect.reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.highlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never();\n    }\n  }\n  return state;\n}\n"]}

package/internal/CustomComboBox/CustomComboBoxTypes.js

@@ -0,0 +1,8 @@
+export var ComboBoxRequestStatus;
+(function (ComboBoxRequestStatus) {
+    ComboBoxRequestStatus[ComboBoxRequestStatus["Pending"] = 0] = "Pending";
+    ComboBoxRequestStatus[ComboBoxRequestStatus["Success"] = 1] = "Success";
+    ComboBoxRequestStatus[ComboBoxRequestStatus["Failed"] = 2] = "Failed";
+    ComboBoxRequestStatus[ComboBoxRequestStatus["Unknown"] = 3] = "Unknown";
+})(ComboBoxRequestStatus || (ComboBoxRequestStatus = {}));
+//# sourceMappingURL=CustomComboBoxTypes.js.map

package/internal/CustomComboBox/CustomComboBoxTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomComboBoxTypes.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/CustomComboBoxTypes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC/B,uEAAO,CAAA;IACP,uEAAO,CAAA;IACP,qEAAM,CAAA;IACN,uEAAO,CAAA;AACT,CAAC,EALW,qBAAqB,KAArB,qBAAqB,QAKhC","sourcesContent":["export enum ComboBoxRequestStatus {\n  Pending,\n  Success,\n  Failed,\n  Unknown,\n}\n"]}

package/internal/CustomComboBox/getComboBoxTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const getComboBoxTheme: (theme: Theme) => Theme;

package/internal/CustomComboBox/getComboBoxTheme.js

@@ -0,0 +1,7 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getComboBoxTheme = function (theme) {
+    return ThemeFactory.create({
+        menuOffsetY: theme.comboboxMenuOffsetY,
+    }, theme);
+};
+//# sourceMappingURL=getComboBoxTheme.js.map

package/internal/CustomComboBox/getComboBoxTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComboBoxTheme.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/getComboBoxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,mBAAmB;KACvC,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getComboBoxTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      menuOffsetY: theme.comboboxMenuOffsetY,\n    },\n    theme,\n  );\n};\n"]}

package/internal/CustomComboBox/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CustomComboBox';
-export * from './ComboBoxMenu';
+export * from './CustomComboBox.js';
+export * from './ComboBoxMenu.js';

package/internal/CustomComboBox/index.js

@@ -0,0 +1,3 @@
+export * from './CustomComboBox.js';
+export * from './ComboBoxMenu.js';
+//# sourceMappingURL=index.js.map

package/internal/CustomComboBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './CustomComboBox.js';\nexport * from './ComboBoxMenu.js';\n"]}

package/internal/CustomComboBox/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import type { ComboBoxLocale } from './types';
-export * from './types';
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import type { ComboBoxLocale } from './types.js';
+export * from './types.js';
 export declare const CustomComboBoxLocaleHelper: LocaleHelper<ComboBoxLocale>;

package/internal/CustomComboBox/locale/index.js

@@ -0,0 +1,9 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import { componentsLocales as en_GB } from './locales/en.js';
+import { componentsLocales as ru_RU } from './locales/ru.js';
+export * from './types.js';
+export var CustomComboBoxLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

package/internal/CustomComboBox/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../internal/CustomComboBox/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7D,cAAc,YAAY,CAAC;AAE3B,MAAM,CAAC,IAAM,0BAA0B,GAAG,IAAI,YAAY,CAAiB;IACzE,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAC,CAAC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';\n\nimport { componentsLocales as en_GB } from './locales/en.js';\nimport { componentsLocales as ru_RU } from './locales/ru.js';\nimport type { ComboBoxLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const CustomComboBoxLocaleHelper = new LocaleHelper<ComboBoxLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/internal/CustomComboBox/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { ComboBoxLocale } from '../types';
+import type { ComboBoxLocale } from '../types.js';
 export declare const componentsLocales: ComboBoxLocale;

package/internal/CustomComboBox/locale/locales/en.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+    notFound: 'Not found',
+    errorNetworkButton: 'Refresh',
+    errorNetworkMessage: 'Something went wrong. Check your internet connection and try again',
+};
+//# sourceMappingURL=en.js.map

package/internal/CustomComboBox/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../internal/CustomComboBox/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,oEAAoE;CAC1F,CAAC","sourcesContent":["import type { ComboBoxLocale } from '../types.js';\n\nexport const componentsLocales: ComboBoxLocale = {\n  notFound: 'Not found',\n  errorNetworkButton: 'Refresh',\n  errorNetworkMessage: 'Something went wrong. Check your internet connection and try again',\n};\n"]}

package/internal/CustomComboBox/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { ComboBoxLocale } from '../types';
+import type { ComboBoxLocale } from '../types.js';
 export declare const componentsLocales: ComboBoxLocale;

package/internal/CustomComboBox/locale/locales/ru.js

@@ -0,0 +1,6 @@
+export var componentsLocales = {
+    notFound: 'Не найдено',
+    errorNetworkButton: 'Обновить',
+    errorNetworkMessage: 'Что-то пошло не так. Проверьте соединение с интернетом и попробуйте еще раз',
+};
+//# sourceMappingURL=ru.js.map

package/internal/CustomComboBox/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../internal/CustomComboBox/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,UAAU;IAC9B,mBAAmB,EAAE,6EAA6E;CACnG,CAAC","sourcesContent":["import type { ComboBoxLocale } from '../types.js';\n\nexport const componentsLocales: ComboBoxLocale = {\n  notFound: 'Не найдено',\n  errorNetworkButton: 'Обновить',\n  errorNetworkMessage: 'Что-то пошло не так. Проверьте соединение с интернетом и попробуйте еще раз',\n};\n"]}

package/internal/CustomComboBox/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/internal/CustomComboBox/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../internal/CustomComboBox/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ComboBoxLocale {\n  notFound: string;\n  errorNetworkButton: string;\n  errorNetworkMessage: string;\n}\n"]}

package/internal/CustomComboBox/tids.js

@@ -0,0 +1,4 @@
+export var CustomComboBoxDataTids = {
+    comboBoxView: 'ComboBoxView__root',
+};
+//# sourceMappingURL=tids.js.map

package/internal/CustomComboBox/tids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tids.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/tids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,YAAY,EAAE,oBAAoB;CAC1B,CAAC","sourcesContent":["export const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n"]}