@addsign/moje-agenda-shared-lib 1.0.43 → 1.0.45

package/dist/components/datatable/DataTable.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
-import { e as MdOutlineFilterAlt, f as MdOutlineFilterAltOff, g as MdSearch, d as MdClose, h as MdArrowBack, i as MdArrowForward, j as MdArrowUpward, k as MdArrowDownward } from "../../index-BMFehNPK.js";
+import { g as MdOutlineFilterAlt, h as MdOutlineFilterAltOff, i as MdSearch, f as MdClose, j as MdArrowBack, k as MdArrowForward, l as MdArrowUpward, m as MdArrowDownward } from "../../index-B4OkVXmW.js";
 import FormField from "../form/FormField.js";
 import Spinner from "../Spinner.js";
 import "../../index.esm-ifS8v9eQ.js";

package/dist/components/datatable/DataTableServer.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useCallback } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
 import Button from "../Button.js";
-import { e as MdOutlineFilterAlt, f as MdOutlineFilterAltOff, g as MdSearch, d as MdClose, h as MdArrowBack, i as MdArrowForward, j as MdArrowUpward, k as MdArrowDownward } from "../../index-BMFehNPK.js";
+import { g as MdOutlineFilterAlt, h as MdOutlineFilterAltOff, i as MdSearch, f as MdClose, j as MdArrowBack, k as MdArrowForward, l as MdArrowUpward, m as MdArrowDownward } from "../../index-B4OkVXmW.js";
 import FormField from "../form/FormField.js";
 import InputField from "../form/InputField.js";
 import SelectField from "../form/SelectField.js";

package/dist/components/datatable/DatatableSettings.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { l as MdRefresh } from "../../index-BMFehNPK.js";
+import { n as MdRefresh } from "../../index-B4OkVXmW.js";
 import { G as GenIcon } from "../../iconBase-B8_TsgYI.js";
 function PiFileXlsLight(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 256 256", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M154,208a6,6,0,0,1-6,6H120a6,6,0,0,1-6-6V152a6,6,0,1,1,12,0v50h22A6,6,0,0,1,154,208ZM91.48,147.11a6,6,0,0,0-8.36,1.39L68,169.67,52.88,148.5a6,6,0,1,0-9.76,7L60.63,180,43.12,204.5a6,6,0,1,0,9.76,7L68,190.31l15.12,21.16A6,6,0,0,0,88,214a5.91,5.91,0,0,0,3.48-1.12,6,6,0,0,0,1.4-8.37L75.37,180l17.51-24.51A6,6,0,0,0,91.48,147.11ZM191,173.22c-10.85-3.13-13.41-4.69-13-7.91a6.59,6.59,0,0,1,2.88-5.08c5.6-3.79,17.65-1.83,21.44-.84a6,6,0,0,0,3.07-11.6c-2-.54-20.1-5-31.21,2.48a18.64,18.64,0,0,0-8.08,13.54c-1.8,14.19,12.26,18.25,21.57,20.94,12.12,3.5,14.77,5.33,14.2,9.76a6.85,6.85,0,0,1-3,5.34c-5.61,3.73-17.48,1.64-21.19.62A6,6,0,0,0,174.47,212a59.41,59.41,0,0,0,14.68,2c5.49,0,11.54-.95,16.36-4.14a18.89,18.89,0,0,0,8.31-13.81C215.83,180.39,200.91,176.08,191,173.22ZM42,112V40A14,14,0,0,1,56,26h96a6,6,0,0,1,4.24,1.76l56,56A6,6,0,0,1,214,88v24a6,6,0,1,1-12,0V94H152a6,6,0,0,1-6-6V38H56a2,2,0,0,0-2,2v72a6,6,0,1,1-12,0ZM158,82H193.5L158,46.48Z" }, "child": [] }] })(props);

package/dist/components/form/AutocompleteSearchBar.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
-import { b as MdExpandLess, c as MdExpandMore, d as MdClose } from "../../index-BMFehNPK.js";
+import { d as MdExpandLess, e as MdExpandMore, f as MdClose } from "../../index-B4OkVXmW.js";
 import "../../index.esm-ifS8v9eQ.js";
 import "../../jspdf.plugin.autotable-7hp3hM-a.js";
 import "../../contexts/FederationContext.js";

