@activecollab/components 1.0.5 → 1.0.9

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -1,18 +1,11 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { StyledAutoResizeTextarea } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { useState, useCallback, forwardRef, useRef, useEffect } from "react";
+import classnames from "classnames";
+import useForkRef from "../../utils/useForkRef";
+import { StyledAutoResizeTextarea } from "./Styles";
+export var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
       _ref$maxRows = _ref.maxRows,
@@ -27,14 +20,13 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var innerRef = useRef(null);
 
   var _useState = useState(minRows),
-      _useState2 = _slicedToArray(_useState, 2),
-      rows = _useState2[0],
-      setRows = _useState2[1];
+      rows = _useState[0],
+      setRows = _useState[1];
 
   var handleRef = useForkRef(ref, innerRef);
   var calcRows = useCallback(function (elem) {
@@ -74,7 +66,7 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
     typeof onKeyDown === "function" && onKeyDown(e);
   }, [preventNewRowOnEnter, onKeyDown]);
-  return /*#__PURE__*/jsx(StyledAutoResizeTextarea, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(StyledAutoResizeTextarea, _extends({}, rest, {
     value: value,
     ref: handleRef,
     onChange: handleOnChange,
@@ -83,12 +75,10 @@ var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rows: rows,
     className: classnames("c-autoresizetextarea", className),
     style: {
-      minHeight: "".concat(lineHeight, "px"),
-      lineHeight: "".concat(lineHeight, "px")
+      minHeight: lineHeight + "px",
+      lineHeight: lineHeight + "px"
     }
   }));
 });
 AutoResizeTextarea.displayName = "AutoResizeTextarea";
-
-export { AutoResizeTextarea };
-//# sourceMappingURL=AutoResizeTextarea.js.map
+//# sourceMappingURL=AutoResizeTextarea.js.map

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoResizeTextarea.js","sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"sourcesContent":["import React, {\n  TextareaHTMLAttributes,\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledAutoResizeTextarea } from \"./Styles\";\n\ninterface IAutoResizeTextarea {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      ...rest\n    }: IAutoResizeTextarea & TextareaHTMLAttributes<HTMLTextAreaElement>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"names":["AutoResizeTextarea","forwardRef","ref","minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value","rest","innerRef","useRef","useState","rows","setRows","handleRef","useForkRef","calcRows","useCallback","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","useEffect","current","handleOnChange","e","target","handleFocus","setSelectionRange","length","handleTextAreaKeyDown","key","preventDefault","_jsx","classnames","minHeight","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"names":["React","useState","useCallback","forwardRef","useRef","useEffect","classnames","useForkRef","StyledAutoResizeTextarea","AutoResizeTextarea","ref","minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value","rest","innerRef","rows","setRows","handleRef","calcRows","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","current","handleOnChange","e","target","handleFocus","setSelectionRange","length","handleTextAreaKeyDown","key","preventDefault","minHeight","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAEEC,QAFF,EAGEC,WAHF,EAQEC,UARF,EASEC,MATF,EAUEC,SAVF,QAWO,OAXP;AAYA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,wBAAT,QAAyC,UAAzC;AAWA,OAAO,IAAMC,kBAAkB,gBAAGN,UAAU,CAC1C,gBAaEO,GAbF,EAcK;AAAA,0BAZDC,OAYC;AAAA,MAZDA,OAYC,6BAZS,CAYT;AAAA,0BAXDC,OAWC;AAAA,MAXDA,OAWC,6BAXS,CAWT;AAAA,6BAVDC,UAUC;AAAA,MAVDA,UAUC,gCAVY,EAUZ;AAAA,MATDC,QASC,QATDA,QASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,mCAPDC,oBAOC;AAAA,MAPDA,oBAOC,sCAPsB,KAOtB;AAAA,kCANDC,eAMC;AAAA,MANDA,eAMC,qCANiB,KAMjB;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,KAIC,QAJDA,KAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAGjB,MAAM,CAA6B,IAA7B,CAAvB;;AACA,kBAAwBH,QAAQ,CAACU,OAAD,CAAhC;AAAA,MAAOW,IAAP;AAAA,MAAaC,OAAb;;AAEA,MAAMC,SAAS,GAAGjB,UAAU,CAACG,GAAD,EAAMW,QAAN,CAA5B;AAEA,MAAMI,QAAQ,GAAGvB,WAAW,CAC1B,UAACwB,IAAD,EAAsC;AACpC,QAAIA,IAAJ,EAAU;AACR,UAAMC,YAAY,GAAGD,IAAI,CAACJ,IAAL,IAAaX,OAAlC;AAEAe,MAAAA,IAAI,CAACJ,IAAL,GAAYX,OAAZ;AACA,UAAMiB,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWJ,IAAI,CAACK,YAAL,GAAoBlB,UAA/B,CAApB;;AAEA,UAAIe,WAAW,KAAKD,YAApB,EAAkC;AAChCD,QAAAA,IAAI,CAACJ,IAAL,GAAYM,WAAZ;AACD;;AAED,UAAIA,WAAW,IAAIhB,OAAnB,EAA4B;AAC1Bc,QAAAA,IAAI,CAACJ,IAAL,GAAYV,OAAZ;AACAc,QAAAA,IAAI,CAACM,SAAL,GAAiBN,IAAI,CAACK,YAAtB;AACD;;AAEDR,MAAAA,OAAO,CAACK,WAAW,GAAGhB,OAAd,GAAwBgB,WAAxB,GAAsChB,OAAvC,CAAP;AACD;AACF,GAnByB,EAoB1B,CAACC,UAAD,EAAaD,OAAb,EAAsBD,OAAtB,CApB0B,CAA5B;AAuBAN,EAAAA,SAAS,CAAC,YAAM;AACdoB,IAAAA,QAAQ,CAACJ,QAAQ,CAACY,OAAV,CAAR;AACD,GAFQ,EAEN,CAACd,KAAD,EAAQM,QAAR,CAFM,CAAT;AAIA,MAAMS,cAAc,GAAGhC,WAAW,CAChC,UAACiC,CAAD,EAAyC;AACvCV,IAAAA,QAAQ,CAACU,CAAC,CAACC,MAAH,CAAR;AACA,WAAOtB,QAAP,KAAoB,UAApB,IAAkCA,QAAQ,CAACqB,CAAD,CAA1C;AACD,GAJ+B,EAKhC,CAACrB,QAAD,EAAWW,QAAX,CALgC,CAAlC;AAQA,MAAMY,WAAW,GAAGnC,WAAW,CAC7B,UAACiC,CAAD,EAAwC;AACtC,QAAIlB,eAAJ,EAAqB;AACnBkB,MAAAA,CAAC,CAACC,MAAF,CAASE,iBAAT,CACEH,CAAC,CAACC,MAAF,CAASjB,KAAT,CAAeoB,MADjB,EAEEJ,CAAC,CAACC,MAAF,CAASjB,KAAT,CAAeoB,MAFjB;AAID;AACF,GAR4B,EAS7B,CAACtB,eAAD,CAT6B,CAA/B;AAYA,MAAMuB,qBAAqB,GAAGtC,WAAW,CACvC,UAACiC,CAAD,EAA2C;AACzC,QAAInB,oBAAoB,IAAImB,CAAC,CAACM,GAAF,KAAU,OAAtC,EAA+C;AAC7CN,MAAAA,CAAC,CAACO,cAAF;AACD;;AACD,WAAOxB,SAAP,KAAqB,UAArB,IAAmCA,SAAS,CAACiB,CAAD,CAA5C;AACD,GANsC,EAOvC,CAACnB,oBAAD,EAAuBE,SAAvB,CAPuC,CAAzC;AAUA,sBACE,oBAAC,wBAAD,eACME,IADN;AAEE,IAAA,KAAK,EAAED,KAFT;AAGE,IAAA,GAAG,EAAEK,SAHP;AAIE,IAAA,QAAQ,EAAEU,cAJZ;AAKE,IAAA,SAAS,EAAEM,qBALb;AAME,IAAA,OAAO,EAAEH,WANX;AAOE,IAAA,IAAI,EAAEf,IAPR;AAQE,IAAA,SAAS,EAAEhB,UAAU,CAAC,sBAAD,EAAyBS,SAAzB,CARvB;AASE,IAAA,KAAK,EAAE;AACL4B,MAAAA,SAAS,EAAK9B,UAAL,OADJ;AAELA,MAAAA,UAAU,EAAKA,UAAL;AAFL;AATT,KADF;AAgBD,CA9FyC,CAArC;AAiGPJ,kBAAkB,CAACmC,WAAnB,GAAiC,oBAAjC","sourcesContent":["import React, {\n  TextareaHTMLAttributes,\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledAutoResizeTextarea } from \"./Styles\";\n\ninterface IAutoResizeTextarea {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      ...rest\n    }: IAutoResizeTextarea & TextareaHTMLAttributes<HTMLTextAreaElement>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"file":"AutoResizeTextarea.js"}

package/dist/esm/components/AutoResizeTextarea/Styles.js

@@ -1,11 +1,8 @@
-import styled from 'styled-components';
-import { Textarea } from '../Textarea/Textarea.js';
-
-var StyledAutoResizeTextarea = styled(Textarea).withConfig({
+import styled from "styled-components";
+import { Textarea } from "../Textarea";
+export var StyledAutoResizeTextarea = styled(Textarea).withConfig({
   displayName: "Styles__StyledAutoResizeTextarea",
   componentId: "sc-jg98vj-0"
 })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
 StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
-
-export { StyledAutoResizeTextarea };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/AutoResizeTextarea/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/AutoResizeTextarea/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Textarea } from \"../Textarea\";\n\nexport const StyledAutoResizeTextarea = styled(Textarea)`\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  resize: none;\n`;\n\nStyledAutoResizeTextarea.displayName = \"StyledAutoResizeTextarea\";\n"],"names":["StyledAutoResizeTextarea","styled","Textarea","displayName"],"mappings":";;;IAGaA,wBAAwB,GAAGC,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA;AAAA;AAMrCF,wBAAwB,CAACG,WAAzB,GAAuC,0BAAvC;;;;"}
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/Styles.ts"],"names":["styled","Textarea","StyledAutoResizeTextarea","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,QAAT,QAAyB,aAAzB;AAEA,OAAO,IAAMC,wBAAwB,GAAGF,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA;AAAA,kEAA9B;AAMPC,wBAAwB,CAACC,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled from \"styled-components\";\nimport { Textarea } from \"../Textarea\";\n\nexport const StyledAutoResizeTextarea = styled(Textarea)`\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  resize: none;\n`;\n\nStyledAutoResizeTextarea.displayName = \"StyledAutoResizeTextarea\";\n"],"file":"Styles.js"}

