@addsign/moje-agenda-shared-lib 2.0.41 → 2.0.42

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":["../../../lib/components/form/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\nimport { MdClose } from \"react-icons/md\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { FaSpinner } from \"react-icons/fa\";\r\nimport SpinnerIcon from \"../SpinnerIcon\";\r\n\r\nexport interface IInputFieldProps extends IFormFieldGlobalProps {\r\n  maxLength?: number;\r\n  debounceTimeout?: number;\r\n  manualRef?: React.RefObject<HTMLInputElement>;\r\n  disableAutocomplete?: boolean;\r\n}\r\n\r\nexport default function InputField({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  placeholder,\r\n  className,\r\n  register,\r\n  type,\r\n  disabled,\r\n  maxLength,\r\n  errors = {},\r\n  rounded = true,\r\n  debounceTimeout,\r\n  required,\r\n  onFocus = () => {},\r\n  onBlur = () => {},\r\n  children,\r\n  disableAutocomplete,\r\n}: IInputFieldProps) {\r\n  const wrapperRef = React.useRef(null);\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const [inputValue, setInputValue] = React.useState(value || \"\"); // Local state for input value\r\n  const debounceTimeoutRef = React.useRef<NodeJS.Timeout | null>(null); // Ref to hold the debounce timeout\r\n  const [inputIsChanging, setInputIsChanging] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    setInputValue(value || \"\");\r\n  }, [value]);\r\n  const handleClear = (e: any) => {\r\n    setInputValue(\"\"); // Clear local state\r\n    onInputChange({\r\n      ...e,\r\n      target: {\r\n        value: \"\",\r\n        name: name,\r\n      },\r\n    });\r\n  };\r\n  const fallbackRef = React.useRef(null);\r\n  const {\r\n    ref: registeredRef = fallbackRef,\r\n    onBlur: formOnBlur = () => {} /* default function */,\r\n    ...rest\r\n  } = register ? register(name) : {};\r\n\r\n  const ref = registeredRef || fallbackRef;\r\n  const handleSetFocus = () => {\r\n    setIsFocused(true);\r\n    ref?.current?.focus();\r\n  };\r\n  useClickAway(wrapperRef, () => {\r\n    if (isFocused) {\r\n      setIsFocused(false);\r\n    }\r\n  });\r\n\r\n  const handleDebouncedChange = React.useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      const { value } = e.target;\r\n      setInputValue(value); // Update local state\r\n      setInputIsChanging(true);\r\n\r\n      if (debounceTimeout) {\r\n        // Clear any previous debounce timeout\r\n        if (debounceTimeoutRef.current)\r\n          clearTimeout(debounceTimeoutRef.current);\r\n\r\n        // Set a new debounce timeout\r\n        debounceTimeoutRef.current = setTimeout(() => {\r\n          onInputChange(e);\r\n          setInputIsChanging(false);\r\n        }, debounceTimeout);\r\n      } else {\r\n        onInputChange(e);\r\n        setInputIsChanging(false);\r\n      }\r\n    },\r\n    [debounceTimeout, debounceTimeoutRef, onInputChange, setInputValue]\r\n  );\r\n\r\n  const handleBlur = (\r\n    e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>\r\n  ) => {\r\n    formOnBlur(e); // Call React Hook Form's onBlur\r\n    setIsFocused(false); // Then call your custom onBlur logic\r\n\r\n    if (debounceTimeoutRef.current && inputIsChanging) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      onInputChange(e);\r\n      setInputIsChanging(false);\r\n    }\r\n  };\r\n\r\n  const renderInput = () => {\r\n    switch (type) {\r\n      case \"textarea\":\r\n        return (\r\n          <textarea\r\n            id={name}\r\n            name={name}\r\n            className=\"grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none  outline-none shadow-none\r\n            bg-white \"\r\n            disabled={disabled}\r\n            value={inputValue}\r\n            rows={3}\r\n            {...rest} // Spread the rest of register's return value\r\n            //     ref={ref}\r\n            onChange={(e) => handleDebouncedChange(e)}\r\n            onFocus={() => {\r\n              setIsFocused(true);\r\n              onFocus();\r\n            }}\r\n            onBlur={(e) => {\r\n              handleBlur(e);\r\n              onBlur();\r\n            }}\r\n            maxLength={maxLength || 4000}\r\n          />\r\n        );\r\n      default:\r\n        return (\r\n          <>\r\n            <input\r\n              className={`text-gray-900 text-sm font-normal leading-normal  outline-none shadow-none \r\n                text-ellipsis overflow-hidden w-full disabled:cursor-not-allowed bg-white`}\r\n              id={name}\r\n              name={name}\r\n              disabled={disabled}\r\n              type={type}\r\n              {...rest}\r\n              //      ref={ref}\r\n              value={inputValue} // Controlled value\r\n              placeholder={placeholder}\r\n              onChange={(e) => handleDebouncedChange(e)}\r\n              onFocus={() => {\r\n                setIsFocused(true);\r\n                onFocus();\r\n              }}\r\n              onBlur={(e) => {\r\n                handleBlur(e);\r\n                onBlur();\r\n              }}\r\n              autoComplete={disableAutocomplete ? \"off\" : \"on\"}\r\n            />\r\n          </>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={\r\n          \"min-h-30 flex-col justify-start items-start gap-1.5  w-full relative \" +\r\n          className\r\n        }\r\n        ref={wrapperRef}\r\n        id=\"component\"\r\n      >\r\n        <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n          {label && (\r\n            <div className=\"text-slate-700 text-sm font-medium  leading-tight\">\r\n              {label} {required ? \"*\" : \"\"}\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`self-stretch w-full pl-3 pr-2  py-1    border justify-between items-center gap-0 inline-flex outline-none  bg-white\r\n               ${isFocused ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 \" : \"\"}\r\n               ${rounded ? \" rounded-lg \" : \" rounded-none \"}\r\n               ${disabled ? \" !opacity-80 cursor-not-allowed \" : \"\"}`}\r\n            onClick={handleSetFocus}\r\n          >\r\n            <div className=\"flex-grow  basis-0 min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] \">\r\n              {renderInput()}\r\n            </div>\r\n            <div className=\"items-center content-center flex-shrink flex\">\r\n              {inputIsChanging === true && (\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              {value && !disabled && (\r\n                <div\r\n                  className=\"w-6 h-6 relative flex cursor-pointer items-center justify-center align-middle hover:bg-gray-100 rounded-full text-lg\"\r\n                  onClick={handleClear}\r\n                  id={name + \":clear\"}\r\n                >\r\n                  <MdClose />\r\n                </div>\r\n              )}\r\n              {children}\r\n            </div>\r\n          </div>\r\n        </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 mt-1\"\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":["_a","value"],"mappings":"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"}
+{"version":3,"file":"InputField.js","sources":["../../../lib/components/form/InputField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { IFormFieldGlobalProps } from \"../../types\";\r\nimport { MdClose } from \"react-icons/md\";\r\nimport { useClickAway } from \"react-use\";\r\nimport { FaSpinner } from \"react-icons/fa\";\r\nimport SpinnerIcon from \"../SpinnerIcon\";\r\n\r\nexport interface IInputFieldProps extends IFormFieldGlobalProps {\r\n  maxLength?: number;\r\n  debounceTimeout?: number;\r\n  manualRef?: React.RefObject<HTMLInputElement>;\r\n  disableAutocomplete?: boolean;\r\n}\r\n\r\nexport default function InputField({\r\n  label,\r\n  name,\r\n  value,\r\n  description,\r\n  onInputChange,\r\n  placeholder,\r\n  className,\r\n  register,\r\n  type,\r\n  disabled,\r\n  maxLength,\r\n  errors = {},\r\n  rounded = true,\r\n  debounceTimeout,\r\n  required,\r\n  onFocus = () => {},\r\n  onBlur = () => {},\r\n  children,\r\n  disableAutocomplete,\r\n}: IInputFieldProps) {\r\n  const wrapperRef = React.useRef(null);\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const [inputValue, setInputValue] = React.useState(value || \"\"); // Local state for input value\r\n  const debounceTimeoutRef = React.useRef<NodeJS.Timeout | null>(null); // Ref to hold the debounce timeout\r\n  const [inputIsChanging, setInputIsChanging] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    setInputValue(value || \"\");\r\n  }, [value]);\r\n  const handleClear = (e: any) => {\r\n    setInputValue(\"\"); // Clear local state\r\n    onInputChange({\r\n      ...e,\r\n      target: {\r\n        value: \"\",\r\n        name: name,\r\n      },\r\n    });\r\n  };\r\n  const fallbackRef = React.useRef(null);\r\n  const {\r\n    ref: registeredRef = fallbackRef,\r\n    onBlur: formOnBlur = () => {} /* default function */,\r\n    ...rest\r\n  } = register ? register(name) : {};\r\n\r\n  const ref = registeredRef || fallbackRef;\r\n  const handleSetFocus = () => {\r\n    setIsFocused(true);\r\n    ref?.current?.focus();\r\n  };\r\n  useClickAway(wrapperRef, () => {\r\n    if (isFocused) {\r\n      setIsFocused(false);\r\n    }\r\n  });\r\n\r\n  const handleDebouncedChange = React.useCallback(\r\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      const { value } = e.target;\r\n      setInputValue(value); // Update local state\r\n      setInputIsChanging(true);\r\n\r\n      if (debounceTimeout) {\r\n        // Clear any previous debounce timeout\r\n        if (debounceTimeoutRef.current)\r\n          clearTimeout(debounceTimeoutRef.current);\r\n\r\n        // Set a new debounce timeout\r\n        debounceTimeoutRef.current = setTimeout(() => {\r\n          onInputChange(e);\r\n          setInputIsChanging(false);\r\n        }, debounceTimeout);\r\n      } else {\r\n        onInputChange(e);\r\n        setInputIsChanging(false);\r\n      }\r\n    },\r\n    [debounceTimeout, debounceTimeoutRef, onInputChange, setInputValue]\r\n  );\r\n\r\n  const handleBlur = (\r\n    e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>\r\n  ) => {\r\n    formOnBlur(e); // Call React Hook Form's onBlur\r\n    setIsFocused(false); // Then call your custom onBlur logic\r\n\r\n    if (debounceTimeoutRef.current && inputIsChanging) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      onInputChange(e);\r\n      setInputIsChanging(false);\r\n    }\r\n  };\r\n\r\n  const renderInput = () => {\r\n    switch (type) {\r\n      case \"textarea\":\r\n        return (\r\n          <textarea\r\n            id={name}\r\n            name={name}\r\n            className=\"grow shrink basis-0 text-muted-foreground text-sm font-normal leading-tight focus:border-none  outline-none shadow-none\r\n            bg-white \"\r\n            disabled={disabled}\r\n            value={inputValue}\r\n            rows={3}\r\n            {...rest} // Spread the rest of register's return value\r\n            //     ref={ref}\r\n            onChange={(e) => handleDebouncedChange(e)}\r\n            onFocus={() => {\r\n              setIsFocused(true);\r\n              onFocus();\r\n            }}\r\n            onBlur={(e) => {\r\n              handleBlur(e);\r\n              onBlur();\r\n            }}\r\n            maxLength={maxLength || 4000}\r\n          />\r\n        );\r\n      default:\r\n        return (\r\n          <>\r\n            <input\r\n              className={`text-muted-foreground text-sm font-normal leading-normal  outline-none shadow-none \r\n                placeholder-muted-foreground\r\n                text-ellipsis overflow-hidden w-full disabled:cursor-not-allowed bg-white`}\r\n              id={name}\r\n              name={name}\r\n              disabled={disabled}\r\n              type={type}\r\n              {...rest}\r\n              //      ref={ref}\r\n              value={inputValue} // Controlled value\r\n              placeholder={placeholder}\r\n              onChange={(e) => handleDebouncedChange(e)}\r\n              onFocus={() => {\r\n                setIsFocused(true);\r\n                onFocus();\r\n              }}\r\n              onBlur={(e) => {\r\n                handleBlur(e);\r\n                onBlur();\r\n              }}\r\n              autoComplete={disableAutocomplete ? \"off\" : \"on\"}\r\n            />\r\n          </>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        className={\r\n          \"min-h-30 flex-col justify-start items-start gap-1.5  w-full relative \" +\r\n          className\r\n        }\r\n        ref={wrapperRef}\r\n        id=\"component\"\r\n      >\r\n        <div className=\"self-stretch flex-col justify-start items-start gap-1.5 flex\">\r\n          {label && (\r\n            <div className=\"text-slate-700 text-sm font-medium  leading-tight\">\r\n              {label} {required ? \"*\" : \"\"}\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`self-stretch w-full pl-3 pr-2  py-1    border justify-between items-center gap-0 inline-flex outline-none  bg-white\r\n               ${isFocused ? \"outline-4 outline-indigo-200 outline-offset-0 border-indigo-300 \" : \"\"}\r\n               ${rounded ? \" rounded-lg \" : \" rounded-none \"}\r\n               ${disabled ? \" !opacity-80 cursor-not-allowed \" : \"\"}`}\r\n            onClick={handleSetFocus}\r\n          >\r\n            <div className=\"flex-grow  basis-0 min-h-[32px] justify-start items-center gap-0 flex whitespace-nowrap w-[calc(100%-40px)] \">\r\n              {renderInput()}\r\n            </div>\r\n            <div className=\"items-center content-center flex-shrink flex\">\r\n              {inputIsChanging === true && (\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              {value && !disabled && (\r\n                <div\r\n                  className=\"w-6 h-6 relative flex cursor-pointer items-center justify-center align-middle hover:bg-gray-100 rounded-full text-lg\"\r\n                  onClick={handleClear}\r\n                  id={name + \":clear\"}\r\n                >\r\n                  <MdClose />\r\n                </div>\r\n              )}\r\n              {children}\r\n            </div>\r\n          </div>\r\n        </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 mt-1\"\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":["_a","value"],"mappings":"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"}

package/dist/components/form/PositionsSelectorSingle.js

@@ -6,12 +6,13 @@ import AutocompleteSearchBar from "./AutocompleteSearchBar.js";
 import { c as MdCheck } from "../../index-DVD0PiGU.js";
 import FormField from "./FormField.js";
 import SectionTitle from "../layout/SectionTitle.js";
+import "../ui/multi-select.js";
 import "../../index.esm-ifS8v9eQ.js";
 import "../../jspdf.plugin.autotable-7hp3hM-a.js";
 import "../../contexts/FederationContext.js";
 import { useFederationContext } from "../../contexts/useFederationContext.js";
 import { getFullName } from "../../utils/getFullName.js";
-import "../../Dialog-BmQoVu5C.js";
+import "../../Dialog-CCrUyF91.js";
 import "../ui/ScrollArea.js";
 import "../ui/input.js";
 import "../ui/form.js";