package/dist/components/form/AutocompleteSearchBarServer.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { b as MdExpandLess, c as MdExpandMore } from "../../index-BMFehNPK.js";
+import { d as MdExpandLess, e as MdExpandMore } from "../../index-B4OkVXmW.js";
 import '../../assets/tailwind.css';/* empty css                      */
 import InputField from "./InputField.js";
 import "../../index.esm-ifS8v9eQ.js";
@@ -21,7 +21,8 @@ const AutocompleteSearchBarServer = ({
   onBlur,
   placeholder,
   returnObject,
-  value
+  value,
+  required
 }) => {
   const [query, setQuery] = useState("");
   const [selectedOptionIndex, setSelectedOptionIndex] = useState(-1);
@@ -33,6 +34,7 @@ const AutocompleteSearchBarServer = ({
   const ref = useRef(null);
   const federationContext = useFederationContext();
   const [isFocused, setIsFocused] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
   useEffect(() => {
     if (!value) {
       setQuery("");
@@ -41,7 +43,9 @@ const AutocompleteSearchBarServer = ({
   }, [value]);
   useEffect(() => {
     const fetchOptions = async () => {
+      setIsLoading(true);
       const { data } = await federationContext.apiClient.get(fetchUrl + query);
+      setIsLoading(false);
       const tmpData = data.content || data;
       setSearchResults(
         tmpData.map((item) => ({
@@ -57,6 +61,7 @@ const AutocompleteSearchBarServer = ({
   }, [query, valueKey, labelKey, fetchUrl, federationContext.apiClient]);
   useClickAway(ref, () => {
     if (isFocused) {
+      setIsLoading(false);
       setSearchResults([]);
       setQuery("");
       if (!selectedOption) {
@@ -125,6 +130,7 @@ const AutocompleteSearchBarServer = ({
             label,
             name: String(name) + "_InputField",
             onInputChange: handleQueryChange,
+            required,
             type: "text",
             value: (selectedOption == null ? void 0 : selectedOption.label) || query,
             disabled,
@@ -154,7 +160,7 @@ const AutocompleteSearchBarServer = ({
           "div",
           {
             className: `absolute  text-sm  py-2 px-4 w-full outline-4 bg-white border text-gray-400 border-gray-200 drop-shadow-xl  z-50 ${label ? "top-[68px]" : "top-[40px]"}`,
-            children: "Nic nenalezeno"
+            children: !isLoading && "Nic nenalezeno"
           }
         ),
         searchResults.length > 0 && isFocused && query && /* @__PURE__ */ jsx(

package/dist/components/form/AutocompleteSearchBarServer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSearchBarServer.js","sources":["../../../lib/components/form/AutocompleteSearchBarServer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { MdExpandLess, MdExpandMore } from \"react-icons/md\";\r\nimport { InputField, IOptionItem, useFederationContext } from \"../../main\";\r\n\r\ninterface OptionListProps {\r\n  options: IOptionItem[];\r\n  selectedOptionIndex: number;\r\n  handleOptionClick: (option: IOptionItem) => void;\r\n  label?: string;\r\n}\r\n\r\nconst AutocompleteSearchBarServer: React.FC<{\r\n  label: string;\r\n  name: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  description?: string;\r\n  fetchUrl?: string;\r\n  valueKey: string;\r\n  labelKey: string | ((item: any) => string);\r\n  onChange: (value: any) => void;\r\n  onFocus: () => void;\r\n  onBlur: () => void;\r\n  placeholder?: string;\r\n  value?: string;\r\n  initOptions?: IOptionItem[];\r\n  clearable?: boolean;\r\n  returnObject: boolean;\r\n}> = ({\r\n  label,\r\n  name,\r\n  disabled,\r\n  description,\r\n  fetchUrl,\r\n  valueKey,\r\n  labelKey,\r\n  onChange,\r\n  onFocus,\r\n  onBlur,\r\n  placeholder,\r\n  returnObject,\r\n  value,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [selectedOptionIndex, setSelectedOptionIndex] = useState(-1);\r\n  const [selectedOption, setSelectedOption] = useState<IOptionItem | null>(\r\n    null\r\n  );\r\n  const [searchResults, setSearchResults] = useState<IOptionItem[]>([]);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const ref = useRef(null);\r\n  const federationContext = useFederationContext();\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  // const [errors] = useState<any>({});\r\n\r\n  useEffect(() => {\r\n    if (!value) {\r\n      setQuery(\"\");\r\n      setSelectedOption(null);\r\n    }\r\n  }, [value]);\r\n\r\n  //fetch options\r\n  useEffect(() => {\r\n    const fetchOptions = async () => {\r\n      const { data } = await federationContext.apiClient.get(fetchUrl + query);\r\n      const tmpData = data.content || data;\r\n\r\n      setSearchResults(\r\n        tmpData.map((item: any) => ({\r\n          value: item[valueKey],\r\n          label: labelKey instanceof Function ? labelKey(item) : item[labelKey],\r\n        }))\r\n      );\r\n    };\r\n    setSearchResults([]);\r\n\r\n    if (query && valueKey && labelKey && fetchUrl && !selectedOption) {\r\n      fetchOptions();\r\n    }\r\n  }, [query, valueKey, labelKey, fetchUrl, federationContext.apiClient]);\r\n\r\n  useClickAway(ref, () => {\r\n    if (isFocused) {\r\n      setSearchResults([]);\r\n      setQuery(\"\");\r\n      if (!selectedOption) {\r\n        onChange(null);\r\n      }\r\n      onBlur();\r\n      setIsFocused(false);\r\n    }\r\n  });\r\n\r\n  const handleQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value == selectedOption?.label) {\r\n      return;\r\n    } else if (event.target.value) {\r\n      setIsFocused(true);\r\n      setSearchResults([]);\r\n      setQuery(event.target.value);\r\n\r\n      setSelectedOption(null);\r\n      setSelectedOptionIndex(-1);\r\n    } else {\r\n      //clear handler\r\n      onChange(null);\r\n      setQuery(\"\");\r\n      setSelectedOption(null);\r\n      setTimeout(() => {\r\n        setSelectedOptionIndex(-1);\r\n        setSearchResults([]);\r\n      }, 100);\r\n      setIsFocused(false);\r\n    }\r\n  };\r\n  const handleFocus = () => {\r\n    setIsFocused(true);\r\n    setSearchResults([]);\r\n    onFocus();\r\n    inputRef.current?.select(); // Add this line\r\n  };\r\n\r\n  const handleOptionClick = (option: IOptionItem) => {\r\n    setSelectedOption(option);\r\n    setSearchResults([]);\r\n    setSelectedOptionIndex(-1);\r\n    setQuery(\"\");\r\n    onChange(returnObject ? option : option.value);\r\n    setIsFocused(false);\r\n  };\r\n  const handleBlur = () => {\r\n    setSearchResults([]);\r\n    setTimeout(() => {\r\n      if (!selectedOption) {\r\n        setQuery(\"\");\r\n        onChange(null);\r\n      }\r\n    }, 1);\r\n\r\n    onBlur();\r\n    setIsFocused(false);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"w-full  flex-col justify-start items-start gap-1.5 inline-flex relative\"\r\n      ref={ref}\r\n    >\r\n      <InputField\r\n        manualRef={inputRef}\r\n        label={label}\r\n        name={String(name) + \"_InputField\"}\r\n        onInputChange={handleQueryChange}\r\n        type=\"text\"\r\n        value={selectedOption?.label || query}\r\n        disabled={disabled}\r\n        clearable\r\n        className=\" min-w-[100px] px-0 \"\r\n        rounded={true}\r\n        placeholder={placeholder}\r\n        debounceTimeout={1000}\r\n        description={description}\r\n        onFocus={handleFocus}\r\n        onBlur={handleBlur}\r\n        disableAutocomplete\r\n      >\r\n        <div className=\" h-6 w-6 items-center flex  justify-center  hover:bg-gray-100  rounded-full text-lg  cursor-pointer\">\r\n          {isFocused && <MdExpandLess />}\r\n          {!isFocused && <MdExpandMore />}\r\n        </div>\r\n      </InputField>\r\n      {searchResults.length == 0 && isFocused && !query && (\r\n        <div\r\n          className={`absolute text-sm py-2 px-4  w-full outline-4 bg-white text-gray-400 border border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}`}\r\n        >\r\n          Začněte psát...\r\n        </div>\r\n      )}\r\n      {searchResults.length == 0 && isFocused && query && (\r\n        <div\r\n          className={`absolute  text-sm  py-2 px-4 w-full outline-4 bg-white border text-gray-400 border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}`}\r\n        >\r\n          Nic nenalezeno\r\n        </div>\r\n      )}\r\n      {searchResults.length > 0 && isFocused && query && (\r\n        <OptionList\r\n          options={searchResults}\r\n          selectedOptionIndex={selectedOptionIndex}\r\n          handleOptionClick={handleOptionClick}\r\n          label={label}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst OptionList: React.FC<OptionListProps> = ({\r\n  options,\r\n  selectedOptionIndex,\r\n  handleOptionClick,\r\n  label,\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    // Ensure the selected option is scrolled into view\r\n    if (selectedOptionIndex >= 0 && selectedOptionIndex < options.length) {\r\n      const selectedElement = containerRef.current?.children[\r\n        selectedOptionIndex\r\n      ] as HTMLDivElement;\r\n      selectedElement?.scrollIntoView({\r\n        behavior: \"instant\",\r\n        block: \"nearest\",\r\n      });\r\n    }\r\n  }, [selectedOptionIndex, options.length]);\r\n  const handleMouseDown = (event: any) => {\r\n    event.preventDefault();\r\n  };\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={`overflow-y-auto resultOptionContainer w-full max-h-96 outline-indigo-200 absolute outline-4 bg-white border border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}  *:\r\n         \r\n            `}\r\n    >\r\n      {options?.map((option, index) => (\r\n        <div\r\n          key={option.value as string}\r\n          className={`py-2 px-4 flex items-center justify-between gap-8 hover:bg-gray-200 cursor-pointer text-sm ${\r\n            selectedOptionIndex === index ? \"bg-gray-200\" : \"\"\r\n          }`}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            handleOptionClick(option);\r\n          }}\r\n          onMouseDown={handleMouseDown}\r\n        >\r\n          <p className=\"font-normal\">{option.label}</p>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AutocompleteSearchBarServer;\r\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,8BAiBD,CAAC;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,EAAE;AAC3D,QAAA,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EAAA;AAEF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,CAAE,CAAA;AAC9D,QAAA,WAAW,OAAyB,IAAI;AACxC,QAAA,MAAM,OAAO,IAAI;AACvB,QAAM,oBAAoB;AAC1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAGhD,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,eAAS,EAAE;AACX,wBAAkB,IAAI;AAAA,IACxB;AAAA,EAAA,GACC,CAAC,KAAK,CAAC;AAGV,YAAU,MAAM;AACd,UAAM,eAAe,YAAY;AACzB,YAAA,EAAE,KAAS,IAAA,MAAM,kBAAkB,UAAU,IAAI,WAAW,KAAK;AACjE,YAAA,UAAU,KAAK,WAAW;AAEhC;AAAA,QACE,QAAQ,IAAI,CAAC,UAAe;AAAA,UAC1B,OAAO,KAAK,QAAQ;AAAA,UACpB,OAAO,oBAAoB,WAAW,SAAS,IAAI,IAAI,KAAK,QAAQ;AAAA,QAAA,EACpE;AAAA,MAAA;AAAA,IACJ;AAEF,qBAAiB,CAAE,CAAA;AAEnB,QAAI,SAAS,YAAY,YAAY,YAAY,CAAC,gBAAgB;AACnD;IACf;AAAA,EAAA,GACC,CAAC,OAAO,UAAU,UAAU,UAAU,kBAAkB,SAAS,CAAC;AAErE,eAAa,KAAK,MAAM;AACtB,QAAI,WAAW;AACb,uBAAiB,CAAE,CAAA;AACnB,eAAS,EAAE;AACX,UAAI,CAAC,gBAAgB;AACnB,iBAAS,IAAI;AAAA,MACf;AACO;AACP,mBAAa,KAAK;AAAA,IACpB;AAAA,EAAA,CACD;AAEK,QAAA,oBAAoB,CAAC,UAA+C;AACxE,QAAI,MAAM,OAAO,UAAS,iDAAgB,QAAO;AAC/C;AAAA,IAAA,WACS,MAAM,OAAO,OAAO;AAC7B,mBAAa,IAAI;AACjB,uBAAiB,CAAE,CAAA;AACV,eAAA,MAAM,OAAO,KAAK;AAE3B,wBAAkB,IAAI;AACtB,6BAAuB,EAAE;AAAA,IAAA,OACpB;AAEL,eAAS,IAAI;AACb,eAAS,EAAE;AACX,wBAAkB,IAAI;AACtB,iBAAW,MAAM;AACf,+BAAuB,EAAE;AACzB,yBAAiB,CAAE,CAAA;AAAA,SAClB,GAAG;AACN,mBAAa,KAAK;AAAA,IACpB;AAAA,EAAA;AAEF,QAAM,cAAc,MAAM;;AACxB,iBAAa,IAAI;AACjB,qBAAiB,CAAE,CAAA;AACX;AACR,mBAAS,YAAT,mBAAkB;AAAA,EAAO;AAGrB,QAAA,oBAAoB,CAAC,WAAwB;AACjD,sBAAkB,MAAM;AACxB,qBAAiB,CAAE,CAAA;AACnB,2BAAuB,EAAE;AACzB,aAAS,EAAE;AACF,aAAA,eAAe,SAAS,OAAO,KAAK;AAC7C,iBAAa,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAa,MAAM;AACvB,qBAAiB,CAAE,CAAA;AACnB,eAAW,MAAM;AACf,UAAI,CAAC,gBAAgB;AACnB,iBAAS,EAAE;AACX,iBAAS,IAAI;AAAA,MACf;AAAA,OACC,CAAC;AAEG;AACP,iBAAa,KAAK;AAAA,EAAA;AAIlB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX;AAAA,YACA,MAAM,OAAO,IAAI,IAAI;AAAA,YACrB,eAAe;AAAA,YACf,MAAK;AAAA,YACL,QAAO,iDAAgB,UAAS;AAAA,YAChC;AAAA,YACA,WAAS;AAAA,YACT,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YACA,iBAAiB;AAAA,YACjB;AAAA,YACA,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,qBAAmB;AAAA,YAEnB,UAAA,qBAAC,OAAI,EAAA,WAAU,uGACZ,UAAA;AAAA,cAAA,iCAAc,cAAa,EAAA;AAAA,cAC3B,CAAC,aAAa,oBAAC,cAAa,EAAA;AAAA,YAAA,GAC/B;AAAA,UAAA;AAAA,QACF;AAAA,QACC,cAAc,UAAU,KAAK,aAAa,CAAC,SAC1C;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,mHAAmH,QAAQ,eAAe,YAAY;AAAA,YAClK,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QAED,cAAc,UAAU,KAAK,aAAa,SACzC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,oHAAoH,QAAQ,eAAe,YAAY;AAAA,YACnK,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,QAED,cAAc,SAAS,KAAK,aAAa,SACxC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,eAAe,OAAuB,IAAI;AAEhD,YAAU,MAAM;;AAEd,QAAI,uBAAuB,KAAK,sBAAsB,QAAQ,QAAQ;AACpE,YAAM,mBAAkB,kBAAa,YAAb,mBAAsB,SAC5C;AAEF,yDAAiB,eAAe;AAAA,QAC9B,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,EACC,GAAA,CAAC,qBAAqB,QAAQ,MAAM,CAAC;AAClC,QAAA,kBAAkB,CAAC,UAAe;AACtC,UAAM,eAAe;AAAA,EAAA;AAGrB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,oJAAoJ,QAAQ,eAAe,YAAY;AAAA;AAAA;AAAA,MAIjM,UAAS,mCAAA,IAAI,CAAC,QAAQ,UACrB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,8FACT,wBAAwB,QAAQ,gBAAgB,EAClD;AAAA,UACA,SAAS,CAAC,MAAM;AACd,cAAE,eAAe;AACjB,8BAAkB,MAAM;AAAA,UAC1B;AAAA,UACA,aAAa;AAAA,UAEb,UAAC,oBAAA,KAAA,EAAE,WAAU,eAAe,iBAAO,OAAM;AAAA,QAAA;AAAA,QAVpC,OAAO;AAAA,MAAA;AAAA,IAYf;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"AutocompleteSearchBarServer.js","sources":["../../../lib/components/form/AutocompleteSearchBarServer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { MdExpandLess, MdExpandMore } from \"react-icons/md\";\r\nimport { InputField, IOptionItem, useFederationContext } from \"../../main\";\r\n\r\ninterface OptionListProps {\r\n  options: IOptionItem[];\r\n  selectedOptionIndex: number;\r\n  handleOptionClick: (option: IOptionItem) => void;\r\n  label?: string;\r\n}\r\n\r\nconst AutocompleteSearchBarServer: React.FC<{\r\n  label: string;\r\n  name: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  description?: string;\r\n  fetchUrl?: string;\r\n  valueKey: string;\r\n  labelKey: string | ((item: any) => string);\r\n  onChange: (value: any) => void;\r\n  onFocus: () => void;\r\n  onBlur: () => void;\r\n  placeholder?: string;\r\n  value?: string;\r\n  initOptions?: IOptionItem[];\r\n  clearable?: boolean;\r\n  returnObject: boolean;\r\n}> = ({\r\n  label,\r\n  name,\r\n  disabled,\r\n  description,\r\n  fetchUrl,\r\n  valueKey,\r\n  labelKey,\r\n  onChange,\r\n  onFocus,\r\n  onBlur,\r\n  placeholder,\r\n  returnObject,\r\n  value,\r\n  required,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [selectedOptionIndex, setSelectedOptionIndex] = useState(-1);\r\n  const [selectedOption, setSelectedOption] = useState<IOptionItem | null>(\r\n    null\r\n  );\r\n  const [searchResults, setSearchResults] = useState<IOptionItem[]>([]);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const ref = useRef(null);\r\n  const federationContext = useFederationContext();\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  // const [errors] = useState<any>({});\r\n\r\n  useEffect(() => {\r\n    if (!value) {\r\n      setQuery(\"\");\r\n      setSelectedOption(null);\r\n    }\r\n  }, [value]);\r\n\r\n  //fetch options\r\n  useEffect(() => {\r\n    const fetchOptions = async () => {\r\n      setIsLoading(true);\r\n      const { data } = await federationContext.apiClient.get(fetchUrl + query);\r\n      setIsLoading(false);\r\n      const tmpData = data.content || data;\r\n\r\n      setSearchResults(\r\n        tmpData.map((item: any) => ({\r\n          value: item[valueKey],\r\n          label: labelKey instanceof Function ? labelKey(item) : item[labelKey],\r\n        }))\r\n      );\r\n    };\r\n    setSearchResults([]);\r\n\r\n    if (query && valueKey && labelKey && fetchUrl && !selectedOption) {\r\n      fetchOptions();\r\n    }\r\n  }, [query, valueKey, labelKey, fetchUrl, federationContext.apiClient]);\r\n\r\n  useClickAway(ref, () => {\r\n    if (isFocused) {\r\n      setIsLoading(false);\r\n      setSearchResults([]);\r\n      setQuery(\"\");\r\n      if (!selectedOption) {\r\n        onChange(null);\r\n      }\r\n      onBlur();\r\n      setIsFocused(false);\r\n    }\r\n  });\r\n\r\n  const handleQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.value == selectedOption?.label) {\r\n      return;\r\n    } else if (event.target.value) {\r\n      setIsFocused(true);\r\n      setSearchResults([]);\r\n      setQuery(event.target.value);\r\n\r\n      setSelectedOption(null);\r\n      setSelectedOptionIndex(-1);\r\n    } else {\r\n      //clear handler\r\n      onChange(null);\r\n      setQuery(\"\");\r\n      setSelectedOption(null);\r\n      setTimeout(() => {\r\n        setSelectedOptionIndex(-1);\r\n        setSearchResults([]);\r\n      }, 100);\r\n      setIsFocused(false);\r\n    }\r\n  };\r\n  const handleFocus = () => {\r\n    setIsFocused(true);\r\n    setSearchResults([]);\r\n    onFocus();\r\n    inputRef.current?.select(); // Add this line\r\n  };\r\n\r\n  const handleOptionClick = (option: IOptionItem) => {\r\n    setSelectedOption(option);\r\n    setSearchResults([]);\r\n    setSelectedOptionIndex(-1);\r\n    setQuery(\"\");\r\n    onChange(returnObject ? option : option.value);\r\n    setIsFocused(false);\r\n  };\r\n  const handleBlur = () => {\r\n    setSearchResults([]);\r\n    setTimeout(() => {\r\n      if (!selectedOption) {\r\n        setQuery(\"\");\r\n        onChange(null);\r\n      }\r\n    }, 1);\r\n\r\n    onBlur();\r\n    setIsFocused(false);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"w-full  flex-col justify-start items-start gap-1.5 inline-flex relative\"\r\n      ref={ref}\r\n    >\r\n      <InputField\r\n        manualRef={inputRef}\r\n        label={label}\r\n        name={String(name) + \"_InputField\"}\r\n        onInputChange={handleQueryChange}\r\n        required={required}\r\n        type=\"text\"\r\n        value={selectedOption?.label || query}\r\n        disabled={disabled}\r\n        clearable\r\n        className=\" min-w-[100px] px-0 \"\r\n        rounded={true}\r\n        placeholder={placeholder}\r\n        debounceTimeout={1000}\r\n        description={description}\r\n        onFocus={handleFocus}\r\n        onBlur={handleBlur}\r\n        disableAutocomplete\r\n      >\r\n        <div className=\" h-6 w-6 items-center flex  justify-center  hover:bg-gray-100  rounded-full text-lg  cursor-pointer\">\r\n          {isFocused && <MdExpandLess />}\r\n          {!isFocused && <MdExpandMore />}\r\n        </div>\r\n      </InputField>\r\n      {searchResults.length == 0 && isFocused && !query && (\r\n        <div\r\n          className={`absolute text-sm py-2 px-4  w-full outline-4 bg-white text-gray-400 border border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}`}\r\n        >\r\n          Začněte psát...\r\n        </div>\r\n      )}\r\n      {searchResults.length == 0 && isFocused && query && (\r\n        <div\r\n          className={`absolute  text-sm  py-2 px-4 w-full outline-4 bg-white border text-gray-400 border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}`}\r\n        >\r\n          {!isLoading && \"Nic nenalezeno\"}\r\n        </div>\r\n      )}\r\n      {searchResults.length > 0 && isFocused && query && (\r\n        <OptionList\r\n          options={searchResults}\r\n          selectedOptionIndex={selectedOptionIndex}\r\n          handleOptionClick={handleOptionClick}\r\n          label={label}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst OptionList: React.FC<OptionListProps> = ({\r\n  options,\r\n  selectedOptionIndex,\r\n  handleOptionClick,\r\n  label,\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    // Ensure the selected option is scrolled into view\r\n    if (selectedOptionIndex >= 0 && selectedOptionIndex < options.length) {\r\n      const selectedElement = containerRef.current?.children[\r\n        selectedOptionIndex\r\n      ] as HTMLDivElement;\r\n      selectedElement?.scrollIntoView({\r\n        behavior: \"instant\",\r\n        block: \"nearest\",\r\n      });\r\n    }\r\n  }, [selectedOptionIndex, options.length]);\r\n  const handleMouseDown = (event: any) => {\r\n    event.preventDefault();\r\n  };\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={`overflow-y-auto resultOptionContainer w-full max-h-96 outline-indigo-200 absolute outline-4 bg-white border border-gray-200 drop-shadow-xl  z-50 ${label ? \"top-[68px]\" : \"top-[40px]\"}  *:\r\n         \r\n            `}\r\n    >\r\n      {options?.map((option, index) => (\r\n        <div\r\n          key={option.value as string}\r\n          className={`py-2 px-4 flex items-center justify-between gap-8 hover:bg-gray-200 cursor-pointer text-sm ${\r\n            selectedOptionIndex === index ? \"bg-gray-200\" : \"\"\r\n          }`}\r\n          onClick={(e) => {\r\n            e.preventDefault();\r\n            handleOptionClick(option);\r\n          }}\r\n          onMouseDown={handleMouseDown}\r\n        >\r\n          <p className=\"font-normal\">{option.label}</p>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AutocompleteSearchBarServer;\r\n"],"names":[],"mappings":"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"}