package/dist/esm/components/AutoResizeTextarea/index.js

@@ -0,0 +1,2 @@
+export * from "./AutoResizeTextarea";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoResizeTextarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAd","sourcesContent":["export * from \"./AutoResizeTextarea\";\n"],"file":"index.js"}

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -1,21 +1,14 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import { useRef, useMemo, useCallback, useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { Scrollbars } from 'react-custom-scrollbars';
-import { ScrollShadow } from '../ScrollShadow/ScrollShadow.js';
-import highlightText from '../../hooks/useHighlightText.js';
-import { handleKeyboardMovement } from './HandleKeyboard.js';
-import { StyledAutocompleteNewItem, StyledAutocompleteNoResult, StyledAutocompleteBody } from './Styles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { OptionGroup } from '../Select/OptionGroup/OptionGroup.js';
-import { Option } from '../Select/Option/Option.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Autocomplete = function Autocomplete(_ref) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useState, useMemo, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { Scrollbars } from "react-custom-scrollbars";
+import { ScrollShadow } from "../ScrollShadow/ScrollShadow";
+import highlightText from "../../hooks/useHighlightText";
+import { handleKeyboardMovement } from "./HandleKeyboard";
+import { Option } from "../Select/Option";
+import { OptionGroup } from "../Select/OptionGroup";
+import { StyledAutocompleteBody, StyledAutocompleteNewItem, StyledAutocompleteNoResult } from "./Styles";
+export var Autocomplete = function Autocomplete(_ref) {
   var type = _ref.type,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
@@ -26,7 +19,7 @@ var Autocomplete = function Autocomplete(_ref) {
       noResultText = _ref.noResultText,
       _ref$renderOption = _ref.renderOption,
       renderOption = _ref$renderOption === void 0 ? function (option) {
-    return option === null || option === void 0 ? void 0 : option.name;
+    return option == null ? void 0 : option.name;
   } : _ref$renderOption,
       defaultValue = _ref.defaultValue,
       _ref$sortDirection = _ref.sortDirection,
@@ -66,10 +59,10 @@ var Autocomplete = function Autocomplete(_ref) {
   }, []);
   var sortList = useCallback(function (options) {
     if (disabledInternalSort) {
-      return handleSort(_toConsumableArray(options));
+      return handleSort([].concat(options));
     }
 
-    return handleSort(_toConsumableArray(options).sort(function (a, b) {
+    return handleSort([].concat(options).sort(function (a, b) {
       return sortDirection === "asc" ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name);
     }));
   }, [sortDirection, disabledInternalSort, handleSort]);
@@ -81,14 +74,12 @@ var Autocomplete = function Autocomplete(_ref) {
     item: undefined,
     by: undefined
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      hover = _useState2[0],
-      setHover = _useState2[1];
+      hover = _useState[0],
+      setHover = _useState[1];
 
-  var _useState3 = useState(""),
-      _useState4 = _slicedToArray(_useState3, 2),
-      filter = _useState4[0],
-      setFilter = _useState4[1];
+  var _useState2 = useState(""),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
 
   var handleEmpty = useCallback(function (e) {
     if (e && e.button !== 0) {
@@ -96,7 +87,7 @@ var Autocomplete = function Autocomplete(_ref) {
     }
 
     if (handleEmptyAction) {
-      inputEl === null || inputEl === void 0 ? void 0 : inputEl.focus();
+      inputEl == null ? void 0 : inputEl.focus();
       setFilter("");
       handleEmptyAction(filter);
     }
@@ -124,13 +115,13 @@ var Autocomplete = function Autocomplete(_ref) {
     }));
   }, [emptyValue, filter, options]);
   var renderAddNew = useMemo(function () {
-    return /*#__PURE__*/jsx(StyledAutocompleteNewItem, {
+    return /*#__PURE__*/React.createElement(StyledAutocompleteNewItem, {
       ref: hover.item === "addNew" ? itemRef : null,
+      key: "emptyValue",
       hover: hover.item === "addNew",
       onMouseDown: handleEmpty,
-      onMouseEnter: onAddNewMouseEnter,
-      children: emptyValue
-    }, "emptyValue");
+      onMouseEnter: onAddNewMouseEnter
+    }, emptyValue);
   }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);
   var filterOptions = useCallback(function (options, filter) {
     var trimmedFilter = filter.trim();
@@ -152,12 +143,12 @@ var Autocomplete = function Autocomplete(_ref) {
           }
 
           hovered = true;
-          return [].concat(_toConsumableArray(acc), [_objectSpread(_objectSpread({}, groupedOption), {}, {
+          return [].concat(acc, [_extends({}, groupedOption, {
             options: filteredOptions
           })]);
         }
 
-        return _toConsumableArray(acc);
+        return [].concat(acc);
       }, []);
     } else {
       var filteredOptions = options.filter(function (v) {
@@ -190,10 +181,10 @@ var Autocomplete = function Autocomplete(_ref) {
   var flatOptions = useMemo(function () {
     var options = list.reduce(function (acc, option) {
       if (!isGroup(option)) {
-        return [].concat(_toConsumableArray(acc), [option]);
+        return [].concat(acc, [option]);
       }
 
-      return [].concat(_toConsumableArray(acc), _toConsumableArray(option.options));
+      return [].concat(acc, option.options);
     }, []);
     return filterOptions(options, filter);
   }, [filter, filterOptions, list]);
@@ -223,9 +214,10 @@ var Autocomplete = function Autocomplete(_ref) {
   }, []);
   var handleRenderOption = useCallback(function (item) {
     if (isGroup(item)) {
-      return /*#__PURE__*/jsx(OptionGroup, {
+      return /*#__PURE__*/React.createElement(OptionGroup, {
         checked: selectedOptions,
         name: item.name,
+        key: item.id,
         setHover: handleHoverCallback,
         id: item.id,
         hover: hover.item,
@@ -234,27 +226,28 @@ var Autocomplete = function Autocomplete(_ref) {
         type: type,
         onChange: handleChange,
         filter: filter
-      }, item.id);
+      });
     }
 
-    return /*#__PURE__*/jsx(Option, {
+    return /*#__PURE__*/React.createElement(Option, {
       name: item.name,
       ref: itemRef,
+      key: item.id,
       onMouseEnter: handleMouseEnter,
       id: item.id,
       hover: item.id === hover.item,
       className: optionClassName,
-      renderOption: renderOption(_objectSpread(_objectSpread({}, item), {}, {
+      renderOption: renderOption(_extends({}, item, {
         name: highlightText(item.name, filter)
       }), {
-        id: "option_".concat(item.id),
+        id: "option_" + item.id,
         checked: selectedOptions && selectedOptions.includes(item.id),
         hover: hover.item === item.id,
         onChange: function onChange() {
           return null;
         }
       })
-    }, item.id);
+    });
   }, [handleMouseEnter, hover.item, optionClassName, renderOption, filter, selectedOptions, handleHoverCallback, type, handleChange]);
   var handleOnMouseLeave = useCallback(function () {
     setHover({
@@ -318,11 +311,11 @@ var Autocomplete = function Autocomplete(_ref) {
     }
 
     if (handleChange) {
-      handleChange(hover === null || hover === void 0 ? void 0 : hover.item);
+      handleChange(hover == null ? void 0 : hover.item);
     }
 
     setTimeout(function () {
-      return inputEl === null || inputEl === void 0 ? void 0 : inputEl.focus();
+      return inputEl == null ? void 0 : inputEl.focus();
     }, 0);
     setFilter("");
   }, [handleChange, handleDefaultOptionChange, hover, inputEl]);
@@ -343,48 +336,43 @@ var Autocomplete = function Autocomplete(_ref) {
     return noResultText && !showAddNew && list.length < 1;
   }, [list.length, noResultText, showAddNew]);
   var renderNoResult = useMemo(function () {
-    return /*#__PURE__*/jsx(StyledAutocompleteNoResult, {
-      children: noResultText
-    });
+    return /*#__PURE__*/React.createElement(StyledAutocompleteNoResult, null, noResultText);
   }, [noResultText]);
-  return /*#__PURE__*/jsx(ScrollShadow, {
-    className: classnames("c-select--list", {
+  return /*#__PURE__*/React.createElement(ScrollShadow, {
+    className: classNames("c-select--list", {
       "tw-hidden": !defaultValue && !emptyValue && !noResultText && list.length < 1
-    }, AutocompleteClassName),
-    children: function children(_ref2) {
-      var onScroll = _ref2.onScroll;
-      return /*#__PURE__*/jsx(StyledAutocompleteBody, {
-        onChange: handleClick,
-        onMouseLeave: handleOnMouseLeave,
-        children: /*#__PURE__*/jsxs(Scrollbars, {
-          ref: listRef,
-          autoHeight: true,
-          autoHeightMax: autoHeightMax,
-          onScroll: onScroll,
-          children: [defaultValue && !filter && /*#__PURE__*/jsx(Option, {
-            name: defaultValue,
-            ref: itemRef,
-            hover: hover.item === null,
-            onMouseEnter: handleMouseEnter,
-            renderOption: renderOption({
-              name: defaultValue,
-              id: null
-            }, {
-              checked: isDefaultOptionSelected(),
-              hover: hover.item === null,
-              onChange: function onChange() {
-                return null;
-              }
-            })
-          }), list.map(function (item) {
-            return handleRenderOption(item);
-          }), showNoResult && renderNoResult, showAddNew && renderAddNew]
-        }, "scrollBar")
-      }, "body");
-    }
+    }, AutocompleteClassName)
+  }, function (_ref2) {
+    var onScroll = _ref2.onScroll;
+    return /*#__PURE__*/React.createElement(StyledAutocompleteBody, {
+      key: "body",
+      onChange: handleClick,
+      onMouseLeave: handleOnMouseLeave
+    }, /*#__PURE__*/React.createElement(Scrollbars, {
+      ref: listRef,
+      key: "scrollBar",
+      autoHeight: true,
+      autoHeightMax: autoHeightMax,
+      onScroll: onScroll
+    }, defaultValue && !filter && /*#__PURE__*/React.createElement(Option, {
+      name: defaultValue,
+      ref: itemRef,
+      hover: hover.item === null,
+      onMouseEnter: handleMouseEnter,
+      renderOption: renderOption({
+        name: defaultValue,
+        id: null
+      }, {
+        checked: isDefaultOptionSelected(),
+        hover: hover.item === null,
+        onChange: function onChange() {
+          return null;
+        }
+      })
+    }), list.map(function (item) {
+      return handleRenderOption(item);
+    }), showNoResult && renderNoResult, showAddNew && renderAddNew));
   });
 };
 Autocomplete.displayName = "Autocomplete";
-
-export { Autocomplete };
-//# sourceMappingURL=Autocomplete.js.map
+//# sourceMappingURL=Autocomplete.js.map

package/dist/esm/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useMemo,\n  useEffect,\n  useRef,\n  ReactNode,\n  ReactElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\nimport { ScrollShadow } from \"../ScrollShadow/ScrollShadow\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport { IOptionItemProps, Option } from \"../Select/Option\";\nimport { IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\nimport {\n  StyledAutocompleteBody,\n  StyledAutocompleteNewItem,\n  StyledAutocompleteNoResult,\n} from \"./Styles\";\n\nexport interface IAutocompleteProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** List of options or group options */\n  options?: (IOptionGroupProps | IOptionItemProps)[];\n  /** Selected values */\n  selected?: (string | number)[] | string | number;\n  /** Input Element. */\n  inputEl?: HTMLInputElement | null;\n  /** Text for empty value */\n  emptyValue?: string;\n  /** Text for No result */\n  noResultText?: string;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Default value that renders on top of list */\n  defaultValue?: string;\n  /** Sort direction for labels */\n  sortDirection?: \"asc\" | \"desc\";\n  /** handleChange callback */\n  handleChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** ClassName for single option */\n  optionClassName?: string;\n  /** handleEmptyAction */\n  handleEmptyAction?: (e: string | number) => void;\n  /** Disable sorting options */\n  disabledInternalSort?: boolean;\n  /** ClassName for Autocomplete component */\n  AutocompleteClassName?: string;\n  /** handleDefaultOptionChange callback */\n  handleDefaultOptionChange?: () => void;\n  /** Should default value be selected */\n  preselectDefaultValue?: boolean;\n  /** Should order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Set max height property for scrollbars */\n  autoHeightMax?: number;\n}\n\ninterface IHover {\n  item: number | string | undefined | null;\n  by: \"mouse\" | \"keyboard\" | undefined;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n  type,\n  options = [],\n  inputEl,\n  selected = [],\n  emptyValue,\n  noResultText,\n  renderOption = (option) => option?.name,\n  defaultValue,\n  sortDirection = \"asc\",\n  handleChange,\n  optionClassName,\n  handleEmptyAction,\n  disabledInternalSort,\n  AutocompleteClassName,\n  handleDefaultOptionChange,\n  preselectDefaultValue,\n  keepSameOptionsOrder = false,\n  autoHeightMax = 340,\n}) => {\n  const itemRef = useRef<HTMLLabelElement>(null);\n  const listRef = useRef<Scrollbars>(null);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const handleSort = useCallback((opts) => {\n    if (keepSameOptionsOrder) {\n      return opts;\n    }\n    return opts.sort((a: IOptionItemProps, b: IOptionItemProps) => {\n      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {\n        return 1;\n      }\n      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {\n        return -1;\n      }\n      return 0;\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sortList = useCallback(\n    (options) => {\n      if (disabledInternalSort) {\n        return handleSort([...options]);\n      }\n      return handleSort(\n        [...options].sort((a: IOptionItemProps, b: IOptionItemProps) =>\n          sortDirection === \"asc\"\n            ? a.name.localeCompare(b.name)\n            : b.name.localeCompare(a.name)\n        )\n      );\n    },\n    [sortDirection, disabledInternalSort, handleSort]\n  );\n\n  const sortedList = useMemo(() => sortList(options), [options, sortList]);\n\n  const [hover, setHover] = useState<IHover>({\n    item: undefined,\n    by: undefined,\n  });\n  const [filter, setFilter] = useState(\"\");\n\n  const handleEmpty = useCallback(\n    (e) => {\n      if (e && e.button !== 0) {\n        return;\n      }\n      if (handleEmptyAction) {\n        inputEl?.focus();\n        setFilter(\"\");\n        handleEmptyAction(filter);\n      }\n    },\n    [filter, handleEmptyAction, inputEl]\n  );\n\n  const onAddNewMouseEnter = useCallback(\n    () => setHover({ item: \"addNew\", by: \"mouse\" }),\n    []\n  );\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const showAddNew = useMemo(() => {\n    return !!(\n      emptyValue &&\n      filter.trim() &&\n      options.every((option) => {\n        if (isGroup(option)) {\n          return option.options.every(\n            (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n          );\n        }\n        return option.name.toLowerCase() !== filter.trim().toLowerCase();\n      })\n    );\n  }, [emptyValue, filter, options]);\n\n  const renderAddNew = useMemo(() => {\n    return (\n      <StyledAutocompleteNewItem\n        ref={hover.item === \"addNew\" ? itemRef : null}\n        key=\"emptyValue\"\n        hover={hover.item === \"addNew\"}\n        onMouseDown={handleEmpty}\n        onMouseEnter={onAddNewMouseEnter}\n      >\n        {emptyValue}\n      </StyledAutocompleteNewItem>\n    );\n  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);\n\n  const filterOptions = useCallback(\n    (options, filter) => {\n      const trimmedFilter = filter.trim();\n      const isGrouped = options[0] && isGroup(options[0]);\n      if (isGrouped) {\n        let hovered = false;\n        return options.reduce((acc, groupedOption) => {\n          const filteredOptions = groupedOption.options.filter((v) =>\n            v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n          );\n          if (filteredOptions.length > 0) {\n            if (!hovered && filter) {\n              setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n            }\n            hovered = true;\n            return [...acc, { ...groupedOption, options: filteredOptions }];\n          }\n          return [...acc];\n        }, []);\n      } else {\n        const filteredOptions = options.filter((v) =>\n          v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n        );\n        if (filter && filteredOptions.length > 0) {\n          setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n        }\n        if (filteredOptions.length === 0 && emptyValue) {\n          setHover({ item: \"addNew\", by: \"keyboard\" });\n        }\n        return filteredOptions;\n      }\n    },\n    [emptyValue]\n  );\n\n  const list = useMemo(\n    () => filterOptions(sortedList, filter),\n    [filter, filterOptions, sortedList]\n  );\n\n  const showDefaultOption = useMemo(\n    () => !!defaultValue && !filter,\n    [defaultValue, filter]\n  );\n\n  const flatOptions = useMemo(() => {\n    const options = list.reduce(\n      (\n        acc: (IOptionItemProps | IOptionGroupProps | [])[],\n        option: IOptionItemProps | IOptionGroupProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option];\n        }\n        return [...acc, ...option.options];\n      },\n      []\n    );\n    return filterOptions(options, filter);\n  }, [filter, filterOptions, list]);\n\n  const handleInputChange = useCallback((e) => {\n    if (\n      e.target &&\n      !(e.key === \"ArrowDown\") &&\n      !(e.key === \"ArrowUp\") &&\n      !(e.key === \"Enter\")\n    ) {\n      setFilter(e.target.value);\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback((e) => {\n    if (e === undefined || e === null) {\n      return setHover({ item: null, by: \"mouse\" });\n    }\n    setHover({ item: e, by: \"mouse\" });\n  }, []);\n\n  const handleHoverCallback = useCallback(\n    (e: number | string | undefined): void => {\n      setHover({ item: e, by: \"mouse\" });\n    },\n    []\n  );\n\n  const handleRenderOption = useCallback(\n    (item: IOptionItemProps | IOptionGroupProps) => {\n      if (isGroup(item)) {\n        return (\n          <OptionGroup\n            checked={selectedOptions}\n            name={item.name}\n            key={item.id}\n            setHover={handleHoverCallback}\n            id={item.id}\n            hover={hover.item}\n            options={item.options}\n            renderOptions={handleRenderOption}\n            type={type}\n            onChange={handleChange}\n            filter={filter}\n          />\n        );\n      }\n      return (\n        <Option\n          name={item.name}\n          ref={itemRef}\n          key={item.id}\n          onMouseEnter={handleMouseEnter}\n          id={item.id}\n          hover={item.id === hover.item}\n          className={optionClassName}\n          renderOption={renderOption(\n            { ...item, name: highlightText(item.name, filter) },\n            {\n              id: `option_${item.id}`,\n              checked: selectedOptions && selectedOptions.includes(item.id),\n              hover: hover.item === item.id,\n              onChange: () => null,\n            }\n          )}\n        />\n      );\n    },\n    [\n      handleMouseEnter,\n      hover.item,\n      optionClassName,\n      renderOption,\n      filter,\n      selectedOptions,\n      handleHoverCallback,\n      type,\n      handleChange,\n    ]\n  );\n\n  const handleOnMouseLeave = useCallback(() => {\n    setHover({ item: undefined, by: \"mouse\" });\n  }, []);\n\n  const handleScroll = useCallback((list: Scrollbars, itemOffset: number) => {\n    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {\n      return list.scrollTop(itemOffset - list.getClientHeight() + 30);\n    }\n    if (list.getScrollTop() > itemOffset) {\n      return list.scrollTop(itemOffset);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (hover.by === \"keyboard\" && hover.item !== undefined) {\n      const item: HTMLLabelElement | null = itemRef.current;\n      const list = listRef.current;\n      if (itemRef && item && list) {\n        handleScroll(list, item.offsetTop);\n      }\n    }\n  }, [handleScroll, hover]);\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (hover.item === undefined && filter === \"\") {\n          return;\n        }\n        if (hover.item === \"addNew\") {\n          handleEmpty(null);\n          return;\n        }\n        if (hover.item === null && handleDefaultOptionChange) {\n          handleDefaultOptionChange();\n          return;\n        }\n        if (handleChange) {\n          handleChange(hover.item);\n          setFilter(\"\");\n        }\n        return;\n      }\n      setHover({\n        item: handleKeyboardMovement(\n          e,\n          hover.item,\n          flatOptions,\n          showAddNew,\n          showDefaultOption\n        ),\n        by: \"keyboard\",\n      });\n    },\n    [\n      filter,\n      flatOptions,\n      handleChange,\n      handleDefaultOptionChange,\n      handleEmpty,\n      hover,\n      showAddNew,\n      showDefaultOption,\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    if (hover.item === null && handleDefaultOptionChange) {\n      handleDefaultOptionChange();\n    }\n    if (handleChange) {\n      handleChange(hover?.item);\n    }\n    setTimeout(() => inputEl?.focus(), 0);\n    setFilter(\"\");\n  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);\n\n  useEffect(() => {\n    if (inputEl) {\n      inputEl.onkeydown = handleOnKeyDown;\n      inputEl.onkeyup = handleInputChange;\n    }\n  }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n  const isDefaultOptionSelected = useCallback(() => {\n    if (preselectDefaultValue) {\n      return selectedOptions.length < 1 || selectedOptions[0] === \"\";\n    } else {\n      return (\n        selectedOptions[0] === null ||\n        selectedOptions.length === flatOptions.length\n      );\n    }\n  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n  const showNoResult = useMemo(\n    () => noResultText && !showAddNew && list.length < 1,\n    [list.length, noResultText, showAddNew]\n  );\n\n  const renderNoResult = useMemo(\n    () => (\n      <StyledAutocompleteNoResult>{noResultText}</StyledAutocompleteNoResult>\n    ),\n    [noResultText]\n  );\n\n  return (\n    <ScrollShadow\n      className={classNames(\n        \"c-select--list\",\n        {\n          \"tw-hidden\":\n            !defaultValue && !emptyValue && !noResultText && list.length < 1,\n        },\n        AutocompleteClassName\n      )}\n    >\n      {({ onScroll }): JSX.Element => (\n        <StyledAutocompleteBody\n          key=\"body\"\n          onChange={handleClick}\n          onMouseLeave={handleOnMouseLeave}\n        >\n          <Scrollbars\n            ref={listRef}\n            key=\"scrollBar\"\n            autoHeight\n            autoHeightMax={autoHeightMax}\n            onScroll={onScroll}\n          >\n            {defaultValue && !filter && (\n              <Option\n                name={defaultValue}\n                ref={itemRef}\n                hover={hover.item === null}\n                onMouseEnter={handleMouseEnter}\n                renderOption={renderOption(\n                  { name: defaultValue, id: null },\n                  {\n                    checked: isDefaultOptionSelected(),\n                    hover: hover.item === null,\n                    onChange: () => null,\n                  }\n                )}\n              />\n            )}\n            {list.map((item: IOptionItemProps) => handleRenderOption(item))}\n            {showNoResult && renderNoResult}\n            {showAddNew && renderAddNew}\n          </Scrollbars>\n        </StyledAutocompleteBody>\n      )}\n    </ScrollShadow>\n  );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"names":["Autocomplete","type","options","inputEl","selected","emptyValue","noResultText","renderOption","option","name","defaultValue","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","itemRef","useRef","listRef","selectedOptions","useMemo","Array","handleSort","useCallback","opts","sort","a","b","includes","id","sortList","localeCompare","sortedList","useState","item","undefined","by","hover","setHover","filter","setFilter","handleEmpty","e","button","focus","onAddNewMouseEnter","isGroup","showAddNew","trim","every","v","toLowerCase","renderAddNew","_jsx","filterOptions","trimmedFilter","isGrouped","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","handleInputChange","target","key","value","handleMouseEnter","handleHoverCallback","handleRenderOption","highlightText","checked","onChange","handleOnMouseLeave","handleScroll","itemOffset","getClientHeight","getScrollTop","scrollTop","useEffect","current","offsetTop","handleOnKeyDown","preventDefault","handleKeyboardMovement","handleClick","setTimeout","onkeydown","onkeyup","isDefaultOptionSelected","showNoResult","renderNoResult","classNames","onScroll","_jsxs","map","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":["React","useCallback","useState","useMemo","useEffect","useRef","classNames","Scrollbars","ScrollShadow","highlightText","handleKeyboardMovement","Option","OptionGroup","StyledAutocompleteBody","StyledAutocompleteNewItem","StyledAutocompleteNoResult","Autocomplete","type","options","inputEl","selected","emptyValue","noResultText","renderOption","option","name","defaultValue","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","itemRef","listRef","selectedOptions","Array","handleSort","opts","sort","a","b","includes","id","sortList","localeCompare","sortedList","item","undefined","by","hover","setHover","filter","setFilter","handleEmpty","e","button","focus","onAddNewMouseEnter","isGroup","showAddNew","trim","every","v","toLowerCase","renderAddNew","filterOptions","trimmedFilter","isGrouped","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","handleInputChange","target","key","value","handleMouseEnter","handleHoverCallback","handleRenderOption","checked","onChange","handleOnMouseLeave","handleScroll","itemOffset","getClientHeight","getScrollTop","scrollTop","current","offsetTop","handleOnKeyDown","preventDefault","handleClick","setTimeout","onkeydown","onkeyup","isDefaultOptionSelected","showNoResult","renderNoResult","onScroll","map","displayName"],"mappings":"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","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useMemo,\n  useEffect,\n  useRef,\n  ReactNode,\n  ReactElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\nimport { ScrollShadow } from \"../ScrollShadow/ScrollShadow\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport { IOptionItemProps, Option } from \"../Select/Option\";\nimport { IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\nimport {\n  StyledAutocompleteBody,\n  StyledAutocompleteNewItem,\n  StyledAutocompleteNoResult,\n} from \"./Styles\";\n\nexport interface IAutocompleteProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** List of options or group options */\n  options?: (IOptionGroupProps | IOptionItemProps)[];\n  /** Selected values */\n  selected?: (string | number)[] | string | number;\n  /** Input Element. */\n  inputEl?: HTMLInputElement | null;\n  /** Text for empty value */\n  emptyValue?: string;\n  /** Text for No result */\n  noResultText?: string;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Default value that renders on top of list */\n  defaultValue?: string;\n  /** Sort direction for labels */\n  sortDirection?: \"asc\" | \"desc\";\n  /** handleChange callback */\n  handleChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** ClassName for single option */\n  optionClassName?: string;\n  /** handleEmptyAction */\n  handleEmptyAction?: (e: string | number) => void;\n  /** Disable sorting options */\n  disabledInternalSort?: boolean;\n  /** ClassName for Autocomplete component */\n  AutocompleteClassName?: string;\n  /** handleDefaultOptionChange callback */\n  handleDefaultOptionChange?: () => void;\n  /** Should default value be selected */\n  preselectDefaultValue?: boolean;\n  /** Should order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Set max height property for scrollbars */\n  autoHeightMax?: number;\n}\n\ninterface IHover {\n  item: number | string | undefined | null;\n  by: \"mouse\" | \"keyboard\" | undefined;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n  type,\n  options = [],\n  inputEl,\n  selected = [],\n  emptyValue,\n  noResultText,\n  renderOption = (option) => option?.name,\n  defaultValue,\n  sortDirection = \"asc\",\n  handleChange,\n  optionClassName,\n  handleEmptyAction,\n  disabledInternalSort,\n  AutocompleteClassName,\n  handleDefaultOptionChange,\n  preselectDefaultValue,\n  keepSameOptionsOrder = false,\n  autoHeightMax = 340,\n}) => {\n  const itemRef = useRef<HTMLLabelElement>(null);\n  const listRef = useRef<Scrollbars>(null);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const handleSort = useCallback((opts) => {\n    if (keepSameOptionsOrder) {\n      return opts;\n    }\n    return opts.sort((a: IOptionItemProps, b: IOptionItemProps) => {\n      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {\n        return 1;\n      }\n      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {\n        return -1;\n      }\n      return 0;\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sortList = useCallback(\n    (options) => {\n      if (disabledInternalSort) {\n        return handleSort([...options]);\n      }\n      return handleSort(\n        [...options].sort((a: IOptionItemProps, b: IOptionItemProps) =>\n          sortDirection === \"asc\"\n            ? a.name.localeCompare(b.name)\n            : b.name.localeCompare(a.name)\n        )\n      );\n    },\n    [sortDirection, disabledInternalSort, handleSort]\n  );\n\n  const sortedList = useMemo(() => sortList(options), [options, sortList]);\n\n  const [hover, setHover] = useState<IHover>({\n    item: undefined,\n    by: undefined,\n  });\n  const [filter, setFilter] = useState(\"\");\n\n  const handleEmpty = useCallback(\n    (e) => {\n      if (e && e.button !== 0) {\n        return;\n      }\n      if (handleEmptyAction) {\n        inputEl?.focus();\n        setFilter(\"\");\n        handleEmptyAction(filter);\n      }\n    },\n    [filter, handleEmptyAction, inputEl]\n  );\n\n  const onAddNewMouseEnter = useCallback(\n    () => setHover({ item: \"addNew\", by: \"mouse\" }),\n    []\n  );\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const showAddNew = useMemo(() => {\n    return !!(\n      emptyValue &&\n      filter.trim() &&\n      options.every((option) => {\n        if (isGroup(option)) {\n          return option.options.every(\n            (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n          );\n        }\n        return option.name.toLowerCase() !== filter.trim().toLowerCase();\n      })\n    );\n  }, [emptyValue, filter, options]);\n\n  const renderAddNew = useMemo(() => {\n    return (\n      <StyledAutocompleteNewItem\n        ref={hover.item === \"addNew\" ? itemRef : null}\n        key=\"emptyValue\"\n        hover={hover.item === \"addNew\"}\n        onMouseDown={handleEmpty}\n        onMouseEnter={onAddNewMouseEnter}\n      >\n        {emptyValue}\n      </StyledAutocompleteNewItem>\n    );\n  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);\n\n  const filterOptions = useCallback(\n    (options, filter) => {\n      const trimmedFilter = filter.trim();\n      const isGrouped = options[0] && isGroup(options[0]);\n      if (isGrouped) {\n        let hovered = false;\n        return options.reduce((acc, groupedOption) => {\n          const filteredOptions = groupedOption.options.filter((v) =>\n            v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n          );\n          if (filteredOptions.length > 0) {\n            if (!hovered && filter) {\n              setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n            }\n            hovered = true;\n            return [...acc, { ...groupedOption, options: filteredOptions }];\n          }\n          return [...acc];\n        }, []);\n      } else {\n        const filteredOptions = options.filter((v) =>\n          v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n        );\n        if (filter && filteredOptions.length > 0) {\n          setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n        }\n        if (filteredOptions.length === 0 && emptyValue) {\n          setHover({ item: \"addNew\", by: \"keyboard\" });\n        }\n        return filteredOptions;\n      }\n    },\n    [emptyValue]\n  );\n\n  const list = useMemo(\n    () => filterOptions(sortedList, filter),\n    [filter, filterOptions, sortedList]\n  );\n\n  const showDefaultOption = useMemo(\n    () => !!defaultValue && !filter,\n    [defaultValue, filter]\n  );\n\n  const flatOptions = useMemo(() => {\n    const options = list.reduce(\n      (\n        acc: (IOptionItemProps | IOptionGroupProps | [])[],\n        option: IOptionItemProps | IOptionGroupProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option];\n        }\n        return [...acc, ...option.options];\n      },\n      []\n    );\n    return filterOptions(options, filter);\n  }, [filter, filterOptions, list]);\n\n  const handleInputChange = useCallback((e) => {\n    if (\n      e.target &&\n      !(e.key === \"ArrowDown\") &&\n      !(e.key === \"ArrowUp\") &&\n      !(e.key === \"Enter\")\n    ) {\n      setFilter(e.target.value);\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback((e) => {\n    if (e === undefined || e === null) {\n      return setHover({ item: null, by: \"mouse\" });\n    }\n    setHover({ item: e, by: \"mouse\" });\n  }, []);\n\n  const handleHoverCallback = useCallback(\n    (e: number | string | undefined): void => {\n      setHover({ item: e, by: \"mouse\" });\n    },\n    []\n  );\n\n  const handleRenderOption = useCallback(\n    (item: IOptionItemProps | IOptionGroupProps) => {\n      if (isGroup(item)) {\n        return (\n          <OptionGroup\n            checked={selectedOptions}\n            name={item.name}\n            key={item.id}\n            setHover={handleHoverCallback}\n            id={item.id}\n            hover={hover.item}\n            options={item.options}\n            renderOptions={handleRenderOption}\n            type={type}\n            onChange={handleChange}\n            filter={filter}\n          />\n        );\n      }\n      return (\n        <Option\n          name={item.name}\n          ref={itemRef}\n          key={item.id}\n          onMouseEnter={handleMouseEnter}\n          id={item.id}\n          hover={item.id === hover.item}\n          className={optionClassName}\n          renderOption={renderOption(\n            { ...item, name: highlightText(item.name, filter) },\n            {\n              id: `option_${item.id}`,\n              checked: selectedOptions && selectedOptions.includes(item.id),\n              hover: hover.item === item.id,\n              onChange: () => null,\n            }\n          )}\n        />\n      );\n    },\n    [\n      handleMouseEnter,\n      hover.item,\n      optionClassName,\n      renderOption,\n      filter,\n      selectedOptions,\n      handleHoverCallback,\n      type,\n      handleChange,\n    ]\n  );\n\n  const handleOnMouseLeave = useCallback(() => {\n    setHover({ item: undefined, by: \"mouse\" });\n  }, []);\n\n  const handleScroll = useCallback((list: Scrollbars, itemOffset: number) => {\n    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {\n      return list.scrollTop(itemOffset - list.getClientHeight() + 30);\n    }\n    if (list.getScrollTop() > itemOffset) {\n      return list.scrollTop(itemOffset);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (hover.by === \"keyboard\" && hover.item !== undefined) {\n      const item: HTMLLabelElement | null = itemRef.current;\n      const list = listRef.current;\n      if (itemRef && item && list) {\n        handleScroll(list, item.offsetTop);\n      }\n    }\n  }, [handleScroll, hover]);\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (hover.item === undefined && filter === \"\") {\n          return;\n        }\n        if (hover.item === \"addNew\") {\n          handleEmpty(null);\n          return;\n        }\n        if (hover.item === null && handleDefaultOptionChange) {\n          handleDefaultOptionChange();\n          return;\n        }\n        if (handleChange) {\n          handleChange(hover.item);\n          setFilter(\"\");\n        }\n        return;\n      }\n      setHover({\n        item: handleKeyboardMovement(\n          e,\n          hover.item,\n          flatOptions,\n          showAddNew,\n          showDefaultOption\n        ),\n        by: \"keyboard\",\n      });\n    },\n    [\n      filter,\n      flatOptions,\n      handleChange,\n      handleDefaultOptionChange,\n      handleEmpty,\n      hover,\n      showAddNew,\n      showDefaultOption,\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    if (hover.item === null && handleDefaultOptionChange) {\n      handleDefaultOptionChange();\n    }\n    if (handleChange) {\n      handleChange(hover?.item);\n    }\n    setTimeout(() => inputEl?.focus(), 0);\n    setFilter(\"\");\n  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);\n\n  useEffect(() => {\n    if (inputEl) {\n      inputEl.onkeydown = handleOnKeyDown;\n      inputEl.onkeyup = handleInputChange;\n    }\n  }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n  const isDefaultOptionSelected = useCallback(() => {\n    if (preselectDefaultValue) {\n      return selectedOptions.length < 1 || selectedOptions[0] === \"\";\n    } else {\n      return (\n        selectedOptions[0] === null ||\n        selectedOptions.length === flatOptions.length\n      );\n    }\n  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n  const showNoResult = useMemo(\n    () => noResultText && !showAddNew && list.length < 1,\n    [list.length, noResultText, showAddNew]\n  );\n\n  const renderNoResult = useMemo(\n    () => (\n      <StyledAutocompleteNoResult>{noResultText}</StyledAutocompleteNoResult>\n    ),\n    [noResultText]\n  );\n\n  return (\n    <ScrollShadow\n      className={classNames(\n        \"c-select--list\",\n        {\n          \"tw-hidden\":\n            !defaultValue && !emptyValue && !noResultText && list.length < 1,\n        },\n        AutocompleteClassName\n      )}\n    >\n      {({ onScroll }): JSX.Element => (\n        <StyledAutocompleteBody\n          key=\"body\"\n          onChange={handleClick}\n          onMouseLeave={handleOnMouseLeave}\n        >\n          <Scrollbars\n            ref={listRef}\n            key=\"scrollBar\"\n            autoHeight\n            autoHeightMax={autoHeightMax}\n            onScroll={onScroll}\n          >\n            {defaultValue && !filter && (\n              <Option\n                name={defaultValue}\n                ref={itemRef}\n                hover={hover.item === null}\n                onMouseEnter={handleMouseEnter}\n                renderOption={renderOption(\n                  { name: defaultValue, id: null },\n                  {\n                    checked: isDefaultOptionSelected(),\n                    hover: hover.item === null,\n                    onChange: () => null,\n                  }\n                )}\n              />\n            )}\n            {list.map((item: IOptionItemProps) => handleRenderOption(item))}\n            {showNoResult && renderNoResult}\n            {showAddNew && renderAddNew}\n          </Scrollbars>\n        </StyledAutocompleteBody>\n      )}\n    </ScrollShadow>\n  );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"file":"Autocomplete.js"}

package/dist/esm/components/Autocomplete/HandleKeyboard.js

@@ -1,6 +1,4 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-
-var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptions, showAddNew, showDefaultOption) {
+export var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptions, showAddNew, showDefaultOption) {
   if (e.key === "ArrowDown" || e.key === "ArrowUp") {
     e.preventDefault();
   }
@@ -8,8 +6,8 @@ var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptio
   var options = flatOptions;
   if (showDefaultOption) options = [{
     id: null
-  }].concat(_toConsumableArray(options));
-  if (showAddNew) options = [].concat(_toConsumableArray(options), [{
+  }].concat(options);
+  if (showAddNew) options = [].concat(options, [{
     id: "addNew"
   }]);
   var hoveredIndex = options.findIndex(function (option) {
@@ -28,6 +26,4 @@ var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptio
     return hoveredIndex === -1 || isHoveredFirstOption ? options[options.length - 1].id : options[hoveredIndex - 1].id;
   }
 };
-
-export { handleKeyboardMovement };
-//# sourceMappingURL=HandleKeyboard.js.map
+//# sourceMappingURL=HandleKeyboard.js.map

package/dist/esm/components/Autocomplete/HandleKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HandleKeyboard.js","sources":["../../../../src/components/Autocomplete/HandleKeyboard.tsx"],"sourcesContent":["export const handleKeyboardMovement = (\n  e: KeyboardEvent,\n  hover: string | number | null | undefined,\n  flatOptions,\n  showAddNew: boolean,\n  showDefaultOption\n): number | string | undefined => {\n  if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n    e.preventDefault();\n  }\n\n  let options = flatOptions;\n  if (showDefaultOption) options = [{ id: null }, ...options];\n  if (showAddNew) options = [...options, { id: \"addNew\" }];\n\n  const hoveredIndex = options.findIndex((option) => option.id === hover);\n\n  if (e.key === \"ArrowDown\") {\n    const isHoveredLastOption =\n      options.findIndex((v) => v.id === hover) + 1 >= options.length;\n    return hoveredIndex === -1 || isHoveredLastOption\n      ? options[0].id\n      : options[hoveredIndex + 1].id;\n  }\n\n  if (e.key === \"ArrowUp\") {\n    const isHoveredFirstOption = options[0].id === hover;\n    return hoveredIndex === -1 || isHoveredFirstOption\n      ? options[options.length - 1].id\n      : options[hoveredIndex - 1].id;\n  }\n};\n"],"names":["handleKeyboardMovement","e","hover","flatOptions","showAddNew","showDefaultOption","key","preventDefault","options","id","hoveredIndex","findIndex","option","isHoveredLastOption","v","length","isHoveredFirstOption"],"mappings":";;IAAaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,CADoC,EAEpCC,KAFoC,EAGpCC,WAHoC,EAIpCC,UAJoC,EAKpCC,iBALoC,EAMJ;AAChC,MAAIJ,CAAC,CAACK,GAAF,KAAU,WAAV,IAAyBL,CAAC,CAACK,GAAF,KAAU,SAAvC,EAAkD;AAChDL,IAAAA,CAAC,CAACM,cAAF;AACD;;AAED,MAAIC,OAAO,GAAGL,WAAd;AACA,MAAIE,iBAAJ,EAAuBG,OAAO,IAAI;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAJ,4BAAqBD,OAArB,EAAP;AACvB,MAAIJ,UAAJ,EAAgBI,OAAO,gCAAOA,OAAP,IAAgB;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAhB,EAAP;AAEhB,MAAMC,YAAY,GAAGF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACH,EAAP,KAAcP,KAA1B;AAAA,GAAlB,CAArB;;AAEA,MAAID,CAAC,CAACK,GAAF,KAAU,WAAd,EAA2B;AACzB,QAAMO,mBAAmB,GACvBL,OAAO,CAACG,SAAR,CAAkB,UAACG,CAAD;AAAA,aAAOA,CAAC,CAACL,EAAF,KAASP,KAAhB;AAAA,KAAlB,IAA2C,CAA3C,IAAgDM,OAAO,CAACO,MAD1D;AAEA,WAAOL,YAAY,KAAK,CAAC,CAAlB,IAAuBG,mBAAvB,GACHL,OAAO,CAAC,CAAD,CAAP,CAAWC,EADR,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;;AAED,MAAIR,CAAC,CAACK,GAAF,KAAU,SAAd,EAAyB;AACvB,QAAMU,oBAAoB,GAAGR,OAAO,CAAC,CAAD,CAAP,CAAWC,EAAX,KAAkBP,KAA/C;AACA,WAAOQ,YAAY,KAAK,CAAC,CAAlB,IAAuBM,oBAAvB,GACHR,OAAO,CAACA,OAAO,CAACO,MAAR,GAAiB,CAAlB,CAAP,CAA4BN,EADzB,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;AACF;;;;"}
+{"version":3,"sources":["../../../../src/components/Autocomplete/HandleKeyboard.tsx"],"names":["handleKeyboardMovement","e","hover","flatOptions","showAddNew","showDefaultOption","key","preventDefault","options","id","hoveredIndex","findIndex","option","isHoveredLastOption","v","length","isHoveredFirstOption"],"mappings":"AAAA,OAAO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,CADoC,EAEpCC,KAFoC,EAGpCC,WAHoC,EAIpCC,UAJoC,EAKpCC,iBALoC,EAMJ;AAChC,MAAIJ,CAAC,CAACK,GAAF,KAAU,WAAV,IAAyBL,CAAC,CAACK,GAAF,KAAU,SAAvC,EAAkD;AAChDL,IAAAA,CAAC,CAACM,cAAF;AACD;;AAED,MAAIC,OAAO,GAAGL,WAAd;AACA,MAAIE,iBAAJ,EAAuBG,OAAO,IAAI;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAJ,SAAqBD,OAArB,CAAP;AACvB,MAAIJ,UAAJ,EAAgBI,OAAO,aAAOA,OAAP,GAAgB;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAhB,EAAP;AAEhB,MAAMC,YAAY,GAAGF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACH,EAAP,KAAcP,KAA1B;AAAA,GAAlB,CAArB;;AAEA,MAAID,CAAC,CAACK,GAAF,KAAU,WAAd,EAA2B;AACzB,QAAMO,mBAAmB,GACvBL,OAAO,CAACG,SAAR,CAAkB,UAACG,CAAD;AAAA,aAAOA,CAAC,CAACL,EAAF,KAASP,KAAhB;AAAA,KAAlB,IAA2C,CAA3C,IAAgDM,OAAO,CAACO,MAD1D;AAEA,WAAOL,YAAY,KAAK,CAAC,CAAlB,IAAuBG,mBAAvB,GACHL,OAAO,CAAC,CAAD,CAAP,CAAWC,EADR,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;;AAED,MAAIR,CAAC,CAACK,GAAF,KAAU,SAAd,EAAyB;AACvB,QAAMU,oBAAoB,GAAGR,OAAO,CAAC,CAAD,CAAP,CAAWC,EAAX,KAAkBP,KAA/C;AACA,WAAOQ,YAAY,KAAK,CAAC,CAAlB,IAAuBM,oBAAvB,GACHR,OAAO,CAACA,OAAO,CAACO,MAAR,GAAiB,CAAlB,CAAP,CAA4BN,EADzB,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;AACF,CA/BM","sourcesContent":["export const handleKeyboardMovement = (\n  e: KeyboardEvent,\n  hover: string | number | null | undefined,\n  flatOptions,\n  showAddNew: boolean,\n  showDefaultOption\n): number | string | undefined => {\n  if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n    e.preventDefault();\n  }\n\n  let options = flatOptions;\n  if (showDefaultOption) options = [{ id: null }, ...options];\n  if (showAddNew) options = [...options, { id: \"addNew\" }];\n\n  const hoveredIndex = options.findIndex((option) => option.id === hover);\n\n  if (e.key === \"ArrowDown\") {\n    const isHoveredLastOption =\n      options.findIndex((v) => v.id === hover) + 1 >= options.length;\n    return hoveredIndex === -1 || isHoveredLastOption\n      ? options[0].id\n      : options[hoveredIndex + 1].id;\n  }\n\n  if (e.key === \"ArrowUp\") {\n    const isHoveredFirstOption = options[0].id === hover;\n    return hoveredIndex === -1 || isHoveredFirstOption\n      ? options[options.length - 1].id\n      : options[hoveredIndex - 1].id;\n  }\n};\n"],"file":"HandleKeyboard.js"}