@addsign/moje-agenda-shared-lib 2.0.3 → 2.0.5

package/dist/components/form/SelectField.js

@@ -8,7 +8,7 @@ import "../../index.esm-ifS8v9eQ.js";
 import "../../jspdf.plugin.autotable-7hp3hM-a.js";
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";
-import "../../Dialog-CLPZ1Y00.js";
+import "../../Dialog-BtXGfOmv.js";
 import "../ui/ScrollArea.js";
 import "../ui/input.js";
 import "../ui/form.js";
@@ -18,6 +18,8 @@ import "../ui/Combobox.js";
 import "../ui/select.js";
 import "../ui/tooltip.js";
 import "../ui/separator.js";
+import "../ui/textarea.js";
+import "../ui/checkbox.js";
 import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";

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

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../lib/components/form/SelectField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { IFormFieldGlobalProps, IOptionItem } from \"../../types\";\r\nimport { MdCheck, MdClose, MdExpandLess, MdExpandMore } from \"react-icons/md\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { SpinnerIcon, useFederationContext } from \"../../main\";\r\nimport { FaSpinner } from \"react-icons/fa\";\r\n\r\nexport interface ISelectFieldProps extends IFormFieldGlobalProps {\r\n  options?: IOptionItem[];\r\n  valueKey?: string;\r\n  labelKey?: string | ((item: any) => string);\r\n  fetchUrl?: string;\r\n  loading?: boolean;\r\n}\r\n\r\nexport default function SelectField({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  options,\r\n  placeholder,\r\n  className,\r\n  errors = {},\r\n  clearable,\r\n  required,\r\n  disabled,\r\n  rounded = true,\r\n  fetchUrl,\r\n  valueKey,\r\n  labelKey,\r\n  loading,\r\n}: ISelectFieldProps) {\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const [isLoading, setIsLoading] = React.useState(false);\r\n  const apiClient = useFederationContext()?.apiClient;\r\n  const [localOptions, setLocalOptions] = React.useState(options);\r\n\r\n  const ref = React.useRef(null);\r\n  const handleClear = (e: any) => {\r\n    // value;\r\n    e.stopPropagation(); // Add this line\r\n\r\n    setIsFocused(false);\r\n    onInputChange({\r\n      ...e,\r\n      target: {\r\n        value: \"\",\r\n        name: name,\r\n      },\r\n    });\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    const fetchOptions = async (fetchUrl: string) => {\r\n      setIsLoading(true);\r\n      const { data } = await apiClient.get(fetchUrl);\r\n\r\n      // Check if the first item in the data array is a number to determine the data type\r\n      const isArrayOfNumbers = typeof data[0] === \"number\";\r\n      const isInPageable = data && data.hasOwnProperty(\"content\");\r\n\r\n      // Transform data based on its type\r\n      const transformedOptions = (isInPageable ? data.content : data).map(\r\n        (item: any) => {\r\n          if (isArrayOfNumbers) {\r\n            // If it's a number, use the number for both value and label\r\n            return { value: item, label: item.toString() };\r\n          } else {\r\n            // Otherwise, extract using predefined keys or defaults\r\n            return {\r\n              value: item[valueKey || \"id\"],\r\n              label:\r\n                labelKey instanceof Function && labelKey !== undefined\r\n                  ? labelKey(item)\r\n                  : item[labelKey as string],\r\n            };\r\n          }\r\n        }\r\n      );\r\n\r\n      setLocalOptions([\r\n        { value: null, label: \" \" }, // Add an empty option as the first item\r\n        ...transformedOptions,\r\n      ]);\r\n      setIsLoading(false);\r\n    };\r\n\r\n    if (fetchUrl) fetchOptions(fetchUrl);\r\n    if (options) setLocalOptions(options);\r\n  }, [fetchUrl, options, apiClient, valueKey, labelKey]); // ensure valueKey and labelKey are also in the dependency array if they are dynamic\r\n\r\n  const handleToggleFocus = () => {\r\n    setIsFocused((prev) => !prev);\r\n  };\r\n\r\n  useClickAway(ref, () => {\r\n    setIsFocused(false);\r\n  });\r\n\r\n  const hangleChange = (option: IOptionItem) => {\r\n    const tmp: any = {\r\n      target: {\r\n        value: option.value,\r\n        name: name,\r\n      },\r\n    };\r\n\r\n    onInputChange(tmp);\r\n    setIsFocused(false);\r\n  };\r\n  const currentlySelectedOption = React.useMemo(() => {\r\n    if (value === undefined || value === \"\") return null;\r\n    return localOptions?.find((option) => option.value == value);\r\n  }, [localOptions, value, options]);\r\n\r\n  const listOfOptions = () => {\r\n    if (!localOptions) return [];\r\n    return (\r\n      <div\r\n        id=\"list\"\r\n        className=\"max-h-[390px] min-w-20  w-auto whitespace-nowrap absolute  z-[100000] -top-[1px] mt-[4px] bg-white rounded-lg shadow-xl border\r\n         border-gray-200 justify-start items-start inline-flex  overflow-auto cursor-default\"\r\n      >\r\n        <div className=\"grow shrink basis-0 py-1 flex-col justify-start items-start inline-flex\">\r\n          {localOptions.map((option, index) => {\r\n            return (\r\n              <div\r\n                className=\"group self-stretch px-1.5 py-px justify-start items-center inline-flex hover:bg-gray-50 \"\r\n                onClick={() => hangleChange(option)}\r\n                key={index}\r\n              >\r\n                <div className=\"grow shrink basis-0 px-1  py-2 rounded-md flex-col justify-start items-start gap-2 inline-flex\">\r\n                  <div className=\"self-stretch justify-start items-center gap-2 inline-flex\">\r\n                    <div className=\"text-gray-900 text-sm font-normal  leading-normal\">\r\n                      {option.label}\r\n                    </div>\r\n                    {option.description && (\r\n                      <div className=\"text-slate-600 sm-base font-normal leading-normal\">\r\n                        {option.description}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n                <div className=\"w-5 h-5 relative\">\r\n                  {option.value === value && value !== \"\" && (\r\n                    <MdCheck size={22} className=\"text-primary\" />\r\n                  )}{\" \"}\r\n                  {option.value !== value && (\r\n                    <MdCheck\r\n                      size={22}\r\n                      className=\"text-transparent group-hover:text-gray-300\"\r\n                    />\r\n                  )}\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={\r\n          \"w-full min-h-30   flex-col justify-start items-start gap-0inline-flex \" +\r\n          className\r\n        }\r\n        id=\"selectField\"\r\n        ref={ref}\r\n      >\r\n        <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n          {label && (\r\n            <label\r\n              className=\"text-slate-700 text-sm font-medium  leading-tight\"\r\n              htmlFor={name}\r\n            >\r\n              {label} {required ? \"*\" : \"\"}\r\n            </label>\r\n          )}\r\n          <div\r\n            className={`self-stretch w-full px-3  py-1 bg-white border justify-start items-center gap-0 inline-flex outline-none \r\n               ${isFocused ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 \" : \"\"}\r\n                  ${\r\n                    isFocused && errors[name]?.message\r\n                      ? \"outline-4 outline-red-200 outline-offset-0 border-none\"\r\n                      : \"\"\r\n                  }  \r\n                    ${rounded ? \" rounded-lg \" : \" rounded-none \"}\r\n                     ${!isFocused && errors[name]?.message ? \"border-red-200\" : \"\"}   \r\n                   ${disabled || isLoading ? \"opacity-80 cursor-not-allowed  \" : \"\"}\r\n                  `}\r\n            onClick={() =>\r\n              !disabled && !isLoading ? handleToggleFocus() : null\r\n            }\r\n          >\r\n            <div className=\"grow shrink basis-0 min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] \">\r\n              <div\r\n                className=\"text-gray-900 text-sm font-normal leading-normal text-ellipsis overflow-hidden w-full\"\r\n                id={name}\r\n              >\r\n                {currentlySelectedOption?.label}\r\n                {!currentlySelectedOption?.label && placeholder && (\r\n                  <span className=\"text-slate-400 font-normal\">\r\n                    {\" \"}\r\n                    {placeholder}\r\n                  </span>\r\n                )}\r\n              </div>\r\n              <div className=\"text-slate-600 text-base font-normal leading-normal\">\r\n                {currentlySelectedOption?.description}\r\n              </div>\r\n            </div>\r\n            {clearable &&\r\n              value !== \"\" &&\r\n              value !== null &&\r\n              value !== undefined &&\r\n              !disabled && (\r\n                <div\r\n                  className=\"w-6 h-6 relative  cursor-pointer  \"\r\n                  id={name + \":clear\"}\r\n                  onClick={handleClear}\r\n                >\r\n                  <div className=\"absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg\">\r\n                    <MdClose />\r\n                  </div>{\" \"}\r\n                </div>\r\n              )}\r\n            {isLoading === true ||\r\n              (loading && (\r\n                <div className=\"w-6 h-6 relative flex  items-center justify-center align-middle\">\r\n                  <SpinnerIcon icon={<FaSpinner />} />\r\n                </div>\r\n              ))}\r\n\r\n            <div className=\"w-6 h-6 relative  cursor-pointer \">\r\n              <div className=\"absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg\">\r\n                {isFocused && !disabled && <MdExpandLess />}\r\n                {!isFocused && !disabled && <MdExpandMore />}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>{\" \"}\r\n        <div className=\"w-full relative\">{isFocused && listOfOptions()}</div>\r\n        {description && !isFocused && (\r\n          <div\r\n            className=\"self-stretch text-slate-600 text-sm font-normal leading-tight\"\r\n            id={name + \":description\"}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n        {errors[name] && (\r\n          <div\r\n            className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\"\r\n            id={name + \":error\"}\r\n          >\r\n            {errors[name]?.message}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"names":["fetchUrl"],"mappings":"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"}
+{"version":3,"file":"SelectField.js","sources":["../../../lib/components/form/SelectField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { IFormFieldGlobalProps, IOptionItem } from \"../../types\";\r\nimport { MdCheck, MdClose, MdExpandLess, MdExpandMore } from \"react-icons/md\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { SpinnerIcon, useFederationContext } from \"../../main\";\r\nimport { FaSpinner } from \"react-icons/fa\";\r\n\r\nexport interface ISelectFieldProps extends IFormFieldGlobalProps {\r\n  options?: IOptionItem[];\r\n  valueKey?: string;\r\n  labelKey?: string | ((item: any) => string);\r\n  fetchUrl?: string;\r\n  loading?: boolean;\r\n}\r\n\r\nexport default function SelectField({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  options,\r\n  placeholder,\r\n  className,\r\n  errors = {},\r\n  clearable,\r\n  required,\r\n  disabled,\r\n  rounded = true,\r\n  fetchUrl,\r\n  valueKey,\r\n  labelKey,\r\n  loading,\r\n}: ISelectFieldProps) {\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const [isLoading, setIsLoading] = React.useState(false);\r\n  const apiClient = useFederationContext()?.apiClient;\r\n  const [localOptions, setLocalOptions] = React.useState(options);\r\n\r\n  const ref = React.useRef(null);\r\n  const handleClear = (e: any) => {\r\n    // value;\r\n    e.stopPropagation(); // Add this line\r\n\r\n    setIsFocused(false);\r\n    onInputChange({\r\n      ...e,\r\n      target: {\r\n        value: \"\",\r\n        name: name,\r\n      },\r\n    });\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    const fetchOptions = async (fetchUrl: string) => {\r\n      setIsLoading(true);\r\n      const { data } = await apiClient.get(fetchUrl);\r\n\r\n      // Check if the first item in the data array is a number to determine the data type\r\n      const isArrayOfNumbers = typeof data[0] === \"number\";\r\n      const isInPageable = data && data.hasOwnProperty(\"content\");\r\n\r\n      // Transform data based on its type\r\n      const transformedOptions = (isInPageable ? data.content : data).map(\r\n        (item: any) => {\r\n          if (isArrayOfNumbers) {\r\n            // If it's a number, use the number for both value and label\r\n            return { value: item, label: item.toString() };\r\n          } else {\r\n            // Otherwise, extract using predefined keys or defaults\r\n            return {\r\n              value: item[valueKey || \"id\"],\r\n              label:\r\n                labelKey instanceof Function && labelKey !== undefined\r\n                  ? labelKey(item)\r\n                  : item[labelKey as string],\r\n            };\r\n          }\r\n        }\r\n      );\r\n\r\n      setLocalOptions([\r\n        { value: null, label: \" \" }, // Add an empty option as the first item\r\n        ...transformedOptions,\r\n      ]);\r\n      setIsLoading(false);\r\n    };\r\n\r\n    if (fetchUrl) fetchOptions(fetchUrl);\r\n    if (options) setLocalOptions(options);\r\n  }, [fetchUrl, options, apiClient, valueKey, labelKey]); // ensure valueKey and labelKey are also in the dependency array if they are dynamic\r\n\r\n  const handleToggleFocus = () => {\r\n    setIsFocused((prev) => !prev);\r\n  };\r\n\r\n  useClickAway(ref, () => {\r\n    setIsFocused(false);\r\n  });\r\n\r\n  const hangleChange = (option: IOptionItem) => {\r\n    const tmp: any = {\r\n      target: {\r\n        value: option.value,\r\n        name: name,\r\n      },\r\n    };\r\n\r\n    onInputChange(tmp);\r\n    setIsFocused(false);\r\n  };\r\n  const currentlySelectedOption = React.useMemo(() => {\r\n    if (value === undefined || value === \"\") return null;\r\n    return localOptions?.find((option) => option.value == value);\r\n  }, [localOptions, value, options]);\r\n\r\n  const listOfOptions = () => {\r\n    if (!localOptions) return [];\r\n    return (\r\n      <div\r\n        id=\"list\"\r\n        className=\"max-h-[390px] min-w-20  w-auto whitespace-nowrap absolute  z-[100000] -top-[1px] mt-[4px] bg-white rounded-lg shadow-xl border\r\n         border-gray-200 justify-start items-start inline-flex  overflow-auto cursor-default\"\r\n      >\r\n        <div className=\"grow shrink basis-0 py-1 flex-col justify-start items-start inline-flex\">\r\n          {localOptions.map((option, index) => {\r\n            return (\r\n              <div\r\n                className=\"group self-stretch px-1.5 py-px justify-start items-center inline-flex hover:bg-gray-50 \"\r\n                onClick={() => hangleChange(option)}\r\n                key={index}\r\n              >\r\n                <div className=\"grow shrink basis-0 px-1  py-2 rounded-md flex-col justify-start items-start gap-2 inline-flex\">\r\n                  <div className=\"self-stretch justify-start items-center gap-2 inline-flex\">\r\n                    <div className=\"text-gray-900 text-sm font-normal  leading-normal\">\r\n                      {option.label}\r\n                    </div>\r\n                    {option.description && (\r\n                      <div className=\"text-slate-600 sm-base font-normal leading-normal\">\r\n                        {option.description}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n                <div className=\"w-5 h-5 relative\">\r\n                  {option.value === value && value !== \"\" && (\r\n                    <MdCheck size={22} className=\"text-primary\" />\r\n                  )}{\" \"}\r\n                  {option.value !== value && (\r\n                    <MdCheck\r\n                      size={22}\r\n                      className=\"text-transparent group-hover:text-gray-300\"\r\n                    />\r\n                  )}\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={\r\n          \"w-full min-h-30   flex-col justify-start items-start gap-0inline-flex \" +\r\n          className\r\n        }\r\n        id=\"selectField\"\r\n        ref={ref}\r\n      >\r\n        <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n          {label && (\r\n            <label\r\n              className=\"text-slate-700 text-sm font-medium  leading-tight\"\r\n              htmlFor={name}\r\n            >\r\n              {label} {required ? \"*\" : \"\"}\r\n            </label>\r\n          )}\r\n          <div\r\n            className={`self-stretch w-full px-3  py-1 bg-white border justify-start items-center gap-0 inline-flex outline-none \r\n               ${isFocused ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 \" : \"\"}\r\n                  ${\r\n                    isFocused && errors[name]?.message\r\n                      ? \"outline-4 outline-red-200 outline-offset-0 border-none\"\r\n                      : \"\"\r\n                  }  \r\n                    ${rounded ? \" rounded-lg \" : \" rounded-none \"}\r\n                     ${!isFocused && errors[name]?.message ? \"border-red-200\" : \"\"}   \r\n                   ${disabled || isLoading ? \"opacity-80 cursor-not-allowed  \" : \"\"}\r\n                  `}\r\n            onClick={() =>\r\n              !disabled && !isLoading ? handleToggleFocus() : null\r\n            }\r\n          >\r\n            <div className=\"grow shrink basis-0 min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] \">\r\n              <div\r\n                className=\"text-gray-900 text-sm font-normal leading-normal text-ellipsis overflow-hidden w-full\"\r\n                id={name}\r\n              >\r\n                {currentlySelectedOption?.label}\r\n                {!currentlySelectedOption?.label && placeholder && (\r\n                  <span className=\"text-slate-400 font-normal\">\r\n                    {\" \"}\r\n                    {placeholder}\r\n                  </span>\r\n                )}\r\n              </div>\r\n              <div className=\"text-slate-600 text-base font-normal leading-normal\">\r\n                {currentlySelectedOption?.description}\r\n              </div>\r\n            </div>\r\n            {clearable &&\r\n              value !== \"\" &&\r\n              value !== null &&\r\n              value !== undefined &&\r\n              !disabled && (\r\n                <div\r\n                  className=\"w-6 h-6 relative  cursor-pointer  \"\r\n                  id={name + \":clear\"}\r\n                  onClick={handleClear}\r\n                >\r\n                  <div className=\"absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg\">\r\n                    <MdClose />\r\n                  </div>{\" \"}\r\n                </div>\r\n              )}\r\n            {isLoading === true ||\r\n              (loading && (\r\n                <div className=\"w-6 h-6 relative flex  items-center justify-center align-middle\">\r\n                  <SpinnerIcon icon={<FaSpinner />} />\r\n                </div>\r\n              ))}\r\n\r\n            <div className=\"w-6 h-6 relative  cursor-pointer \">\r\n              <div className=\"absolute inset-0 flex items-center justify-center hover:bg-gray-100 w-6 rounded-full text-lg\">\r\n                {isFocused && !disabled && <MdExpandLess />}\r\n                {!isFocused && !disabled && <MdExpandMore />}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>{\" \"}\r\n        <div className=\"w-full relative\">{isFocused && listOfOptions()}</div>\r\n        {description && !isFocused && (\r\n          <div\r\n            className=\"self-stretch text-slate-600 text-sm font-normal leading-tight\"\r\n            id={name + \":description\"}\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n        {errors[name] && (\r\n          <div\r\n            className=\"HintText self-stretch text-red-600 text-sm font-normal leading-tight\"\r\n            id={name + \":error\"}\r\n          >\r\n            {errors[name]?.message}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"names":["fetchUrl"],"mappings":"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"}

package/dist/components/profiles/ProfileOverview.js

@@ -9,7 +9,7 @@ import { useFederationContext } from "../../contexts/useFederationContext.js";
 import { getFullName } from "../../utils/getFullName.js";
 import { handleErrors } from "../../utils/handleErrors.js";
 import { EApproverRoles } from "../../types.js";
-import "../../Dialog-CLPZ1Y00.js";
+import "../../Dialog-BtXGfOmv.js";
 import "../ui/ScrollArea.js";
 import "../ui/input.js";
 import "../ui/form.js";
@@ -19,6 +19,8 @@ import "../ui/Combobox.js";
 import "../ui/select.js";
 import "../ui/tooltip.js";
 import "../ui/separator.js";
+import "../ui/textarea.js";
+import "../ui/checkbox.js";
 import "../ui/button.js";
 import "../../Calendar-DWT4e7Th.js";
 import "../ui/DateTimePicker.js";

package/dist/components/profiles/ProfileOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileOverview.js","sources":["../../../lib/components/profiles/ProfileOverview.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\r\nimport SectionTitle from \"../layout/SectionTitle\";\r\nimport {\r\n  EApproverRoles,\r\n  IProfileApprover,\r\n  IStep,\r\n  getFullName,\r\n  handleErrors,\r\n  useFederationContext,\r\n} from \"../../main\";\r\nimport { AxiosResponse } from \"axios\";\r\nimport IconInCircle from \"../layout/IconInCircle\";\r\n\r\ninterface ProfileOverviewProps {\r\n  employeeId?: number;\r\n  onProfileApproversChange?: (data: IProfileApprover[]) => void;\r\n  steps: IStep[];\r\n}\r\n\r\ninterface IApproverRoleGroup {\r\n  name: string;\r\n  roles: EApproverRoles[];\r\n  all: boolean;\r\n  parallel: boolean;\r\n  stepType: number;\r\n}\r\n\r\nconst approverRoleGroups: IApproverRoleGroup[] = [\r\n  {\r\n    name: \"Předschvalovatelé\",\r\n    roles: [EApproverRoles.predschvalovatel],\r\n    all: true,\r\n    parallel: true,\r\n    stepType: 1,\r\n  },\r\n  {\r\n    name: \"Schvalovatelé\",\r\n    roles: [\r\n      EApproverRoles.vedouci,\r\n      EApproverRoles.zastupce,\r\n      EApproverRoles.zastupce9,\r\n      EApproverRoles.vyssiSchvalovatel,\r\n      EApproverRoles.vyssiSchvalovatelZastupce,\r\n      EApproverRoles.vyssiSchvalovatelZastupce9,\r\n    ],\r\n    all: false,\r\n    parallel: true,\r\n    stepType: 2,\r\n  },\r\n  {\r\n    name: \"Docházkový vedoucí\",\r\n    roles: [EApproverRoles.dochazkovyVedouci],\r\n    all: true,\r\n    parallel: false,\r\n    stepType: 3,\r\n  },\r\n];\r\n\r\nexport default function ProfileOverview({\r\n  employeeId,\r\n  onProfileApproversChange,\r\n  steps,\r\n}: ProfileOverviewProps) {\r\n  const [profileApprovers, setProfileApprovers] = useState<\r\n    Array<IProfileApprover>\r\n  >([]);\r\n  const context = useFederationContext();\r\n\r\n  const currentApprovers = useMemo(() => {\r\n    return approverRoleGroups.map((group) => {\r\n      const groupApprovers = profileApprovers.filter((approver) =>\r\n        group.roles.includes(approver.role)\r\n      );\r\n\r\n      const groupApprovedSteps = steps.filter(\r\n        (step) =>\r\n          step.type == group.stepType &&\r\n          groupApprovers.some(\r\n            (approver) =>\r\n              step.employee.employeeId == approver?.approver?.employeeId\r\n          )\r\n      );\r\n\r\n      return {\r\n        ...group,\r\n        numberOfApprovers: groupApprovers.length,\r\n        numberOfApprovedSteps: groupApprovedSteps.length,\r\n        isComplete:\r\n          (group.all && groupApprovers.length == groupApprovedSteps.length) ||\r\n          (!group.all && groupApprovedSteps.length > 0),\r\n      };\r\n    });\r\n  }, [profileApprovers, steps]);\r\n\r\n  useEffect(() => {\r\n    context.apiClient\r\n      .get<IProfileApprover[]>(\r\n        \"/timeoff/approve-profile\" + (employeeId ? \"/\" + employeeId : \"\")\r\n      )\r\n      .then((response: AxiosResponse) => {\r\n        setProfileApprovers(response.data);\r\n      })\r\n      .catch((error) => {\r\n        handleErrors(\r\n          error,\r\n          context.emitter,\r\n          \"Nepodařilo se dohledat schvalovací profil pro uživatele \" +\r\n            employeeId\r\n        );\r\n        console.error(\"Error submitting form:\", error);\r\n      });\r\n  }, [employeeId, context.emitter, context.apiClient]);\r\n\r\n  const decisionsTranslations = (decision: string): string | null => {\r\n    const translations: { [key: string]: string } = {\r\n      approved: \"Schváleno\",\r\n      rejected: \"Zamítnuto\",\r\n      cancelled: \"Stornováno\",\r\n      evided: \"Zaevidováno\",\r\n    };\r\n\r\n    return translations[decision] || null;\r\n  };\r\n  // pri nacteni profileApprovers se muze dat vedet parent componente inbfo o aktualnich schvalovatelich\r\n  useEffect(() => {\r\n    if (onProfileApproversChange) onProfileApproversChange(profileApprovers);\r\n  }, [profileApprovers, onProfileApproversChange]);\r\n\r\n  const findStep = (\r\n    steps: IStep[],\r\n    group: IApproverRoleGroup,\r\n    row: IProfileApprover\r\n  ) => {\r\n    return steps.find(\r\n      (step) =>\r\n        step.type == group.stepType &&\r\n        step.employee.employeeId == row.position?.employee?.employeeId\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <SectionTitle>Postup schvalování</SectionTitle>\r\n      <div className=\"flex gap-4\">\r\n        {currentApprovers.map((group, index) => (\r\n          <div\r\n            key={group.name}\r\n            className={\r\n              \"w-full lg:w-1/3 rounded-lg shadow-xl p-5 border  gap-4 flex flex-col \"\r\n            }\r\n          >\r\n            <div className=\"flex justify-between\">\r\n              <h3 className=\"text-xl font-bold\">\r\n                {group.name} - {index}\r\n              </h3>\r\n\r\n              <IconInCircle\r\n                isComplete={group.isComplete}\r\n                title={\r\n                  group.numberOfApprovedSteps + \" / \" + group.numberOfApprovers\r\n                }\r\n                isPending={!group.isComplete}\r\n              ></IconInCircle>\r\n            </div>\r\n            {profileApprovers\r\n              .filter((it) => group.roles.includes(it.role))\r\n              .map((row, index) => (\r\n                <div\r\n                  key={index}\r\n                  className=\" border rounded-lg p-4 flex justify-between gap-5\"\r\n                >\r\n                  <div>\r\n                    <h3 className=\"\">\r\n                      {getFullName(row.position?.employee, true)}\r\n                    </h3>\r\n                    <p className=\"text-sm \">{row.roleTxt}</p>\r\n                    {findStep(steps, group, row) && (\r\n                      <>\r\n                        <p className=\"text-sm \"></p>{\" \"}\r\n                        {findStep(steps, group, row)?.decision && (\r\n                          <p className=\"text-sm \">\r\n                            {decisionsTranslations(\r\n                              findStep(steps, group, row)?.decision || \"\"\r\n                            )}{\" \"}\r\n                            (\r\n                            {new Date(\r\n                              findStep(steps, group, row)?.date || 0\r\n                            ).toLocaleString()}\r\n                            )\r\n                          </p>\r\n                        )}\r\n                        {findStep(steps, group, row)?.comment && (\r\n                          <p className=\"text-sm \">\r\n                            <b>Komentář</b>:{\" \"}\r\n                            {findStep(steps, group, row)?.comment}{\" \"}\r\n                          </p>\r\n                        )}\r\n                      </>\r\n                    )}\r\n                  </div>\r\n                  <IconInCircle\r\n                    isComplete={findStep(steps, group, row) != null}\r\n                    isPending={!group.isComplete}\r\n                  />\r\n                </div>\r\n              ))}\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"names":["steps","index"],"mappings":"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"}
+{"version":3,"file":"ProfileOverview.js","sources":["../../../lib/components/profiles/ProfileOverview.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\r\nimport SectionTitle from \"../layout/SectionTitle\";\r\nimport {\r\n  EApproverRoles,\r\n  IProfileApprover,\r\n  IStep,\r\n  getFullName,\r\n  handleErrors,\r\n  useFederationContext,\r\n} from \"../../main\";\r\nimport { AxiosResponse } from \"axios\";\r\nimport IconInCircle from \"../layout/IconInCircle\";\r\n\r\ninterface ProfileOverviewProps {\r\n  employeeId?: number;\r\n  onProfileApproversChange?: (data: IProfileApprover[]) => void;\r\n  steps: IStep[];\r\n}\r\n\r\ninterface IApproverRoleGroup {\r\n  name: string;\r\n  roles: EApproverRoles[];\r\n  all: boolean;\r\n  parallel: boolean;\r\n  stepType: number;\r\n}\r\n\r\nconst approverRoleGroups: IApproverRoleGroup[] = [\r\n  {\r\n    name: \"Předschvalovatelé\",\r\n    roles: [EApproverRoles.predschvalovatel],\r\n    all: true,\r\n    parallel: true,\r\n    stepType: 1,\r\n  },\r\n  {\r\n    name: \"Schvalovatelé\",\r\n    roles: [\r\n      EApproverRoles.vedouci,\r\n      EApproverRoles.zastupce,\r\n      EApproverRoles.zastupce9,\r\n      EApproverRoles.vyssiSchvalovatel,\r\n      EApproverRoles.vyssiSchvalovatelZastupce,\r\n      EApproverRoles.vyssiSchvalovatelZastupce9,\r\n    ],\r\n    all: false,\r\n    parallel: true,\r\n    stepType: 2,\r\n  },\r\n  {\r\n    name: \"Docházkový vedoucí\",\r\n    roles: [EApproverRoles.dochazkovyVedouci],\r\n    all: true,\r\n    parallel: false,\r\n    stepType: 3,\r\n  },\r\n];\r\n\r\nexport default function ProfileOverview({\r\n  employeeId,\r\n  onProfileApproversChange,\r\n  steps,\r\n}: ProfileOverviewProps) {\r\n  const [profileApprovers, setProfileApprovers] = useState<\r\n    Array<IProfileApprover>\r\n  >([]);\r\n  const context = useFederationContext();\r\n\r\n  const currentApprovers = useMemo(() => {\r\n    return approverRoleGroups.map((group) => {\r\n      const groupApprovers = profileApprovers.filter((approver) =>\r\n        group.roles.includes(approver.role)\r\n      );\r\n\r\n      const groupApprovedSteps = steps.filter(\r\n        (step) =>\r\n          step.type == group.stepType &&\r\n          groupApprovers.some(\r\n            (approver) =>\r\n              step.employee.employeeId == approver?.approver?.employeeId\r\n          )\r\n      );\r\n\r\n      return {\r\n        ...group,\r\n        numberOfApprovers: groupApprovers.length,\r\n        numberOfApprovedSteps: groupApprovedSteps.length,\r\n        isComplete:\r\n          (group.all && groupApprovers.length == groupApprovedSteps.length) ||\r\n          (!group.all && groupApprovedSteps.length > 0),\r\n      };\r\n    });\r\n  }, [profileApprovers, steps]);\r\n\r\n  useEffect(() => {\r\n    context.apiClient\r\n      .get<IProfileApprover[]>(\r\n        \"/timeoff/approve-profile\" + (employeeId ? \"/\" + employeeId : \"\")\r\n      )\r\n      .then((response: AxiosResponse) => {\r\n        setProfileApprovers(response.data);\r\n      })\r\n      .catch((error) => {\r\n        handleErrors(\r\n          error,\r\n          context.emitter,\r\n          \"Nepodařilo se dohledat schvalovací profil pro uživatele \" +\r\n            employeeId\r\n        );\r\n        console.error(\"Error submitting form:\", error);\r\n      });\r\n  }, [employeeId, context.emitter, context.apiClient]);\r\n\r\n  const decisionsTranslations = (decision: string): string | null => {\r\n    const translations: { [key: string]: string } = {\r\n      approved: \"Schváleno\",\r\n      rejected: \"Zamítnuto\",\r\n      cancelled: \"Stornováno\",\r\n      evided: \"Zaevidováno\",\r\n    };\r\n\r\n    return translations[decision] || null;\r\n  };\r\n  // pri nacteni profileApprovers se muze dat vedet parent componente inbfo o aktualnich schvalovatelich\r\n  useEffect(() => {\r\n    if (onProfileApproversChange) onProfileApproversChange(profileApprovers);\r\n  }, [profileApprovers, onProfileApproversChange]);\r\n\r\n  const findStep = (\r\n    steps: IStep[],\r\n    group: IApproverRoleGroup,\r\n    row: IProfileApprover\r\n  ) => {\r\n    return steps.find(\r\n      (step) =>\r\n        step.type == group.stepType &&\r\n        step.employee.employeeId == row.position?.employee?.employeeId\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <SectionTitle>Postup schvalování</SectionTitle>\r\n      <div className=\"flex gap-4\">\r\n        {currentApprovers.map((group, index) => (\r\n          <div\r\n            key={group.name}\r\n            className={\r\n              \"w-full lg:w-1/3 rounded-lg shadow-xl p-5 border  gap-4 flex flex-col \"\r\n            }\r\n          >\r\n            <div className=\"flex justify-between\">\r\n              <h3 className=\"text-xl font-bold\">\r\n                {group.name} - {index}\r\n              </h3>\r\n\r\n              <IconInCircle\r\n                isComplete={group.isComplete}\r\n                title={\r\n                  group.numberOfApprovedSteps + \" / \" + group.numberOfApprovers\r\n                }\r\n                isPending={!group.isComplete}\r\n              ></IconInCircle>\r\n            </div>\r\n            {profileApprovers\r\n              .filter((it) => group.roles.includes(it.role))\r\n              .map((row, index) => (\r\n                <div\r\n                  key={index}\r\n                  className=\" border rounded-lg p-4 flex justify-between gap-5\"\r\n                >\r\n                  <div>\r\n                    <h3 className=\"\">\r\n                      {getFullName(row.position?.employee, true)}\r\n                    </h3>\r\n                    <p className=\"text-sm \">{row.roleTxt}</p>\r\n                    {findStep(steps, group, row) && (\r\n                      <>\r\n                        <p className=\"text-sm \"></p>{\" \"}\r\n                        {findStep(steps, group, row)?.decision && (\r\n                          <p className=\"text-sm \">\r\n                            {decisionsTranslations(\r\n                              findStep(steps, group, row)?.decision || \"\"\r\n                            )}{\" \"}\r\n                            (\r\n                            {new Date(\r\n                              findStep(steps, group, row)?.date || 0\r\n                            ).toLocaleString()}\r\n                            )\r\n                          </p>\r\n                        )}\r\n                        {findStep(steps, group, row)?.comment && (\r\n                          <p className=\"text-sm \">\r\n                            <b>Komentář</b>:{\" \"}\r\n                            {findStep(steps, group, row)?.comment}{\" \"}\r\n                          </p>\r\n                        )}\r\n                      </>\r\n                    )}\r\n                  </div>\r\n                  <IconInCircle\r\n                    isComplete={findStep(steps, group, row) != null}\r\n                    isPending={!group.isComplete}\r\n                  />\r\n                </div>\r\n              ))}\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"],"names":["steps","index"],"mappings":"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"}

package/dist/components/ui/Combobox.js

@@ -35,22 +35,32 @@ const Combobox = React.forwardRef(
     placeholder,
     placeholderSearch = "Vyhledejte položku",
     clearable = false,
-    options = [],
+    options: propOptions = [],
     allowAddNew = false
   }, ref) => {
     var _a;
     const [open, setOpen] = React.useState(false);
     const [value, setValue] = React.useState(propValue || "");
     const [inputValue, setInputValue] = React.useState("");
-    const [frameworks, setFrameworks] = React.useState(options);
+    const [frameworks, setFrameworks] = React.useState(propOptions);
     React.useEffect(() => {
+      console.log(
+        "%clibcomponentsCombobox.tsx:51 propValue",
+        "color: #007acc;",
+        propValue
+      );
       if (propValue !== void 0) {
         setValue(propValue);
       }
     }, [propValue]);
     React.useEffect(() => {
-      setFrameworks(options);
-    }, [options]);
+      console.log(
+        "%clibcomponentsCombobox.tsx:60 setFrameworks",
+        "color: #007acc;",
+        setFrameworks
+      );
+      setFrameworks(propOptions);
+    }, [propOptions]);
     const handleSelect = (currentValue) => {
       if (currentValue === "add-custom") {
         if (inputValue && !frameworks.some((f) => f.value === inputValue.toLowerCase())) {
@@ -105,7 +115,7 @@ const Combobox = React.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "min-w-[200px]  w-full p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
+      /* @__PURE__ */ jsx(PopoverContent, { className: "min-w-[200px]  w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
         /* @__PURE__ */ jsx(
           CommandInput,
           {
@@ -119,6 +129,7 @@ const Combobox = React.forwardRef(
           /* @__PURE__ */ jsx(CommandEmpty, { children: allowAddNew && /* @__PURE__ */ jsxs(
             Button,
             {
+              type: "button",
               variant: "ghost",
               className: "w-full justify-start",
               onClick: () => handleSelect("add-custom"),
@@ -133,8 +144,8 @@ const Combobox = React.forwardRef(
           /* @__PURE__ */ jsx(CommandGroup, { children: frameworks.map((framework) => /* @__PURE__ */ jsxs(
             CommandItem,
             {
-              value: framework.value,
-              onSelect: handleSelect,
+              value: framework.label,
+              onSelect: () => handleSelect(framework.value),
               children: [
                 framework.label,
                 /* @__PURE__ */ jsx(

package/dist/components/ui/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js","../../../node_modules/lucide-react/dist/esm/icons/plus.js","../../../lib/components/ui/Combobox.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronsUpDown = createLucideIcon(\"ChevronsUpDown\", [\n  [\"path\", { d: \"m7 15 5 5 5-5\", key: \"1hf1tw\" }],\n  [\"path\", { d: \"m7 9 5-5 5 5\", key: \"sgt6xg\" }]\n]);\n\nexport { ChevronsUpDown as default };\n//# sourceMappingURL=chevrons-up-down.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Plus = createLucideIcon(\"Plus\", [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }]\n]);\n\nexport { Plus as default };\n//# sourceMappingURL=plus.js.map\n","\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Check, ChevronsUpDown, Plus, X } from \"lucide-react\";\r\n\r\nimport { cn } from \"../../utils/utils\";\r\nimport { Button } from \"./button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"./command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\r\nimport { IOptionItem } from \"../../types\";\r\n\r\ninterface ComboboxProps {\r\n  value?: string;\r\n  onChange?: (value: string | undefined) => void;\r\n  className?: string;\r\n  placeholder?: string;\r\n  placeholderSearch?: string;\r\n  clearable?: boolean;\r\n  options?: IOptionItem[];\r\n  allowAddNew?: boolean;\r\n}\r\n\r\nconst Combobox = React.forwardRef<HTMLButtonElement, ComboboxProps>(\r\n  (\r\n    {\r\n      value: propValue,\r\n      onChange: propOnChange,\r\n      className,\r\n      placeholder,\r\n      placeholderSearch = \"Vyhledejte položku\",\r\n      clearable = false,\r\n      options = [],\r\n      allowAddNew = false,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [open, setOpen] = React.useState(false);\r\n    const [value, setValue] = React.useState(propValue || \"\");\r\n    const [inputValue, setInputValue] = React.useState(\"\");\r\n    const [frameworks, setFrameworks] = React.useState<IOptionItem[]>(options);\r\n\r\n    React.useEffect(() => {\r\n      if (propValue !== undefined) {\r\n        setValue(propValue);\r\n      }\r\n    }, [propValue]);\r\n\r\n    React.useEffect(() => {\r\n      setFrameworks(options);\r\n    }, [options]);\r\n\r\n    const handleSelect = (currentValue: string) => {\r\n      if (currentValue === \"add-custom\") {\r\n        if (\r\n          inputValue &&\r\n          !frameworks.some((f) => f.value === inputValue.toLowerCase())\r\n        ) {\r\n          const newFramework = {\r\n            value: inputValue.toLowerCase(),\r\n            label: inputValue,\r\n          };\r\n\r\n          setFrameworks([...frameworks, newFramework]);\r\n          updateValue(newFramework.value);\r\n        }\r\n      } else {\r\n        updateValue(currentValue === value ? \"\" : currentValue);\r\n      }\r\n      setOpen(false);\r\n    };\r\n\r\n    const updateValue = (newValue: string) => {\r\n      setValue(newValue);\r\n      propOnChange?.(newValue || undefined);\r\n    };\r\n\r\n    const handleClear = (e: React.MouseEvent) => {\r\n      e.stopPropagation();\r\n      updateValue(\"\");\r\n      setInputValue(\"\");\r\n      setOpen(false);\r\n    };\r\n\r\n    value;\r\n    return (\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <div className=\"relative w-full\">\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              ref={ref}\r\n              type=\"button\"\r\n              variant=\"outline\"\r\n              role=\"combobox\"\r\n              aria-expanded={open}\r\n              className={cn(\"w-full justify-between\", className)}\r\n            >\r\n              <span className=\"flex-1 text-left truncate mr-2 font-normal\">\r\n                {value ? (\r\n                  frameworks.find((framework) => framework.value === value)\r\n                    ?.label\r\n                ) : (\r\n                  <span className=\"text-muted-foreground font-normal\">\r\n                    {placeholder}\r\n                  </span>\r\n                )}\r\n              </span>\r\n\r\n              <ChevronsUpDown className=\"h-4 w-4 shrink-0 opacity-50 ml-6\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          {clearable && value && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className=\"absolute right-6 top-0 h-full px-1 py-2 hover:bg-transparent\"\r\n              onClick={handleClear}\r\n            >\r\n              <X className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\" />\r\n            </Button>\r\n          )}\r\n        </div>\r\n        <PopoverContent className=\"min-w-[200px]  w-full p-0\">\r\n          <Command>\r\n            <CommandInput\r\n              placeholder={placeholderSearch}\r\n              className=\"h-9\"\r\n              value={inputValue}\r\n              onValueChange={setInputValue}\r\n            />\r\n            <CommandList>\r\n              <CommandEmpty>\r\n                {allowAddNew && (\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    className=\"w-full justify-start\"\r\n                    onClick={() => handleSelect(\"add-custom\")}\r\n                  >\r\n                    <Plus className=\"mr-2 h-4 w-4\" />\r\n                    Přidat \"{inputValue}\"\r\n                  </Button>\r\n                )}\r\n              </CommandEmpty>\r\n\r\n              <CommandGroup>\r\n                {frameworks.map((framework) => (\r\n                  <CommandItem\r\n                    key={framework.value}\r\n                    value={framework.value as string}\r\n                    onSelect={handleSelect}\r\n                  >\r\n                    {framework.label}\r\n                    <Check\r\n                      className={cn(\r\n                        \"ml-auto h-4 w-4\",\r\n                        value === framework.value ? \"opacity-100\" : \"opacity-0\"\r\n                      )}\r\n                    />\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  }\r\n);\r\n\r\nCombobox.displayName = \"Combobox\";\r\n\r\nexport default Combobox;\r\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"Combobox.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js","../../../node_modules/lucide-react/dist/esm/icons/plus.js","../../../lib/components/ui/Combobox.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronsUpDown = createLucideIcon(\"ChevronsUpDown\", [\n  [\"path\", { d: \"m7 15 5 5 5-5\", key: \"1hf1tw\" }],\n  [\"path\", { d: \"m7 9 5-5 5 5\", key: \"sgt6xg\" }]\n]);\n\nexport { ChevronsUpDown as default };\n//# sourceMappingURL=chevrons-up-down.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Plus = createLucideIcon(\"Plus\", [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }]\n]);\n\nexport { Plus as default };\n//# sourceMappingURL=plus.js.map\n","\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Check, ChevronsUpDown, Plus, X } from \"lucide-react\";\r\n\r\nimport { cn } from \"../../utils/utils\";\r\nimport { Button } from \"./button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"./command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\r\nimport { IOptionItem } from \"../../types\";\r\n\r\ninterface ComboboxProps {\r\n  value?: string;\r\n  onChange?: (value: string | undefined) => void;\r\n  className?: string;\r\n  placeholder?: string;\r\n  placeholderSearch?: string;\r\n  clearable?: boolean;\r\n  options?: IOptionItem[];\r\n  allowAddNew?: boolean;\r\n}\r\n\r\nconst Combobox = React.forwardRef<HTMLButtonElement, ComboboxProps>(\r\n  (\r\n    {\r\n      value: propValue,\r\n      onChange: propOnChange,\r\n      className,\r\n      placeholder,\r\n      placeholderSearch = \"Vyhledejte položku\",\r\n      clearable = false,\r\n      options: propOptions = [],\r\n      allowAddNew = false,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [open, setOpen] = React.useState(false);\r\n    const [value, setValue] = React.useState(propValue || \"\");\r\n    const [inputValue, setInputValue] = React.useState(\"\");\r\n    const [frameworks, setFrameworks] =\r\n      React.useState<IOptionItem[]>(propOptions);\r\n\r\n    React.useEffect(() => {\r\n      console.log(\r\n        \"%clibcomponentsCombobox.tsx:51 propValue\",\r\n        \"color: #007acc;\",\r\n        propValue\r\n      );\r\n      if (propValue !== undefined) {\r\n        setValue(propValue);\r\n      }\r\n    }, [propValue]);\r\n\r\n    React.useEffect(() => {\r\n      console.log(\r\n        \"%clibcomponentsCombobox.tsx:60 setFrameworks\",\r\n        \"color: #007acc;\",\r\n        setFrameworks\r\n      );\r\n      setFrameworks(propOptions);\r\n    }, [propOptions]);\r\n\r\n    const handleSelect = (currentValue: string) => {\r\n      if (currentValue === \"add-custom\") {\r\n        if (\r\n          inputValue &&\r\n          !frameworks.some((f) => f.value === inputValue.toLowerCase())\r\n        ) {\r\n          const newFramework = {\r\n            value: inputValue.toLowerCase(),\r\n            label: inputValue,\r\n          };\r\n\r\n          setFrameworks([...frameworks, newFramework]);\r\n          updateValue(newFramework.value);\r\n        }\r\n      } else {\r\n        updateValue(currentValue === value ? \"\" : currentValue);\r\n      }\r\n      setOpen(false);\r\n    };\r\n\r\n    const updateValue = (newValue: string) => {\r\n      setValue(newValue);\r\n      propOnChange?.(newValue || undefined);\r\n    };\r\n\r\n    const handleClear = (e: React.MouseEvent) => {\r\n      e.stopPropagation();\r\n      updateValue(\"\");\r\n      setInputValue(\"\");\r\n      setOpen(false);\r\n    };\r\n\r\n    value;\r\n    return (\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <div className=\"relative w-full\">\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              ref={ref}\r\n              type=\"button\"\r\n              variant=\"outline\"\r\n              role=\"combobox\"\r\n              aria-expanded={open}\r\n              className={cn(\"w-full justify-between\", className)}\r\n            >\r\n              <span className=\"flex-1 text-left truncate mr-2 font-normal\">\r\n                {value ? (\r\n                  frameworks.find((framework) => framework.value === value)\r\n                    ?.label\r\n                ) : (\r\n                  <span className=\"text-muted-foreground font-normal\">\r\n                    {placeholder}\r\n                  </span>\r\n                )}\r\n              </span>\r\n\r\n              <ChevronsUpDown className=\"h-4 w-4 shrink-0 opacity-50 ml-6\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          {clearable && value && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className=\"absolute right-6 top-0 h-full px-1 py-2 hover:bg-transparent\"\r\n              onClick={handleClear}\r\n            >\r\n              <X className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\" />\r\n            </Button>\r\n          )}\r\n        </div>\r\n        <PopoverContent className=\"min-w-[200px]  w-[var(--radix-popover-trigger-width)] p-0\">\r\n          <Command>\r\n            <CommandInput\r\n              placeholder={placeholderSearch}\r\n              className=\"h-9\"\r\n              value={inputValue}\r\n              onValueChange={setInputValue}\r\n            />\r\n            <CommandList>\r\n              <CommandEmpty>\r\n                {allowAddNew && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    className=\"w-full justify-start\"\r\n                    onClick={() => handleSelect(\"add-custom\")}\r\n                  >\r\n                    <Plus className=\"mr-2 h-4 w-4\" />\r\n                    Přidat \"{inputValue}\"\r\n                  </Button>\r\n                )}\r\n              </CommandEmpty>\r\n\r\n              <CommandGroup>\r\n                {frameworks.map((framework) => (\r\n                  <CommandItem\r\n                    key={framework.value}\r\n                    value={framework.label as string}\r\n                    onSelect={() => handleSelect(framework.value as string)}\r\n                  >\r\n                    {framework.label}\r\n                    <Check\r\n                      className={cn(\r\n                        \"ml-auto h-4 w-4\",\r\n                        value === framework.value ? \"opacity-100\" : \"opacity-0\"\r\n                      )}\r\n                    />\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  }\r\n);\r\n\r\nCombobox.displayName = \"Combobox\";\r\n\r\nexport default Combobox;\r\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/ui/DateTimePicker.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 
 interface DateTimePickerProps {
     value?: Date;
-    onChange?: (date: Date | undefined) => void;
+    onChange?: (date: Date | undefined | null) => void;
     className?: string;
     placeholder?: string;
     clearable?: boolean;

package/dist/components/ui/DateTimePicker.js

@@ -64,35 +64,46 @@ function set(date, values) {
 const DATE_FORMAT = "dd.MM.yyyy HH:mm";
 const DateTimePicker = forwardRef(
   ({ value, onChange, className, clearable = true, placeholder, ...props }, ref) => {
-    const [dateTime, setDateTime] = React__default.useState(value);
+    const [dateTime, setDateTime] = React__default.useState(value || null);
     const [inputValue, setInputValue] = React__default.useState("");
     useEffect(() => {
       if (value) {
         setDateTime(value);
         setInputValue(format(value, DATE_FORMAT));
       } else {
-        setDateTime(void 0);
+        setDateTime(null);
         setInputValue("");
       }
     }, [value]);
     const handleInputChange = (event) => {
+      event.stopPropagation();
       setInputValue(event.target.value);
+      const parsedDateTime = parse(event.target.value, DATE_FORMAT, /* @__PURE__ */ new Date());
+      if (isValid(parsedDateTime)) {
+        setDateTime(parsedDateTime);
+        onChange == null ? void 0 : onChange(parsedDateTime);
+        setInputValue(format(parsedDateTime, DATE_FORMAT));
+      } else {
+        setInputValue("");
+        setDateTime(null);
+        onChange == null ? void 0 : onChange(null);
+      }
     };
     const handleInputBlur = () => {
       if (inputValue === "") {
-        setDateTime(void 0);
-        onChange == null ? void 0 : onChange(void 0);
+        setDateTime(null);
+        onChange == null ? void 0 : onChange(null);
         return;
       }
-      const parsedDateTime = parse(inputValue, DATE_FORMAT, /* @__PURE__ */ new Date());
+      const parsedDateTime = parse(inputValue || "", DATE_FORMAT, /* @__PURE__ */ new Date());
       if (isValid(parsedDateTime)) {
         setDateTime(parsedDateTime);
         onChange == null ? void 0 : onChange(parsedDateTime);
         setInputValue(format(parsedDateTime, DATE_FORMAT));
       } else {
         setInputValue("");
-        setDateTime(void 0);
-        onChange == null ? void 0 : onChange(void 0);
+        setDateTime(null);
+        onChange == null ? void 0 : onChange(null);
       }
     };
     const handleDateSelect = (selectedDate) => {
@@ -106,9 +117,9 @@ const DateTimePicker = forwardRef(
         onChange == null ? void 0 : onChange(newDateTime);
         setInputValue(format(newDateTime, DATE_FORMAT));
       } else {
-        setDateTime(void 0);
+        setDateTime(null);
         setInputValue("");
-        onChange == null ? void 0 : onChange(void 0);
+        onChange == null ? void 0 : onChange(null);
       }
     };
     const handleTimeSelect = (time) => {
@@ -127,8 +138,8 @@ const DateTimePicker = forwardRef(
     };
     const handleClear = () => {
       setInputValue("");
-      setDateTime(void 0);
-      onChange == null ? void 0 : onChange(void 0);
+      setDateTime(null);
+      onChange == null ? void 0 : onChange(null);
     };
     const timeOptions = Array.from({ length: 48 }, (_, i) => {
       const hours = Math.floor(i / 2);
@@ -142,7 +153,7 @@ const DateTimePicker = forwardRef(
           {
             ref,
             type: "text",
-            value: inputValue,
+            value: inputValue || "",
             onChange: handleInputChange,
             onBlur: handleInputBlur,
             placeholder,
@@ -157,6 +168,7 @@ const DateTimePicker = forwardRef(
         clearable && inputValue && /* @__PURE__ */ jsxs(
           Button,
           {
+            type: "button",
             variant: "ghost",
             size: "icon",
             className: "absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0",
@@ -173,7 +185,7 @@ const DateTimePicker = forwardRef(
           Calendar,
           {
             mode: "single",
-            selected: dateTime,
+            selected: dateTime || void 0,
             onSelect: handleDateSelect,
             initialFocus: true
           }

package/dist/components/ui/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../../node_modules/lucide-react/dist/esm/icons/clock.js","../../../node_modules/date-fns/set.mjs","../../../lib/components/ui/DateTimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CalendarClock = createLucideIcon(\"CalendarClock\", [\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M17.5 17.5 16 16.3V14\", key: \"akvzfd\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n]);\n\nexport { CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"Clock\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","import { constructFrom } from \"./constructFrom.mjs\";\nimport { setMonth } from \"./setMonth.mjs\";\nimport { toDate } from \"./toDate.mjs\";\n\n/**\n * @name set\n * @category Common Helpers\n * @summary Set date values to a given date.\n *\n * @description\n * Set date values to a given date.\n *\n * Sets time values to date from object `values`.\n * A value is not set if it is undefined or null or doesn't exist in `values`.\n *\n * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts\n * to use native `Date#setX` methods. If you use this function, you may not want to include the\n * other `setX` functions that date-fns provides if you are concerned about the bundle size.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n *\n * @param date - The date to be changed\n * @param values - The date values to be set\n *\n * @returns The new date with options set\n *\n * @example\n * // Transform 1 September 2014 into 20 October 2015 in a single line:\n * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })\n * //=> Tue Oct 20 2015 00:00:00\n *\n * @example\n * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:\n * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })\n * //=> Mon Sep 01 2014 12:23:45\n */\n\nexport function set(date, values) {\n  let _date = toDate(date);\n\n  // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n  if (isNaN(+_date)) {\n    return constructFrom(date, NaN);\n  }\n\n  if (values.year != null) {\n    _date.setFullYear(values.year);\n  }\n\n  if (values.month != null) {\n    _date = setMonth(_date, values.month);\n  }\n\n  if (values.date != null) {\n    _date.setDate(values.date);\n  }\n\n  if (values.hours != null) {\n    _date.setHours(values.hours);\n  }\n\n  if (values.minutes != null) {\n    _date.setMinutes(values.minutes);\n  }\n\n  if (values.seconds != null) {\n    _date.setSeconds(values.seconds);\n  }\n\n  if (values.milliseconds != null) {\n    _date.setMilliseconds(values.milliseconds);\n  }\n\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default set;\n","import { format, parse, isValid, set } from \"date-fns\";\r\nimport { CalendarClockIcon, Clock, XIcon } from \"lucide-react\";\r\n\r\nimport { Button } from \"./button\";\r\nimport { Calendar } from \"./Calendar\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\r\nimport { cn } from \"../../utils/utils\";\r\nimport React, { forwardRef, useEffect } from \"react\";\r\nimport { Input } from \"./input\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"./select\";\r\n\r\nconst DATE_FORMAT = \"dd.MM.yyyy HH:mm\";\r\n\r\ninterface DateTimePickerProps {\r\n  value?: Date;\r\n  onChange?: (date: Date | undefined) => void;\r\n  className?: string;\r\n  placeholder?: string;\r\n  clearable?: boolean;\r\n}\r\n\r\nconst DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\r\n  (\r\n    { value, onChange, className, clearable = true, placeholder, ...props },\r\n    ref\r\n  ) => {\r\n    const [dateTime, setDateTime] = React.useState<Date | undefined>(value);\r\n    const [inputValue, setInputValue] = React.useState<string>(\"\");\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setDateTime(value);\r\n        setInputValue(format(value, DATE_FORMAT));\r\n      } else {\r\n        setDateTime(undefined);\r\n        setInputValue(\"\");\r\n      }\r\n    }, [value]);\r\n\r\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      setInputValue(event.target.value);\r\n    };\r\n\r\n    const handleInputBlur = () => {\r\n      if (inputValue === \"\") {\r\n        setDateTime(undefined);\r\n        onChange?.(undefined);\r\n        return;\r\n      }\r\n\r\n      const parsedDateTime = parse(inputValue, DATE_FORMAT, new Date());\r\n      if (isValid(parsedDateTime)) {\r\n        setDateTime(parsedDateTime);\r\n        onChange?.(parsedDateTime);\r\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\r\n      } else {\r\n        setInputValue(\"\");\r\n        setDateTime(undefined);\r\n        onChange?.(undefined);\r\n      }\r\n    };\r\n\r\n    const handleDateSelect = (selectedDate: Date | undefined) => {\r\n      if (selectedDate) {\r\n        const newDateTime = dateTime\r\n          ? set(dateTime, {\r\n              year: selectedDate.getFullYear(),\r\n              month: selectedDate.getMonth(),\r\n              date: selectedDate.getDate(),\r\n            })\r\n          : set(selectedDate, { hours: 12, minutes: 0 });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      } else {\r\n        setDateTime(undefined);\r\n        setInputValue(\"\");\r\n        onChange?.(undefined);\r\n      }\r\n    };\r\n\r\n    const handleTimeSelect = (time: string) => {\r\n      const [hours, minutes] = time.split(\":\").map(Number);\r\n      if (dateTime) {\r\n        const newDateTime = set(dateTime, { hours, minutes });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      } else {\r\n        const newDateTime = set(new Date(), { hours, minutes });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      }\r\n    };\r\n\r\n    const handleClear = () => {\r\n      setInputValue(\"\");\r\n      setDateTime(undefined);\r\n      onChange?.(undefined);\r\n    };\r\n\r\n    const timeOptions = Array.from({ length: 48 }, (_, i) => {\r\n      const hours = Math.floor(i / 2);\r\n      const minutes = i % 2 === 0 ? \"00\" : \"30\";\r\n      return `${hours.toString().padStart(2, \"0\")}:${minutes}`;\r\n    });\r\n\r\n    return (\r\n      <Popover>\r\n        <PopoverTrigger asChild>\r\n          <div className={cn(\"relative w-full\", className)}>\r\n            <Input\r\n              ref={ref}\r\n              type=\"text\"\r\n              value={inputValue}\r\n              onChange={handleInputChange}\r\n              onBlur={handleInputBlur}\r\n              placeholder={placeholder}\r\n              className={cn(\r\n                \"w-full pl-8 pr-8\",\r\n                !dateTime && \"text-muted-foreground\"\r\n              )}\r\n              {...props}\r\n            />\r\n            <CalendarClockIcon className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n            {clearable && inputValue && (\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0\"\r\n                onClick={handleClear}\r\n              >\r\n                <XIcon className=\"h-4 w-4 text-muted-foreground\" />\r\n                <span className=\"sr-only\">Smazat datum a čas</span>\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={dateTime}\r\n            onSelect={handleDateSelect}\r\n            initialFocus\r\n          />\r\n          <div className=\"p-3 border-t border-border\">\r\n            <Select\r\n              onValueChange={handleTimeSelect}\r\n              value={dateTime ? format(dateTime, \"HH:mm\") : undefined}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"Select time\">\r\n                  {dateTime ? (\r\n                    <div className=\"flex items-center\">\r\n                      <Clock className=\"mr-2 h-4 w-4\" />\r\n                      {format(dateTime, \"HH:mm\")}\r\n                    </div>\r\n                  ) : (\r\n                    \"Select time\"\r\n                  )}\r\n                </SelectValue>\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {timeOptions.map((time) => (\r\n                  <SelectItem key={time} value={time}>\r\n                    {time}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  }\r\n);\r\n\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\n\r\nexport default DateTimePicker;\r\n"],"names":["React","CalendarClockIcon","XIcon"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,gBAAgB,iBAAiB,iBAAiB;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yBAAyB,KAAK,SAAQ,CAAE;AAAA,EACtD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAC1D,CAAC;AChBD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,QAAQ,iBAAiB,SAAS;AAAA,EACtC,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,YAAY,EAAE,QAAQ,oBAAoB,KAAK,SAAQ,CAAE;AAC5D,CAAC;ACyBM,SAAS,IAAI,MAAM,QAAQ;AAChC,MAAI,QAAQ,OAAO,IAAI;AAGvB,MAAI,MAAM,CAAC,KAAK,GAAG;AACjB,WAAO,cAAc,MAAM,GAAG;AAAA,EAC/B;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,YAAY,OAAO,IAAI;AAAA,EAC9B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,YAAQ,SAAS,OAAO,OAAO,KAAK;AAAA,EACrC;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,QAAQ,OAAO,IAAI;AAAA,EAC1B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,UAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,gBAAgB,MAAM;AAC/B,UAAM,gBAAgB,OAAO,YAAY;AAAA,EAC1C;AAED,SAAO;AACT;ACzDA,MAAM,cAAc;AAUpB,MAAM,iBAAiB;AAAA,EACrB,CACE,EAAE,OAAO,UAAU,WAAW,YAAY,MAAM,aAAa,GAAG,MAAM,GACtE,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA2B,KAAK;AACtE,UAAM,CAAC,YAAY,aAAa,IAAIA,eAAM,SAAiB,EAAE;AAE7D,cAAU,MAAM;AACd,UAAI,OAAO;AACT,oBAAY,KAAK;AACH,sBAAA,OAAO,OAAO,WAAW,CAAC;AAAA,MAAA,OACnC;AACL,oBAAY,MAAS;AACrB,sBAAc,EAAE;AAAA,MAClB;AAAA,IAAA,GACC,CAAC,KAAK,CAAC;AAEJ,UAAA,oBAAoB,CAAC,UAA+C;AAC1D,oBAAA,MAAM,OAAO,KAAK;AAAA,IAAA;AAGlC,UAAM,kBAAkB,MAAM;AAC5B,UAAI,eAAe,IAAI;AACrB,oBAAY,MAAS;AACrB,6CAAW;AACX;AAAA,MACF;AAEA,YAAM,iBAAiB,MAAM,YAAY,aAAa,oBAAI,MAAM;AAC5D,UAAA,QAAQ,cAAc,GAAG;AAC3B,oBAAY,cAAc;AAC1B,6CAAW;AACG,sBAAA,OAAO,gBAAgB,WAAW,CAAC;AAAA,MAAA,OAC5C;AACL,sBAAc,EAAE;AAChB,oBAAY,MAAS;AACrB,6CAAW;AAAA,MACb;AAAA,IAAA;AAGI,UAAA,mBAAmB,CAAC,iBAAmC;AAC3D,UAAI,cAAc;AACV,cAAA,cAAc,WAChB,IAAI,UAAU;AAAA,UACZ,MAAM,aAAa,YAAY;AAAA,UAC/B,OAAO,aAAa,SAAS;AAAA,UAC7B,MAAM,aAAa,QAAQ;AAAA,QAAA,CAC5B,IACD,IAAI,cAAc,EAAE,OAAO,IAAI,SAAS,EAAA,CAAG;AAC/C,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAAA,OACzC;AACL,oBAAY,MAAS;AACrB,sBAAc,EAAE;AAChB,6CAAW;AAAA,MACb;AAAA,IAAA;AAGI,UAAA,mBAAmB,CAAC,SAAiB;AACnC,YAAA,CAAC,OAAO,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,MAAM;AACnD,UAAI,UAAU;AACZ,cAAM,cAAc,IAAI,UAAU,EAAE,OAAO,SAAS;AACpD,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAAA,OACzC;AACC,cAAA,cAAc,IAAQ,oBAAA,QAAQ,EAAE,OAAO,SAAS;AACtD,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAChD;AAAA,IAAA;AAGF,UAAM,cAAc,MAAM;AACxB,oBAAc,EAAE;AAChB,kBAAY,MAAS;AACrB,2CAAW;AAAA,IAAS;AAGhB,UAAA,cAAc,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AACvD,YAAM,QAAQ,KAAK,MAAM,IAAI,CAAC;AAC9B,YAAM,UAAU,IAAI,MAAM,IAAI,OAAO;AAC9B,aAAA,GAAG,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO;AAAA,IAAA,CACvD;AAED,gCACG,SACC,EAAA,UAAA;AAAA,MAAC,oBAAA,gBAAA,EAAe,SAAO,MACrB,UAAA,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAC7C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,CAAC,YAAY;AAAA,YACf;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QACA,oBAACC,eAAkB,EAAA,WAAU,yEAAyE,CAAA;AAAA,QACrG,aAAa,cACZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA;AAAA,cAAC,oBAAAC,GAAA,EAAM,WAAU,gCAAgC,CAAA;AAAA,cAChD,oBAAA,QAAA,EAAK,WAAU,WAAU,UAAkB,sBAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C;AAAA,MAAA,EAAA,CAEJ,EACF,CAAA;AAAA,MACC,qBAAA,gBAAA,EAAe,WAAU,cAAa,OAAM,SAC3C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU;AAAA,YACV,UAAU;AAAA,YACV,cAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAe;AAAA,YACf,OAAO,WAAW,OAAO,UAAU,OAAO,IAAI;AAAA,YAE9C,UAAA;AAAA,cAAC,oBAAA,eAAA,EACC,8BAAC,aAAY,EAAA,aAAY,eACtB,UACC,WAAA,qBAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,gBAAC,oBAAA,OAAA,EAAM,WAAU,eAAe,CAAA;AAAA,gBAC/B,OAAO,UAAU,OAAO;AAAA,cAAA,GAC3B,IAEA,cAEJ,CAAA,GACF;AAAA,cACC,oBAAA,eAAA,EACE,UAAY,YAAA,IAAI,CAAC,SACf,oBAAA,YAAA,EAAsB,OAAO,MAC3B,UADc,KAAA,GAAA,IAEjB,CACD,GACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../../node_modules/lucide-react/dist/esm/icons/clock.js","../../../node_modules/date-fns/set.mjs","../../../lib/components/ui/DateTimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CalendarClock = createLucideIcon(\"CalendarClock\", [\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M17.5 17.5 16 16.3V14\", key: \"akvzfd\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n]);\n\nexport { CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"Clock\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","import { constructFrom } from \"./constructFrom.mjs\";\nimport { setMonth } from \"./setMonth.mjs\";\nimport { toDate } from \"./toDate.mjs\";\n\n/**\n * @name set\n * @category Common Helpers\n * @summary Set date values to a given date.\n *\n * @description\n * Set date values to a given date.\n *\n * Sets time values to date from object `values`.\n * A value is not set if it is undefined or null or doesn't exist in `values`.\n *\n * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts\n * to use native `Date#setX` methods. If you use this function, you may not want to include the\n * other `setX` functions that date-fns provides if you are concerned about the bundle size.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n *\n * @param date - The date to be changed\n * @param values - The date values to be set\n *\n * @returns The new date with options set\n *\n * @example\n * // Transform 1 September 2014 into 20 October 2015 in a single line:\n * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })\n * //=> Tue Oct 20 2015 00:00:00\n *\n * @example\n * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:\n * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })\n * //=> Mon Sep 01 2014 12:23:45\n */\n\nexport function set(date, values) {\n  let _date = toDate(date);\n\n  // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n  if (isNaN(+_date)) {\n    return constructFrom(date, NaN);\n  }\n\n  if (values.year != null) {\n    _date.setFullYear(values.year);\n  }\n\n  if (values.month != null) {\n    _date = setMonth(_date, values.month);\n  }\n\n  if (values.date != null) {\n    _date.setDate(values.date);\n  }\n\n  if (values.hours != null) {\n    _date.setHours(values.hours);\n  }\n\n  if (values.minutes != null) {\n    _date.setMinutes(values.minutes);\n  }\n\n  if (values.seconds != null) {\n    _date.setSeconds(values.seconds);\n  }\n\n  if (values.milliseconds != null) {\n    _date.setMilliseconds(values.milliseconds);\n  }\n\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default set;\n","import { format, parse, isValid, set } from \"date-fns\";\r\nimport { CalendarClockIcon, Clock, XIcon } from \"lucide-react\";\r\n\r\nimport { Button } from \"./button\";\r\nimport { Calendar } from \"./Calendar\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\r\nimport { cn } from \"../../utils/utils\";\r\nimport React, { forwardRef, useEffect } from \"react\";\r\nimport { Input } from \"./input\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"./select\";\r\n\r\nconst DATE_FORMAT = \"dd.MM.yyyy HH:mm\";\r\n\r\ninterface DateTimePickerProps {\r\n  value?: Date;\r\n  onChange?: (date: Date | undefined | null) => void;\r\n  className?: string;\r\n  placeholder?: string;\r\n  clearable?: boolean;\r\n}\r\n\r\nconst DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\r\n  (\r\n    { value, onChange, className, clearable = true, placeholder, ...props },\r\n    ref\r\n  ) => {\r\n    const [dateTime, setDateTime] = React.useState<Date | null>(value || null);\r\n    const [inputValue, setInputValue] = React.useState<string | null>(\"\");\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setDateTime(value);\r\n        setInputValue(format(value, DATE_FORMAT));\r\n      } else {\r\n        setDateTime(null);\r\n        setInputValue(\"\");\r\n      }\r\n    }, [value]);\r\n\r\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      event.stopPropagation(); // Stop bubbling to prevent interference with other components\r\n\r\n      setInputValue(event.target.value);\r\n      const parsedDateTime = parse(event.target.value, DATE_FORMAT, new Date());\r\n\r\n      if (isValid(parsedDateTime)) {\r\n        setDateTime(parsedDateTime);\r\n        onChange?.(parsedDateTime);\r\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\r\n      } else {\r\n        setInputValue(\"\");\r\n        setDateTime(null);\r\n        onChange?.(null);\r\n      }\r\n    };\r\n\r\n    const handleInputBlur = () => {\r\n      if (inputValue === \"\") {\r\n        setDateTime(null);\r\n        onChange?.(null);\r\n        return;\r\n      }\r\n\r\n      const parsedDateTime = parse(inputValue || \"\", DATE_FORMAT, new Date());\r\n      if (isValid(parsedDateTime)) {\r\n        setDateTime(parsedDateTime);\r\n        onChange?.(parsedDateTime);\r\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\r\n      } else {\r\n        setInputValue(\"\");\r\n        setDateTime(null);\r\n        onChange?.(null);\r\n      }\r\n    };\r\n\r\n    const handleDateSelect = (selectedDate: Date | undefined | null) => {\r\n      if (selectedDate) {\r\n        const newDateTime = dateTime\r\n          ? set(dateTime, {\r\n              year: selectedDate.getFullYear(),\r\n              month: selectedDate.getMonth(),\r\n              date: selectedDate.getDate(),\r\n            })\r\n          : set(selectedDate, { hours: 12, minutes: 0 });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      } else {\r\n        setDateTime(null);\r\n        setInputValue(\"\");\r\n        onChange?.(null);\r\n      }\r\n    };\r\n\r\n    const handleTimeSelect = (time: string) => {\r\n      const [hours, minutes] = time.split(\":\").map(Number);\r\n      if (dateTime) {\r\n        const newDateTime = set(dateTime, { hours, minutes });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      } else {\r\n        const newDateTime = set(new Date(), { hours, minutes });\r\n        setDateTime(newDateTime);\r\n        onChange?.(newDateTime);\r\n        setInputValue(format(newDateTime, DATE_FORMAT));\r\n      }\r\n    };\r\n\r\n    const handleClear = () => {\r\n      setInputValue(\"\");\r\n      setDateTime(null);\r\n      onChange?.(null);\r\n    };\r\n\r\n    const timeOptions = Array.from({ length: 48 }, (_, i) => {\r\n      const hours = Math.floor(i / 2);\r\n      const minutes = i % 2 === 0 ? \"00\" : \"30\";\r\n      return `${hours.toString().padStart(2, \"0\")}:${minutes}`;\r\n    });\r\n\r\n    return (\r\n      <Popover>\r\n        <PopoverTrigger asChild>\r\n          <div className={cn(\"relative w-full\", className)}>\r\n            <Input\r\n              ref={ref}\r\n              type=\"text\"\r\n              value={inputValue || \"\"}\r\n              onChange={handleInputChange}\r\n              onBlur={handleInputBlur}\r\n              placeholder={placeholder}\r\n              className={cn(\r\n                \"w-full pl-8 pr-8\",\r\n                !dateTime && \"text-muted-foreground\"\r\n              )}\r\n              {...props}\r\n            />\r\n            <CalendarClockIcon className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n            {clearable && inputValue && (\r\n              <Button\r\n                type=\"button\"\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0\"\r\n                onClick={handleClear}\r\n              >\r\n                <XIcon className=\"h-4 w-4 text-muted-foreground\" />\r\n                <span className=\"sr-only\">Smazat datum a čas</span>\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={dateTime || undefined}\r\n            onSelect={handleDateSelect}\r\n            initialFocus\r\n          />\r\n          <div className=\"p-3 border-t border-border\">\r\n            <Select\r\n              onValueChange={handleTimeSelect}\r\n              value={dateTime ? format(dateTime, \"HH:mm\") : undefined}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"Select time\">\r\n                  {dateTime ? (\r\n                    <div className=\"flex items-center\">\r\n                      <Clock className=\"mr-2 h-4 w-4\" />\r\n                      {format(dateTime, \"HH:mm\")}\r\n                    </div>\r\n                  ) : (\r\n                    \"Select time\"\r\n                  )}\r\n                </SelectValue>\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                {timeOptions.map((time) => (\r\n                  <SelectItem key={time} value={time}>\r\n                    {time}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  }\r\n);\r\n\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\n\r\nexport default DateTimePicker;\r\n"],"names":["React","CalendarClockIcon","XIcon"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,gBAAgB,iBAAiB,iBAAiB;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yBAAyB,KAAK,SAAQ,CAAE;AAAA,EACtD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAC1D,CAAC;AChBD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAM,QAAQ,iBAAiB,SAAS;AAAA,EACtC,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,YAAY,EAAE,QAAQ,oBAAoB,KAAK,SAAQ,CAAE;AAC5D,CAAC;ACyBM,SAAS,IAAI,MAAM,QAAQ;AAChC,MAAI,QAAQ,OAAO,IAAI;AAGvB,MAAI,MAAM,CAAC,KAAK,GAAG;AACjB,WAAO,cAAc,MAAM,GAAG;AAAA,EAC/B;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,YAAY,OAAO,IAAI;AAAA,EAC9B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,YAAQ,SAAS,OAAO,OAAO,KAAK;AAAA,EACrC;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,QAAQ,OAAO,IAAI;AAAA,EAC1B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,UAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,gBAAgB,MAAM;AAC/B,UAAM,gBAAgB,OAAO,YAAY;AAAA,EAC1C;AAED,SAAO;AACT;ACzDA,MAAM,cAAc;AAUpB,MAAM,iBAAiB;AAAA,EACrB,CACE,EAAE,OAAO,UAAU,WAAW,YAAY,MAAM,aAAa,GAAG,MAAM,GACtE,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAsB,SAAS,IAAI;AACzE,UAAM,CAAC,YAAY,aAAa,IAAIA,eAAM,SAAwB,EAAE;AAEpE,cAAU,MAAM;AACd,UAAI,OAAO;AACT,oBAAY,KAAK;AACH,sBAAA,OAAO,OAAO,WAAW,CAAC;AAAA,MAAA,OACnC;AACL,oBAAY,IAAI;AAChB,sBAAc,EAAE;AAAA,MAClB;AAAA,IAAA,GACC,CAAC,KAAK,CAAC;AAEJ,UAAA,oBAAoB,CAAC,UAA+C;AACxE,YAAM,gBAAgB;AAER,oBAAA,MAAM,OAAO,KAAK;AAC1B,YAAA,iBAAiB,MAAM,MAAM,OAAO,OAAO,aAAa,oBAAI,MAAM;AAEpE,UAAA,QAAQ,cAAc,GAAG;AAC3B,oBAAY,cAAc;AAC1B,6CAAW;AACG,sBAAA,OAAO,gBAAgB,WAAW,CAAC;AAAA,MAAA,OAC5C;AACL,sBAAc,EAAE;AAChB,oBAAY,IAAI;AAChB,6CAAW;AAAA,MACb;AAAA,IAAA;AAGF,UAAM,kBAAkB,MAAM;AAC5B,UAAI,eAAe,IAAI;AACrB,oBAAY,IAAI;AAChB,6CAAW;AACX;AAAA,MACF;AAEA,YAAM,iBAAiB,MAAM,cAAc,IAAI,aAAa,oBAAI,MAAM;AAClE,UAAA,QAAQ,cAAc,GAAG;AAC3B,oBAAY,cAAc;AAC1B,6CAAW;AACG,sBAAA,OAAO,gBAAgB,WAAW,CAAC;AAAA,MAAA,OAC5C;AACL,sBAAc,EAAE;AAChB,oBAAY,IAAI;AAChB,6CAAW;AAAA,MACb;AAAA,IAAA;AAGI,UAAA,mBAAmB,CAAC,iBAA0C;AAClE,UAAI,cAAc;AACV,cAAA,cAAc,WAChB,IAAI,UAAU;AAAA,UACZ,MAAM,aAAa,YAAY;AAAA,UAC/B,OAAO,aAAa,SAAS;AAAA,UAC7B,MAAM,aAAa,QAAQ;AAAA,QAAA,CAC5B,IACD,IAAI,cAAc,EAAE,OAAO,IAAI,SAAS,EAAA,CAAG;AAC/C,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAAA,OACzC;AACL,oBAAY,IAAI;AAChB,sBAAc,EAAE;AAChB,6CAAW;AAAA,MACb;AAAA,IAAA;AAGI,UAAA,mBAAmB,CAAC,SAAiB;AACnC,YAAA,CAAC,OAAO,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,MAAM;AACnD,UAAI,UAAU;AACZ,cAAM,cAAc,IAAI,UAAU,EAAE,OAAO,SAAS;AACpD,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAAA,OACzC;AACC,cAAA,cAAc,IAAQ,oBAAA,QAAQ,EAAE,OAAO,SAAS;AACtD,oBAAY,WAAW;AACvB,6CAAW;AACG,sBAAA,OAAO,aAAa,WAAW,CAAC;AAAA,MAChD;AAAA,IAAA;AAGF,UAAM,cAAc,MAAM;AACxB,oBAAc,EAAE;AAChB,kBAAY,IAAI;AAChB,2CAAW;AAAA,IAAI;AAGX,UAAA,cAAc,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AACvD,YAAM,QAAQ,KAAK,MAAM,IAAI,CAAC;AAC9B,YAAM,UAAU,IAAI,MAAM,IAAI,OAAO;AAC9B,aAAA,GAAG,MAAM,SAAS,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO;AAAA,IAAA,CACvD;AAED,gCACG,SACC,EAAA,UAAA;AAAA,MAAC,oBAAA,gBAAA,EAAe,SAAO,MACrB,UAAA,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAC7C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU;AAAA,YACV,QAAQ;AAAA,YACR;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,CAAC,YAAY;AAAA,YACf;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QACA,oBAACC,eAAkB,EAAA,WAAU,yEAAyE,CAAA;AAAA,QACrG,aAAa,cACZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA;AAAA,cAAC,oBAAAC,GAAA,EAAM,WAAU,gCAAgC,CAAA;AAAA,cAChD,oBAAA,QAAA,EAAK,WAAU,WAAU,UAAkB,sBAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C;AAAA,MAAA,EAAA,CAEJ,EACF,CAAA;AAAA,MACC,qBAAA,gBAAA,EAAe,WAAU,cAAa,OAAM,SAC3C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,YAAY;AAAA,YACtB,UAAU;AAAA,YACV,cAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAe;AAAA,YACf,OAAO,WAAW,OAAO,UAAU,OAAO,IAAI;AAAA,YAE9C,UAAA;AAAA,cAAC,oBAAA,eAAA,EACC,8BAAC,aAAY,EAAA,aAAY,eACtB,UACC,WAAA,qBAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,gBAAC,oBAAA,OAAA,EAAM,WAAU,eAAe,CAAA;AAAA,gBAC/B,OAAO,UAAU,OAAO;AAAA,cAAA,GAC3B,IAEA,cAEJ,CAAA,GACF;AAAA,cACC,oBAAA,eAAA,EACE,UAAY,YAAA,IAAI,CAAC,SACf,oBAAA,YAAA,EAAsB,OAAO,MAC3B,UADc,KAAA,GAAA,IAEjB,CACD,GACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,GACF;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","x_google_ignoreList":[0,1,2]}

package/dist/components/ui/Dialog.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D, c, e, i, g, f, b, a, h, d } from "../../Dialog-CLPZ1Y00.js";
+import { D, c, e, i, g, f, b, a, h, d } from "../../Dialog-BtXGfOmv.js";
 import "../../utils/utils.js";
 import "../../x-DciOkaU0.js";
 export {

package/dist/components/ui/ScrollArea.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { P as Primitive } from "../../index-B761_inZ.js";
-import { P as Presence } from "../../index-Bjw9JvWH.js";
-import { c as createContextScope, a as composeEventHandlers, d as useCallbackRef, u as useLayoutEffect2 } from "../../index-BpHbTxNe.js";
+import { P as Presence } from "../../index-CA2QNu6z.js";
+import { c as createContextScope, b as composeEventHandlers, a as useCallbackRef, u as useLayoutEffect2 } from "../../index-CDCkSjVs.js";
 import { u as useComposedRefs } from "../../index-D9mvqz1C.js";
 import { u as useDirection } from "../../index-Bk8dRTPE.js";
 import { c as clamp } from "../../index-IXOTxK3N.js";

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };