linear-react-components-ui 1.1.26-beta.15 → 1.1.26-beta.16

package/lib/inputs/select/simple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import React, { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\nimport Hint from '../../../hint';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [],  customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if (e.keyCode === constants.keyCodes.ENTER && selected && opened) {\n        e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          dropdownWidth={dropdownWidth || 0}\n          searchNotFoundText={searchNotFoundText} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","jsx","InputTextBase","ref","inputRef","isFunction","r","inputOnDenied","ActionButtons","Dropdown","getComputedStyle","dataSelected"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/inputs/select/simple/index.tsx"],"sourcesContent":["import { KeyboardEvent as KeyboardEventReact, useEffect, useRef, useState } from 'react';\nimport * as uuid from 'uuid';\nimport _ from 'lodash';\nimport Dropdown from '../Dropdown';\nimport ActionButtons from '../ActionButtons';\nimport * as constants from '../../../internals/constants';\nimport { getFilteredSimpleDataCombo } from '../helper';\nimport { DataCombo } from '../../../@types/DataCombo';\nimport { OnDenied } from '../../../@types/PermissionAttr';\nimport InputTextBase from '../../base/InputTextBase';\nimport { ISimpleSelectProps } from '../types';\nimport { CustomInputEvent } from '../../base/types';\n\nconst SimpleSelect = (props: ISimpleSelectProps) => {\n  const {\n    value, descriptionKey, dataSource = [], gridLayout, onSearch, disabled, readOnly,\n    openDropdownOnFocus = true, selectFirstOnEnter = false, idKey, remoteSearch = false, name = '',\n    undigitable, searchOnDropdown = false, allOptions = undefined, showClearButton = false,\n    searchNotFoundText, rightElements = [], customClassForWrapper, customClassForInputContent, \n    customClassForLabel, customClassForSideButtons, dropdownMaxWidth = undefined,\n  } = props;\n\n  const descriptionKeyIsString = typeof descriptionKey === 'string';\n  const dataSourceWithAllOptions = allOptions\n    ? [{\n        [idKey]: allOptions.idValue,\n        [descriptionKeyIsString ?\n          descriptionKey :\n            descriptionKey(allOptions.label)]: allOptions.label,\n      }, ...dataSource]\n    : dataSource;\n  const [dataCombo, setDataCombo] = useState<DataCombo[]>(dataSourceWithAllOptions);\n  const [selected, setSelected] = useState<DataCombo | null>(null);\n  const [inputText, setInputText] = useState('');\n  const [opened, setOpened] = useState(false);\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [onDenied, setOnDeniedSelect] = useState<OnDenied>();\n  const [isTyping, setIsTyping] = useState(false);\n\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const componentId = `select-component-${name}-${uuid.v1()}`;\n  const componentRef = useRef<HTMLInputElement>(null);\n  const selectWrapper = useRef<HTMLDivElement>(null);\n  const gridElement = useRef<Element>(null);\n  const inputTextRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n    if (target !== selectWrapper.current && !selectWrapper.current?.contains(target as Node) &&\n      !dropdownRef.current?.contains(target as Node)) {\n      setOpened(false);\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    const target = event.target as Element;\n    const idDropdown = dropdownRef.current?.parentElement?.id || '';\n    const dropdownElement = document.getElementById(idDropdown);\n    const keepDropdownOpen = Boolean(dropdownElement?.contains(target));\n    setInsideComponent(keepDropdownOpen);\n  };\n\n  const getSelectEvent = (selectedEvent?: DataCombo) => (\n    {\n      target: {\n        value: selectedEvent ? selectedEvent[idKey] : undefined,\n        name,\n      },\n    }\n  );\n\n  const onChange = (selectedChange?: DataCombo) => {\n    if (props.onChange) {\n      const event = getSelectEvent(selectedChange);\n      props.onChange(event);\n    }\n  };\n\n  const onFilter = (valueFilter: string) => {\n    let selectedFilter = null;\n    if (remoteSearch) {\n      if (onSearch) onSearch(valueFilter);\n    } else {\n      const dataComboFilter = getFilteredSimpleDataCombo({\n        inputText: valueFilter,\n        descriptionKey,\n        dataSource: dataSourceWithAllOptions,\n      });\n\n      if (dataComboFilter && dataComboFilter.length > 0) {\n        selectedFilter = dataComboFilter[0];\n        setSelected(selectedFilter);\n      }\n      setDataCombo(dataComboFilter);\n    }\n    setOpened(true);\n    setInputText(valueFilter);\n    if (selectedFilter) {\n      if ((descriptionKeyIsString && valueFilter === selectedFilter[descriptionKey])\n        || (!descriptionKeyIsString && valueFilter === descriptionKey(selectedFilter))) {\n        onChange(selectedFilter);\n      }\n    }\n  };\n\n  const onSelect = (selectedDropdown: DataCombo) => {\n    if (!selectedDropdown) return;\n    setSelected(selectedDropdown);\n\n    if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);\n    else setInputText(descriptionKey(selectedDropdown));\n    new Promise((resolve) => {\n      resolve(onChange(selectedDropdown));\n    }).finally(() => {\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n    dropdownRef.current?.focus();\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onFocus = () => {\n    if (openDropdownOnFocus) setOpened(true);\n    if (selectWrapper) {\n      const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;\n      setDropdownWidth(dropdownWidthFocus);\n    }\n  };\n\n  const onBlur = () => {\n    if (props.onBlur) {\n      const event = getSelectEvent(selected);\n      props.onBlur(event);\n      if (selected && (descriptionKeyIsString && inputText !== selected[descriptionKey])\n        || (!descriptionKeyIsString && inputText !== descriptionKey(selected))) {\n        setSelected(null);\n        setInputText(inputText);\n        new Promise((resolve) => {\n          resolve(onChange(null));\n        }).finally(() => {\n          onChange();\n        });\n      }\n    }\n    if (!insideComponent) {\n      setOpened(false);\n      setIsTyping(false);\n      setDataCombo(dataSourceWithAllOptions);\n    }\n  };\n\n  const onInputKeyDown = (e: CustomInputEvent | KeyboardEventReact) => {\n    if (e.keyCode) {\n      if ((e.keyCode === constants.keyCodes.ENTER || e.key === constants.keys.TAB) && \n            selected && opened) {\n        if (e.keyCode === constants.keyCodes.ENTER) e.preventDefault?.();\n        onSelect(selected);\n      } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {\n        if (!opened) setOpened(true);\n        let index = dataCombo.length > 0\n          ? dataCombo.findIndex(d => selected &&\n            d[idKey] === selected[idKey])\n          : 0;\n        if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n          index = (dataCombo\n            && index === dataCombo.length - 1\n            ? 0\n            : index + 1);\n        } else {\n          index = (dataCombo\n            && index === 0\n            ? dataCombo?.length - 1\n            : index - 1);\n        }\n        setSelected(dataCombo[index]);\n        if (descriptionKeyIsString) setInputText(dataCombo[index][descriptionKey]);\n        if (!descriptionKeyIsString) setInputText(descriptionKey(dataCombo[index]));\n      }\n    }\n    if (!isTyping) setIsTyping(true);\n  };\n\n  const onClearClick = () => {\n    new Promise((resolve) => {\n      resolve(onChange(null));\n    }).finally(() => {\n      setSelected(null);\n      setInputText('');\n      onChange();\n      if (inputTextRef && inputTextRef.current) inputTextRef.current.focus();\n      setOpened(false);\n    });\n  };\n\n  const setOnDenied = (onDeniedSelect: OnDenied) => {\n    setOnDeniedSelect(onDeniedSelect);\n  };\n\n  const shouldDisable = () =>\n    disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const shouldBeReadOnly = () => readOnly || (onDenied && (onDenied.readOnly));\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutside);\n    document.addEventListener('mousemove', onMouseMove);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutside);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (gridLayout) {\n      const gridEl = document.querySelector(`#${componentId}>.-withinput.grid-container`);\n      if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;\n    }\n  }, [gridLayout]);\n\n  useEffect(() => {\n    if (dataSourceWithAllOptions.length > 0) {\n      let newCurrent = null;\n      if (value || value === 0) {\n        newCurrent = dataSourceWithAllOptions.find(i => (value || value === 0)\n          && i[idKey]?.toString().toLowerCase() === value?.toString().toLowerCase());\n      } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {\n        newCurrent = dataSourceWithAllOptions[0];\n      }\n\n      setSelected(newCurrent);\n      if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');\n      else setInputText(newCurrent ? descriptionKey(newCurrent) : '');\n    }\n\n    if (dataSourceWithAllOptions.length === 0 && inputText) {\n      setInputText('');\n    }\n  }, [dataSourceWithAllOptions.length, value]);\n\n  useEffect(() => {\n    if (!_.isEqual(dataCombo, dataSourceWithAllOptions)) {\n      const dataComboFilteredSimple = (undigitable || remoteSearch || !isTyping) ?\n        dataSourceWithAllOptions\n        : getFilteredSimpleDataCombo({\n            inputText, dataSource: dataSourceWithAllOptions, descriptionKey,\n          });\n      setDataCombo(dataComboFilteredSimple);\n      if (dataSourceWithAllOptions.length > 0 && remoteSearch) {\n        const data = dataSourceWithAllOptions[0];\n        setSelected(data);\n      }\n    }\n\n    if (allOptions) {\n      setDataCombo([\n        {\n          [idKey]: allOptions.idValue,\n          [descriptionKeyIsString ?\n            descriptionKey :\n              descriptionKey(allOptions.label)]: allOptions.label,\n        },\n        ...dataSource,\n      ]);\n    }\n  }, [JSON.stringify(dataSourceWithAllOptions)]);\n\n  return (\n    <span\n      id={componentId}\n      ref={componentRef}\n      className=\"select-component\">\n      <InputTextBase\n        {...props}\n        inputRef={(ref) => {\n          if (props.inputRef) {\n            if (!_.isFunction(props.inputRef)) {\n              props.inputRef.current = ref;\n            } else {\n              props.inputRef(ref);\n            }\n          }\n          inputTextRef.current = ref;\n        }}\n        autoComplete=\"off\"\n        readOnly={undigitable || shouldBeReadOnly()}\n        value={inputText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={(e?: CustomInputEvent) => {\n          if (e) onFilter(e.target.value);\n        }}\n        onClick={onFocus}\n        onKeyDown={onInputKeyDown}\n        customClassForLabel={customClassForLabel}\n        customClassForWrapper={\n          `selectwrapper ${(undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'} ${customClassForWrapper}`\n        }\n        customClassForInputContent={`multiselect ${customClassForInputContent}`}\n        inputBaseRef={(r: HTMLDivElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={(inputOnDenied: OnDenied) => setOnDenied(inputOnDenied)}\n        rightElements={[\n          ...rightElements,\n          <ActionButtons\n            key=\"action-buttons-simpleselect\"\n            disabled={shouldDisable() || shouldBeReadOnly()}\n            showClearButton={showClearButton}\n            dropDownOpened={opened}\n            handlerClear={() => {\n              if (shouldDisable()) return null;\n              return onClearClick();\n            }}\n            handlerOpenClose={onOpenClose}\n            customClassForSideButtons={customClassForSideButtons} />,\n        ]} />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          selected={selected}\n          inputValue={inputText}\n          selectFieldRef={componentRef}\n          dropdownRef={dropdownRef}\n          searchOnDropdown={searchOnDropdown}\n          gridWrapperStyle={gridLayout && gridElement.current ?\n              window.getComputedStyle(gridElement.current)\n            : undefined}\n          handleOnSelect={(dataSelected?: DataCombo) => {\n            if (dataSelected) onSelect(dataSelected);\n          }}\n          handleOnFilter={(valueFilter: string) => onFilter(valueFilter)}\n          handleOnKeydown={onInputKeyDown}\n          handleOnBlur={() => onBlur}\n          handleOnFocus={onFocus}\n          dataCombo={dataCombo}\n          searchNotFoundText={searchNotFoundText}\n          dropdownWidth={dropdownMaxWidth || dropdownWidth || 0} />\n      }\n    </span>\n  );\n};\nexport default SimpleSelect;\n"],"names":["SimpleSelect","props","value","descriptionKey","dataSource","gridLayout","onSearch","disabled","readOnly","openDropdownOnFocus","selectFirstOnEnter","idKey","remoteSearch","name","undigitable","searchOnDropdown","allOptions","undefined","showClearButton","searchNotFoundText","rightElements","customClassForWrapper","customClassForInputContent","customClassForLabel","customClassForSideButtons","dropdownMaxWidth","descriptionKeyIsString","dataSourceWithAllOptions","idValue","label","dataCombo","setDataCombo","useState","selected","setSelected","inputText","setInputText","opened","setOpened","dropdownWidth","setDropdownWidth","insideComponent","setInsideComponent","onDenied","setOnDeniedSelect","isTyping","setIsTyping","dropdownRef","useRef","componentId","uuid","componentRef","selectWrapper","gridElement","inputTextRef","onScreenResize","current","clientWidth","onClickOutside","event","target","contains","onMouseMove","idDropdown","parentElement","id","keepDropdownOpen","Boolean","document","getElementById","getSelectEvent","selectedEvent","onChange","selectedChange","onFilter","valueFilter","selectedFilter","dataComboFilter","getFilteredSimpleDataCombo","length","onSelect","selectedDropdown","Promise","resolve","finally","focus","onOpenClose","prevState","onFocus","dropdownWidthFocus","onBlur","onInputKeyDown","e","keyCode","constants","ENTER","key","TAB","preventDefault","ARROW_UP","ARROW_DOWN","includes","index","findIndex","d","onClearClick","setOnDenied","onDeniedSelect","shouldDisable","hideContent","shouldBeReadOnly","useEffect","window","addEventListener","removeEventListener","gridEl","querySelector","newCurrent","find","i","toString","toLowerCase","_","isEqual","dataComboFilteredSimple","data","JSON","stringify","jsx","InputTextBase","ref","inputRef","isFunction","r","inputOnDenied","ActionButtons","Dropdown","getComputedStyle","dataSelected"],"mappings":"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"}

package/lib/inputs/select/types.d.ts

@@ -54,6 +54,7 @@ export interface ISimpleSelectProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
 }
 export interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -99,6 +100,7 @@ export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' |
     popoverAlign?: 'right' | 'left';
 }
 export interface ISelectedsMultipleProps {
+    disabled?: boolean;
     idKey: string;
     descriptionKey: DescriptionKey;
     currents: DataCombo[];

package/lib/inputs/text/index.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as m } from "react/compiler-runtime";
-import f from "../base/InputTextBase.js";
-const s = (o) => {
-  const t = m(2);
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import i from "../base/InputTextBase.js";
+const l = (o) => {
+  const t = m.c(2);
   let e;
-  return t[0] !== o ? (e = /* @__PURE__ */ r(f, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
+  return t[0] !== o ? (e = /* @__PURE__ */ r(i, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
 };
 export {
-  s as default
+  l as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/text/index.tsx"],"sourcesContent":["import React from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport { ITextField } from './types';\n\nconst TextField = (props: ITextField) => <InputTextBase {...props} />;\nexport default TextField;\n"],"names":["TextField","props","$","_c","t0","jsx","InputTextBase"],"mappings":";;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAuBG,IAAA,gBAAAC,EAACC,GAAA,EAAa,GAAKL,EAAAA,CAAK,GAAIC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA5BE;AAA4B;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/text/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextField } from './types';\n\nconst TextField = (props: ITextField) => <InputTextBase {...props} />;\nexport default TextField;\n"],"names":["TextField","props","$","_c","t0","jsx","InputTextBase"],"mappings":";;;AAGA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAuBG,IAAA,gBAAAC,EAACC,GAAA,EAAa,GAAKL,EAAAA,CAAK,GAAIC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAA5BE;AAA4B;"}

package/lib/inputs/text/types.d.ts

@@ -2,9 +2,7 @@ import { JSX } from 'react';
 import { Period } from '../../@types/Period';
 import { PermissionAttr } from '../../@types/PermissionAttr';
 import { CustomInputEvent, IBaseProps } from '../base/types';
-import { WithTooltipProps } from '../../internals/types';
-type CommonProperties = Pick<WithTooltipProps, 'tooltip' | 'tooltipPosition' | 'tooltipWidth'>;
-export interface ITextField extends IBaseProps, CommonProperties {
+export interface ITextField extends IBaseProps {
     value?: string | string[];
     required?: boolean;
     name?: string;
@@ -18,4 +16,3 @@ export interface ITextField extends IBaseProps, CommonProperties {
     permissionAttr?: PermissionAttr;
     gridLayout?: string;
 }
-export {};

package/lib/inputs/textarea/index.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
 import x from "../base/InputTextBase.js";
-const y = (e) => {
-  const t = l(6), {
+const d = (e) => {
+  const t = l.c(6), {
     rows: s,
-    cols: a,
-    customClass: m,
-    type: n
-  } = e, r = n === void 0 ? "textarea" : n, c = `textarea-container ${m}`;
+    cols: r,
+    customClass: n,
+    type: m
+  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
   let o;
-  return t[0] !== a || t[1] !== e || t[2] !== s || t[3] !== c || t[4] !== r ? (o = /* @__PURE__ */ i(x, { ...e, rows: s, type: r, cols: a, customClass: c }), t[0] = a, t[1] = e, t[2] = s, t[3] = c, t[4] = r, t[5] = o) : o = t[5], o;
+  return t[0] !== r || t[1] !== e || t[2] !== s || t[3] !== c || t[4] !== a ? (o = /* @__PURE__ */ i(x, { ...e, rows: s, type: a, cols: r, customClass: c }), t[0] = r, t[1] = e, t[2] = s, t[3] = c, t[4] = a, t[5] = o) : o = t[5], o;
 };
 export {
-  y as default
+  d as default
 };
 //# sourceMappingURL=index.js.map

package/lib/inputs/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/textarea/index.tsx"],"sourcesContent":["import React from 'react';\nimport InputTextBase from '../base/InputTextBase';\nimport { ITextAreaProps } from './types';\n\nconst TextArea = (props: ITextAreaProps) => {\n  const { rows, cols, customClass, type = 'textarea' } = props;\n  return (\n    <InputTextBase\n      {...props}\n      rows={rows}\n      type={type}\n      cols={cols}\n      customClass={`textarea-container ${customClass}`} />\n  );\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","$","_c","rows","cols","customClass","type","t0","undefined","t1","t2","jsx","InputTextBase"],"mappings":";;;AAIA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GACf;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAAuDP,GAAtBM,IAAAC,MAAAC,SAAA,aAAAD,GAOhBE,IAAA,sBAAsBJ,CAAW;AAAE,MAAAK;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAAAR,SAAAK,KALlDI,IAAA,gBAAAC,EAACC,KAAa,GACRZ,GACEG,MAAAA,GACAG,MAAAA,GACAF,MAAAA,GACO,aAAAK,GAAmC,GAAIR,OAAAG,GAAAH,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GALtDS;AAKsD;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/textarea/index.tsx"],"sourcesContent":["import InputTextBase from '../base/InputTextBase';\nimport { ITextAreaProps } from './types';\n\nconst TextArea = (props: ITextAreaProps) => {\n  const { rows, cols, customClass, type = 'textarea' } = props;\n  return (\n    <InputTextBase\n      {...props}\n      rows={rows}\n      type={type}\n      cols={cols}\n      customClass={`textarea-container ${customClass}`} />\n  );\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","$","_c","rows","cols","customClass","type","t0","undefined","t1","t2","jsx","InputTextBase"],"mappings":";;;AAGA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACf;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAC;AAAAA,EAAAA,IAAuDP,GAAtBM,IAAAC,MAAAC,SAAA,aAAAD,GAOhBE,IAAA,sBAAsBJ,CAAW;AAAE,MAAAK;AAAA,SAAAT,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAD,KAAAC,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAQ,KAAAR,SAAAK,KALlDI,IAAA,gBAAAC,EAACC,KAAa,GACRZ,GACEG,MAAAA,GACAG,MAAAA,GACAF,MAAAA,GACO,aAAAK,GAAmC,GAAIR,OAAAG,GAAAH,OAAAD,GAAAC,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAK,GAAAL,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GALtDS;AAKsD;"}

package/lib/inputs/types.d.ts

@@ -25,6 +25,7 @@ export interface ISearchProps extends IBaseProps {
     rounded?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     style?: CSSProperties;
+    drawerFilterIsOpened?: boolean;
 }
 export interface IDropdownProps {
     children: ReactNode | ReactNode[];
@@ -44,7 +45,7 @@ export interface IInputHOCProps {
 }
 export interface IMaskHOCProps {
     label?: string;
-    value?: string;
+    value?: string | number;
     unmask?: boolean;
     name?: string;
     commit?: () => void;
@@ -145,7 +146,7 @@ export interface IButtonsProps {
 }
 export interface ErrorProps {
     customClass?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     messages?: string | string[];
 }
 export {};

package/lib/inputs2/checkboxfield/index.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps } from 'react';
+import { Size } from '../../@types/Size';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { Position, HintPosition } from '../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+type InputHTMLProps = Omit<ComponentProps<'input'>, 'size' | 'type'>;
+interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+    tabIndex?: number;
+}
+declare const Input: import('react').ForwardRefExoticComponent<Omit<CheckboxFieldInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { CheckboxFieldInputProps };

package/lib/inputs2/checkboxfield/index.js

@@ -0,0 +1,115 @@
+import { jsx as n, jsxs as M } from "react/jsx-runtime";
+import { c as Ne } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/gridlayout.css';import '../../assets/styles/checkbox2.css';/* empty css                                 */
+import Pe from "../../_virtual/lodash.js";
+import { forwardRef as ze, useRef as Re, Fragment as Ce } from "react";
+import $e from "../../hint/index.js";
+import De from "../../icons/index.js";
+/* empty css                                  */
+import Ae from "../../gridlayout/GridCol.js";
+import Le from "../../popover/index.js";
+import _e from "../../tooltip/index.js";
+import { actionsOnPermissionDenied as we, OPTIONS_ON_DENIED as Y } from "../../permissionValidations.js";
+import Be from "../../popover/PopoverText.js";
+const Ee = [Y.disabled, Y.unvisible, Y.readOnly, Y.hideContent], qe = ze((t, $) => {
+  const e = Ne.c(104);
+  let d, r, a, c, m, D, A, L, _, w, B, E, q, S, j, F, T, W, H, U, G, u, h, f;
+  e[0] !== t ? ({
+    name: a,
+    label: r,
+    errors: d,
+    onChange: c,
+    size: D,
+    onDeniedActions: A,
+    permissionAttr: S,
+    variant: j,
+    customClass: F,
+    customClassLabel: T,
+    customClassWrapper: W,
+    labelUppercase: H,
+    rounded: U,
+    customClassInputContainer: G,
+    skeletonize: L,
+    hintPosition: _,
+    gridLayout: w,
+    themePopover: B,
+    popoverAlign: E,
+    tooltip: u,
+    tooltipPosition: h,
+    tooltipWidth: f,
+    tabIndex: q,
+    ...m
+  } = t, e[0] = t, e[1] = d, e[2] = r, e[3] = a, e[4] = c, e[5] = m, e[6] = D, e[7] = A, e[8] = L, e[9] = _, e[10] = w, e[11] = B, e[12] = E, e[13] = q, e[14] = S, e[15] = j, e[16] = F, e[17] = T, e[18] = W, e[19] = H, e[20] = U, e[21] = G, e[22] = u, e[23] = h, e[24] = f) : (d = e[1], r = e[2], a = e[3], c = e[4], m = e[5], D = e[6], A = e[7], L = e[8], _ = e[9], w = e[10], B = e[11], E = e[12], q = e[13], S = e[14], j = e[15], F = e[16], T = e[17], W = e[18], H = e[19], U = e[20], G = e[21], u = e[22], h = e[23], f = e[24]);
+  const Z = D === void 0 ? "default" : D, ee = A === void 0 ? void 0 : A, te = S === void 0 ? void 0 : S, ie = j === void 0 ? "default" : j, ke = F === void 0 ? "" : F, oe = T === void 0 ? "" : T, ge = W === void 0 ? "" : W, le = H === void 0 ? !1 : H, ae = U === void 0 ? !1 : U, xe = G === void 0 ? "" : G, i = L === void 0 ? !1 : L, b = _ === void 0 ? "below" : _, se = w === void 0 ? void 0 : w, ne = B === void 0 ? "light" : B, de = E === void 0 ? "left" : E, ye = q === void 0 ? 0 : q;
+  let V;
+  e[25] !== ee || e[26] !== te ? (V = ee || we(Ee, te), e[25] = ee, e[26] = te, e[27] = V) : V = e[27];
+  const re = V, {
+    hideContent: Ie,
+    unvisible: Oe
+  } = re, v = t.id || `checkboxfield-${a}`, pe = Re(null), ce = t.checked ?? !!t.value;
+  let J;
+  e[28] !== t.label ? (J = Pe.isEmpty(t?.label), e[28] = t.label, e[29] = J) : J = e[29];
+  const p = !J, l = !!(t.readOnly || re.readOnly), o = !!(t.disabled || re.disabled), C = !!t.hint?.length, s = !!d?.length;
+  let K;
+  e[30] !== o || e[31] !== l || e[32] !== c ? (K = (ve) => {
+    l || o || (Object.defineProperty(ve.target, "value", {
+      value: ve.target.checked,
+      writable: !0,
+      enumerable: !0,
+      configurable: !0
+    }), c?.(ve));
+  }, e[30] = o, e[31] = l, e[32] = c, e[33] = K) : K = e[33];
+  const me = K;
+  if (Oe || Ie)
+    return null;
+  const ue = `checkbox-field-root ${ge}`, he = `container ${xe}`, fe = `input ${ke}`, be = !l && !ye ? 0 : -1;
+  let k;
+  e[34] !== me || e[35] !== s || e[36] !== v || e[37] !== ce || e[38] !== o || e[39] !== l || e[40] !== a || e[41] !== $ || e[42] !== m || e[43] !== ae || e[44] !== Z || e[45] !== i || e[46] !== fe || e[47] !== be || e[48] !== ie ? (k = /* @__PURE__ */ n("input", { ref: $, id: v, name: a, readOnly: l, disabled: o, className: fe, tabIndex: be, "data-testid": "test-checkbox-field-input", "data-state-size": Z, "data-state-error": s, "data-state-variant": ie, "data-state-rounded": ae, "data-state-read-only": l, "data-state-skeletonize": i, ...m, type: "checkbox", checked: ce, onChange: me }), e[34] = me, e[35] = s, e[36] = v, e[37] = ce, e[38] = o, e[39] = l, e[40] = a, e[41] = $, e[42] = m, e[43] = ae, e[44] = Z, e[45] = i, e[46] = fe, e[47] = be, e[48] = ie, e[49] = k) : k = e[49];
+  let Q;
+  e[50] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ n(De, { customClass: "checkmark", name: "checkmark", colorStyle: "default" }), e[50] = Q) : Q = e[50];
+  let g;
+  e[51] !== k ? (g = /* @__PURE__ */ M("div", { className: "input-root", children: [
+    k,
+    Q
+  ] }), e[51] = k, e[52] = g) : g = e[52];
+  let x;
+  e[53] !== oe || e[54] !== p || e[55] !== v || e[56] !== o || e[57] !== l || e[58] !== r || e[59] !== le || e[60] !== t.required || e[61] !== i ? (x = p && /* @__PURE__ */ n("label", { className: `label ${oe}`, title: r, htmlFor: v, "aria-readonly": l, "aria-disabled": o, "data-testid": "test-checkbox-field-label", "data-state-skeletonize": i, "data-state-disabled": o, "data-state-read-only": l, "data-state-uppercase": le, "data-state-input-required": t.required, children: r }), e[53] = oe, e[54] = p, e[55] = v, e[56] = o, e[57] = l, e[58] = r, e[59] = le, e[60] = t.required, e[61] = i, e[62] = x) : x = e[62];
+  let y;
+  e[63] !== C || e[64] !== p || e[65] !== b || e[66] !== de || e[67] !== t.hint || e[68] !== i || e[69] !== ne ? (y = p && C && b === "onLabelRight" && !i && /* @__PURE__ */ n(Le, { customClass: "label-popover", theme: ne, align: de, iconColor: "#03bde2", children: /* @__PURE__ */ n(Be, { text: t?.hint }) }), e[63] = C, e[64] = p, e[65] = b, e[66] = de, e[67] = t.hint, e[68] = i, e[69] = ne, e[70] = y) : y = e[70];
+  let I;
+  e[71] !== i || e[72] !== he || e[73] !== g || e[74] !== x || e[75] !== y ? (I = /* @__PURE__ */ M("div", { "data-state-skeletonize": i, className: he, children: [
+    g,
+    x,
+    y
+  ] }), e[71] = i, e[72] = he, e[73] = g, e[74] = x, e[75] = y, e[76] = I) : I = e[76];
+  let O;
+  e[77] !== C || e[78] !== b || e[79] !== o || e[80] !== t.hint || e[81] !== i ? (O = b === "below" && /* @__PURE__ */ n($e, { customClass: "hint", description: t.hint, disabled: o, skeletonize: i, visible: C }), e[77] = C, e[78] = b, e[79] = o, e[80] = t.hint, e[81] = i, e[82] = O) : O = e[82];
+  let N;
+  e[83] !== d || e[84] !== s || e[85] !== a || e[86] !== i ? (N = s && /* @__PURE__ */ n("span", { className: "error", "data-state-skeletonize": i, "aria-describedby": String(a).concat("-errors"), children: d?.map(Se) }), e[83] = d, e[84] = s, e[85] = a, e[86] = i, e[87] = N) : N = e[87];
+  let P;
+  e[88] !== s || e[89] !== ue || e[90] !== I || e[91] !== O || e[92] !== N ? (P = /* @__PURE__ */ M("div", { ref: pe, "data-testid": "test-chebox-field-root", className: ue, "data-state-error": s, children: [
+    I,
+    O,
+    N
+  ] }), e[88] = s, e[89] = ue, e[90] = I, e[91] = O, e[92] = N, e[93] = P) : P = e[93];
+  let z;
+  e[94] !== se || e[95] !== P ? (z = /* @__PURE__ */ n(Ae, { cols: se, children: P }), e[94] = se, e[95] = P, e[96] = z) : z = e[96];
+  let R;
+  e[97] !== u || e[98] !== h || e[99] !== f ? (R = /* @__PURE__ */ n(_e, { targetRef: pe, text: u, width: f, position: h }), e[97] = u, e[98] = h, e[99] = f, e[100] = R) : R = e[100];
+  let X;
+  return e[101] !== z || e[102] !== R ? (X = /* @__PURE__ */ M(Ce, { children: [
+    z,
+    R
+  ] }), e[101] = z, e[102] = R, e[103] = X) : X = e[103], X;
+});
+qe.displayName = "CheckboxFieldInput";
+function Se(t, $) {
+  return /* @__PURE__ */ M(Ce, { children: [
+    t,
+    " "
+  ] }, `${$ + 1}-${t}`);
+}
+export {
+  qe as Input
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/checkboxfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/checkboxfield/index.tsx"],"sourcesContent":["import '../../assets/styles/checkbox2.scss';\n\nimport _ from 'lodash';\nimport { ChangeEvent, ComponentProps, forwardRef, Fragment, useRef } from 'react';\nimport Hint from '../../hint';\nimport Icon from '../../icons';\nimport GridCol from '../../gridlayout';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\nimport type { Size } from '../../@types/Size';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { ITooltipCommonProps } from '../../tooltip/types';\nimport type { Position, HintPosition } from '../../@types/Position';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\n\ntype InputHTMLProps = Omit<ComponentProps<'input'>, 'size' | 'type'>;\ninterface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  size?: Exclude<Size, 'mini'>;\n  variant?: 'default' | 'secondary';\n  errors?: string[];\n  gridLayout?: string;\n  customClass?: string;\n  customClassLabel?: string;\n  customClassWrapper?: string;\n  customClassInputContainer?: string;\n  rounded?: boolean;\n  readOnly?: boolean;\n  skeletonize?: boolean\n  labelUppercase?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n  tabIndex?: number;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = forwardRef<HTMLInputElement, CheckboxFieldInputProps>((props, ref) => {\n  const {\n    name, label, errors, onChange, size = 'default', onDeniedActions = undefined, permissionAttr = undefined,\n    variant = 'default', customClass = '', customClassLabel = '', customClassWrapper = '', labelUppercase = false,\n    rounded = false, customClassInputContainer = '', skeletonize = false, hintPosition = 'below', gridLayout = undefined,\n    themePopover = 'light', popoverAlign = 'left', tooltip, tooltipPosition, tooltipWidth, tabIndex = 0, ...rest\n  } = props;\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const inputId = props.id || `checkboxfield-${name}`;\n  const inputRootRef = useRef<HTMLInputElement | null>(null);\n\n  const isChecked = props.checked ?? Boolean(props.value);\n  const hasLabel = !_.isEmpty(props?.label);\n  const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(props.disabled || onDenied.disabled);\n  const hasHintMessages = Boolean(props.hint?.length);\n  const hasValidationErrors = Boolean(errors?.length);\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (isReadOnly || isDisabled) return;\n    Object.defineProperty(event.target, 'value', {\n      value: event.target.checked,\n      writable: true,\n      enumerable: true,\n      configurable: true,\n    });\n    onChange?.(event);\n  };\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <Fragment>\n      <GridCol cols={gridLayout}>\n        <div\n          ref={inputRootRef}\n          data-testid=\"test-chebox-field-root\"\n          className={`checkbox-field-root ${customClassWrapper}`}\n          data-state-error={hasValidationErrors}>\n          <div\n            data-state-skeletonize={skeletonize}\n            className={`container ${customClassInputContainer}`}>\n            <div className='input-root'>\n              <input\n                ref={ref}\n                id={inputId}\n                name={name}\n                readOnly={isReadOnly}\n                disabled={isDisabled}\n                className={`input ${customClass}`}\n                tabIndex={!isReadOnly && !tabIndex ? 0 : -1}\n                data-testid=\"test-checkbox-field-input\"\n                data-state-size={size}\n                data-state-error={hasValidationErrors}\n                data-state-variant={variant}\n                data-state-rounded={rounded}\n                data-state-read-only={isReadOnly}\n                data-state-skeletonize={skeletonize}\n                {...rest}\n                type=\"checkbox\"\n                checked={isChecked}\n                onChange={handleOnChange} />\n              <Icon customClass=\"checkmark\" name=\"checkmark\" colorStyle=\"default\" />\n            </div>\n            {hasLabel && (\n              <label\n                className={`label ${customClassLabel}`}\n                title={label}\n                htmlFor={inputId}\n                aria-readonly={isReadOnly}\n                aria-disabled={isDisabled}\n                data-testid=\"test-checkbox-field-label\"\n                data-state-skeletonize={skeletonize}\n                data-state-disabled={isDisabled}\n                data-state-read-only={isReadOnly}\n                data-state-uppercase={labelUppercase}\n                data-state-input-required={props.required}>\n                {label}\n              </label>\n            )}\n            {hasLabel && hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n              <Popover\n                customClass=\"label-popover\"\n                theme={themePopover}\n                align={popoverAlign}\n                iconColor=\"#03bde2\">\n                <PopoverText text={props?.hint} />\n              </Popover>\n            )}\n          </div>\n          {hintPosition === 'below' && (\n            <Hint\n              customClass=\"hint\"\n              description={props.hint}\n              disabled={isDisabled}\n              skeletonize={skeletonize}\n              visible={hasHintMessages} />\n          )}\n          {hasValidationErrors && (\n            <span\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(name).concat('-errors')}>\n              {errors?.map((error, index) => (\n                <Fragment key={`${index + 1}-${error}`}>\n                  {error}\n&nbsp;\n                </Fragment>\n              ))}\n            </span>\n          )}\n        </div>\n      </GridCol>\n      <Tooltip\n        targetRef={inputRootRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </Fragment>\n  );\n});\n\nInput.displayName = 'CheckboxFieldInput';\n\nexport { Input };\nexport type { CheckboxFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","errors","label","name","onChange","rest","t0","t1","t10","t11","t12","t13","t14","t15","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","size","onDeniedActions","permissionAttr","variant","customClass","customClassLabel","customClassWrapper","labelUppercase","rounded","customClassInputContainer","skeletonize","hintPosition","gridLayout","themePopover","popoverAlign","tabIndex","undefined","t16","actionsOnPermissionDenied","onDenied","inputId","id","inputRootRef","useRef","isChecked","checked","Boolean","value","t17","_","isEmpty","hasLabel","isReadOnly","isDisabled","hasHintMessages","hint","length","hasValidationErrors","t18","event","Object","defineProperty","target","writable","enumerable","configurable","handleOnChange","t19","t20","t21","t22","t23","t24","Symbol","for","Icon","t25","jsxs","t26","required","jsx","t27","Popover","PopoverText","t28","t29","Hint","t30","String","concat","map","_temp","t31","t32","GridCol","t33","Tooltip","t34","Fragment","displayName","error","index"],"mappings":"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"}

package/lib/inputs2/colorfield/index.d.ts

@@ -0,0 +1,8 @@
+import { LeftSlot, RightSlot } from '../slot';
+import * as TextField from '../textfield';
+interface ColorFieldInputProps extends TextField.TextFieldInputProps {
+    isTypeText?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<ColorFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input, LeftSlot, RightSlot };
+export type { ColorFieldInputProps };

package/lib/inputs2/colorfield/index.js

@@ -0,0 +1,92 @@
+import { jsxs as B, jsx as h, Fragment as G } from "react/jsx-runtime";
+import { c as H } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';import '../../assets/styles/colorpicker.css';/* empty css                                   */
+import { forwardRef as J, useRef as L, useLayoutEffect as M } from "react";
+import { LeftSlot as Q, RightSlot as U } from "../slot/index.js";
+import { Input as W } from "../textfield/index.js";
+import X from "../../buttons/Button.js";
+/* empty css                            */
+import "react-dom";
+/* empty css                               */
+/* empty css                              */
+import { actionsOnPermissionDenied as Y, OPTIONS_ON_DENIED as N } from "../../permissionValidations.js";
+const Z = [N.disabled, N.unvisible, N.readOnly, N.hideContent], ee = J((R, T) => {
+  const e = H.c(39);
+  let r, l, i, f, m, p, d;
+  e[0] !== R ? ({
+    name: r,
+    isTypeText: f,
+    defaultValue: m,
+    onChange: l,
+    permissionAttr: p,
+    onDeniedActions: d,
+    ...i
+  } = R, e[0] = R, e[1] = r, e[2] = l, e[3] = i, e[4] = f, e[5] = m, e[6] = p, e[7] = d) : (r = e[1], l = e[2], i = e[3], f = e[4], m = e[5], p = e[6], d = e[7]);
+  const n = f === void 0 ? !0 : f, o = m === void 0 ? "" : m, F = p === void 0 ? void 0 : p, $ = d === void 0 ? void 0 : d, V = L(null), y = L(null), _ = L(null), K = $ || Y(Z, F), {
+    hideContent: q,
+    unvisible: z
+  } = K;
+  let g;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (g = (t) => {
+    _.current && (_.current.style.backgroundColor = t), V.current && V.current.value !== t && (V.current.value = t), y.current && y.current.value !== t && (y.current.value = t);
+  }, e[8] = g) : g = e[8];
+  const C = g;
+  let v;
+  e[9] !== l ? (v = (t) => {
+    const P = t.target.value;
+    C(P), l?.(t);
+  }, e[9] = l, e[10] = v) : v = e[10];
+  const E = v;
+  let b;
+  e[11] !== l ? (b = (t) => {
+    const P = t.target.value;
+    C(P), l?.(t);
+  }, e[11] = l, e[12] = b) : b = e[12];
+  const O = b;
+  let x;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    y.current?.click();
+  }, e[13] = x) : x = e[13];
+  const j = x;
+  let S, I;
+  if (e[14] !== o ? (S = () => {
+    C(String(o));
+  }, I = [o, C], e[14] = o, e[15] = S, e[16] = I) : (S = e[15], I = e[16]), M(S, I), z || q)
+    return null;
+  const w = n ? "text" : "color", A = String(o);
+  let k;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+    borderLeft: "1px solid #eeee"
+  }, e[17] = k) : k = e[17];
+  let s;
+  e[18] !== o || e[19] !== n ? (s = n && /* @__PURE__ */ h(Q, { children: /* @__PURE__ */ h("div", { style: {
+    backgroundColor: String(o)
+  }, ref: _, className: "colorpicker-colormirror" }) }), e[18] = o, e[19] = n, e[20] = s) : s = e[20];
+  let c;
+  e[21] !== n ? (c = n && /* @__PURE__ */ h(U, { children: /* @__PURE__ */ h(X, { className: "colorpicker-palettebutton", onClick: j, onKeyDown: (t) => {
+    (t.code === "Space" || t.key === " ") && (t.preventDefault(), j());
+  }, iconName: "pallete" }) }), e[21] = n, e[22] = c) : c = e[22];
+  let a;
+  e[23] !== E || e[24] !== r || e[25] !== T || e[26] !== i || e[27] !== w || e[28] !== A || e[29] !== s || e[30] !== c ? (a = /* @__PURE__ */ B(W, { ...i, ref: T, name: r, type: w, defaultValue: A, style: k, onChange: E, children: [
+    s,
+    c
+  ] }), e[23] = E, e[24] = r, e[25] = T, e[26] = i, e[27] = w, e[28] = A, e[29] = s, e[30] = c, e[31] = a) : a = e[31];
+  let u;
+  e[32] !== o || e[33] !== O || e[34] !== n ? (u = n && /* @__PURE__ */ h("input", { ref: y, type: "color", style: {
+    position: "absolute",
+    opacity: 0,
+    pointerEvents: "none"
+  }, defaultValue: String(o), onChange: O, tabIndex: -1 }), e[32] = o, e[33] = O, e[34] = n, e[35] = u) : u = e[35];
+  let D;
+  return e[36] !== a || e[37] !== u ? (D = /* @__PURE__ */ B(G, { children: [
+    a,
+    u
+  ] }), e[36] = a, e[37] = u, e[38] = D) : D = e[38], D;
+});
+ee.displayName = "ColorFieldInput";
+export {
+  ee as Input,
+  Q as LeftSlot,
+  U as RightSlot
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/colorfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/colorfield/index.tsx"],"sourcesContent":["import '../../assets/styles/colorpicker.scss';\nimport { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { LeftSlot, RightSlot } from '../slot';\nimport * as TextField from '../textfield';\nimport Button from '../../../lib/buttons';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../../lib/permissionValidations';\nimport { OnDenied } from '../../../lib/@types/PermissionAttr';\n\ninterface ColorFieldInputProps extends TextField.TextFieldInputProps {\n  isTypeText?: boolean;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst Input = forwardRef<HTMLInputElement, ColorFieldInputProps>((props, ref) => {\n  const {\n    name,\n    isTypeText = true,\n    defaultValue = '',\n    onChange,\n    permissionAttr = undefined,\n    onDeniedActions = undefined,\n    ...restProps\n  } = props;\n  const inputRefText = useRef<HTMLInputElement>(null);\n  const inputRefColor = useRef<HTMLInputElement>(null);\n  const mirrorRef = useRef<HTMLDivElement>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n\n  const syncColorValues = (value: string) => {\n    if (mirrorRef.current) {\n      mirrorRef.current.style.backgroundColor = value;\n    }\n    if (inputRefText.current && inputRefText.current.value !== value) {\n      inputRefText.current.value = value;\n    }\n    if (inputRefColor.current && inputRefColor.current.value !== value) {\n      inputRefColor.current.value = value;\n    }\n  };\n\n  const handleTextInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const handleColorInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const onPaletteButtonClick = () => {\n    inputRefColor.current?.click();\n  };\n\n  useLayoutEffect(() => {\n    syncColorValues(String(defaultValue));\n  }, [defaultValue, syncColorValues]);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <>\n      <TextField.Input\n        {...restProps}\n        ref={ref}\n        name={name}\n        type={isTypeText ? 'text' : 'color'}\n        defaultValue={String(defaultValue)}\n        style={{ borderLeft: '1px solid #eeee' }}\n        onChange={handleTextInputChange}>\n        {isTypeText && (\n          <LeftSlot>\n            <div\n              style={{ backgroundColor: String(defaultValue) }}\n              ref={mirrorRef}\n              className=\"colorpicker-colormirror\" />\n          </LeftSlot>\n        )}\n        {isTypeText && (\n          <RightSlot>\n            <Button\n              className=\"colorpicker-palettebutton\"\n              onClick={onPaletteButtonClick}\n              onKeyDown={(e) => {\n                if (e.code === 'Space' || e.key === ' ') {\n                  e.preventDefault();\n                  onPaletteButtonClick();\n                }\n              }}\n              iconName=\"pallete\" />\n          </RightSlot>\n        )}\n      </TextField.Input>\n      {isTypeText && (\n        <input\n          ref={inputRefColor}\n          type=\"color\"\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n          defaultValue={String(defaultValue)}\n          onChange={handleColorInputChange}\n          tabIndex={-1} />\n      )}\n    </>\n  );\n});\n\nInput.displayName = 'ColorFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { ColorFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","name","onChange","restProps","t0","t1","t2","t3","isTypeText","defaultValue","permissionAttr","onDeniedActions","undefined","inputRefText","useRef","inputRefColor","mirrorRef","onDenied","actionsOnPermissionDenied","t4","Symbol","for","value","current","style","backgroundColor","syncColorValues","t5","e","newValue","target","handleTextInputChange","t6","e_0","newValue_0","handleColorInputChange","t7","click","onPaletteButtonClick","t8","t9","String","useLayoutEffect","t10","t11","t12","borderLeft","t13","jsx","LeftSlot","t14","RightSlot","Button","e_1","code","key","preventDefault","t15","t16","position","opacity","pointerEvents","t17","displayName"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAGzBC,KAAQC,EAAmD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAR,SAAAF,KAC/D;AAAA,IAAAI,MAAAA;AAAAA,IAAAO,YAAAJ;AAAAA,IAAAK,cAAAJ;AAAAA,IAAAH,UAAAA;AAAAA,IAAAQ,gBAAAJ;AAAAA,IAAAK,iBAAAJ;AAAAA,IAAA,GAAAJ;AAAAA,EAAAA,IAQIN,GAAME,OAAAF,GAAAE,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,MAAAN,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA;AANR,QAAAS,IAAAJ,MAAAQ,SAAA,KAAAR,GACAK,IAAAJ,MAAAO,SAAA,KAAAP,GAEAK,IAAAJ,MAAAM,SAAAA,SAAAN,GACAK,IAAAJ,MAAAK,SAAAA,SAAAL,GAGFM,IAAqBC,EAAyB,IAAI,GAClDC,IAAsBD,EAAyB,IAAI,GACnDE,IAAkBF,EAAuB,IAAI,GAC7CG,IAA2BN,KAAmBO,EAA0B7B,GAASqB,CAAc,GAC/F;AAAA,IAAAhB,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCyB;AAAS,MAAAE;AAAA,EAAApB,EAAA,CAAA,MAAAqB,OAAAC,IAAA,2BAAA,KAEpBF,IAAAG,CAAAA,MAAA;AACtB,IAAIN,EAASO,YACXP,EAASO,QAAQC,MAAMC,kBAAmBH,IAExCT,EAAYU,WAAYV,EAAYU,QAAQD,UAAWA,MACzDT,EAAYU,QAAQD,QAASA,IAE3BP,EAAaQ,WAAYR,EAAaQ,QAAQD,UAAWA,MAC3DP,EAAaQ,QAAQD,QAASA;AAAAA,EAC/B,GACFvB,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAVD,QAAA2B,IAAwBP;AAUtB,MAAAQ;AAAA,EAAA5B,SAAAG,KAE4ByB,IAAAC,CAAAA,MAAA;AAC5B,UAAAC,IAAiBD,EAACE,OAAOR;AACzBI,IAAAA,EAAgBG,CAAQ,GACxB3B,IAAW0B,CAAC;AAAA,EAAC,GACd7B,OAAAG,GAAAH,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA;AAJD,QAAAgC,IAA8BJ;AAI5B,MAAAK;AAAA,EAAAjC,UAAAG,KAE6B8B,IAAAC,CAAAA,MAAA;AAC7B,UAAAC,IAAiBN,EAACE,OAAOR;AACzBI,IAAAA,EAAgBG,CAAQ,GACxB3B,IAAW0B,CAAC;AAAA,EAAC,GACd7B,QAAAG,GAAAH,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAJD,QAAAoC,IAA+BH;AAI7B,MAAAI;AAAA,EAAArC,EAAA,EAAA,MAAAqB,OAAAC,IAAA,2BAAA,KAE2Be,IAAAA,MAAA;AAC3BrB,IAAAA,EAAaQ,SAAec,MAAAA;AAAAA,EAAE,GAC/BtC,QAAAqC,KAAAA,IAAArC,EAAA,EAAA;AAFD,QAAAuC,IAA6BF;AAE3B,MAAAG,GAAAC;AAMF,MANEzC,UAAAU,KAEc8B,IAAAA,MAAA;AACdb,IAAAA,EAAgBe,OAAOhC,CAAY,CAAC;AAAA,EAAC,GACpC+B,IAAA,CAAC/B,GAAciB,CAAe,GAAC3B,QAAAU,GAAAV,QAAAwC,GAAAxC,QAAAyC,MAAAD,IAAAxC,EAAA,EAAA,GAAAyC,IAAAzC,EAAA,EAAA,IAFlC2C,EAAgBH,GAEbC,CAA+B,GAE9BhD,KAAAE;AAAwB,WAAS;AAQzB,QAAAiD,IAAAnC,IAAA,SAAA,SACQoC,IAAAH,OAAOhC,CAAY;AAAC,MAAAoC;AAAA,EAAA9C,EAAA,EAAA,MAAAqB,OAAAC,IAAA,2BAAA,KAC3BwB,IAAA;AAAA,IAAAC,YAAc;AAAA,EAAA,GAAmB/C,QAAA8C,KAAAA,IAAA9C,EAAA,EAAA;AAAA,MAAAgD;AAAA,EAAAhD,EAAA,EAAA,MAAAU,KAAAV,UAAAS,KAEvCuC,IAAAvC,KACC,gBAAAwC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAA,SACS,OAAA;AAAA,IAAAvB,iBAAmBgB,OAAOhC,CAAY;AAAA,EAAA,GACxCO,KAAAA,GACK,WAAA,2BAAyB,EAAA,CACvC,GACDjB,QAAAU,GAAAV,QAAAS,GAAAT,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAA,MAAAmD;AAAA,EAAAnD,UAAAS,KACA0C,IAAA1C,KACC,gBAAAwC,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EACW,WAAA,6BACDd,SAAAA,GACE,WAAAe,CAAAA,MAAA;AACT,KAAIzB,EAAC0B,SAAU,WAAW1B,EAAC2B,QAAS,SAClC3B,EAAC4B,eAAAA,GACDlB,EAAAA;AAAAA,EACD,GAEM,UAAA,UAAA,CAAS,GACtB,GACDvC,QAAAS,GAAAT,QAAAmD,KAAAA,IAAAnD,EAAA,EAAA;AAAA,MAAA0D;AAAA,EAAA1D,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAD,KAAAC,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAA4C,KAAA5C,EAAA,EAAA,MAAA6C,KAAA7C,EAAA,EAAA,MAAAgD,KAAAhD,UAAAmD,KA7BHO,8BACMtD,GACCL,KAAAA,GACCG,MAAAA,GACA,MAAA0C,GACQ,cAAAC,GACP,OAAAC,GACGd,UAAAA,GACTgB,UAAAA;AAAAA,IAAAA;AAAAA,IAQAG;AAAAA,EAAAA,GAcH,GAAkBnD,QAAAgC,GAAAhC,QAAAE,GAAAF,QAAAD,GAAAC,QAAAI,GAAAJ,QAAA4C,GAAA5C,QAAA6C,GAAA7C,QAAAgD,GAAAhD,QAAAmD,GAAAnD,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA;AAAA,MAAA2D;AAAA,EAAA3D,EAAA,EAAA,MAAAU,KAAAV,UAAAoC,KAAApC,EAAA,EAAA,MAAAS,KACjBkD,IAAAlD,KACC,gBAAAwC,EAAA,SAAA,EACOjC,KAAAA,GACA,MAAA,SACE,OAAA;AAAA,IAAA4C,UAAY;AAAA,IAAUC,SAAW;AAAA,IAACC,eAAiB;AAAA,EAAA,GAC5C,cAAApB,OAAOhC,CAAY,GACvB0B,aACA,UAAA,IAAE,GACfpC,QAAAU,GAAAV,QAAAoC,GAAApC,QAAAS,GAAAT,QAAA2D,KAAAA,IAAA3D,EAAA,EAAA;AAAA,MAAA+D;AAAA,SAAA/D,EAAA,EAAA,MAAA0D,KAAA1D,UAAA2D,KAxCHI,2BACEL,UAAAA;AAAAA,IAAAA;AAAAA,IA+BCC;AAAAA,EAAAA,GAQA,GACA3D,QAAA0D,GAAA1D,QAAA2D,GAAA3D,QAAA+D,KAAAA,IAAA/D,EAAA,EAAA,GAzCH+D;AAyCG,CAEN;AAEDnE,GAAMoE,cAAc;"}

package/lib/inputs2/date/base/constants.d.ts

@@ -0,0 +1,4 @@
+import { CSSProperties, RefObject } from 'react';
+export declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: RefObject<HTMLDivElement | null>) => {
+    calendarBoxStyles: CSSProperties;
+};

package/lib/inputs2/date/base/constants.js

@@ -0,0 +1,39 @@
+import { c as v } from "../../../_virtual/compiler-runtime.js";
+import { useState as E, useEffect as a } from "react";
+const L = (o, s) => {
+  const e = v.c(7);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {}, e[0] = i) : i = e[0];
+  const [c, w] = E(i);
+  let r, n;
+  e[1] !== o || e[2] !== s ? (r = () => {
+    const t = () => {
+      const d = s.current?.getBoundingClientRect();
+      if (d) {
+        const {
+          top: u,
+          left: m,
+          width: f,
+          height: p
+        } = d;
+        w({
+          top: u + p + window.scrollY,
+          left: m + window.scrollX,
+          width: f,
+          position: "absolute"
+        });
+      }
+    };
+    return o && (t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0)), () => {
+      window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+    };
+  }, n = [o, s], e[1] = o, e[2] = s, e[3] = r, e[4] = n) : (r = e[3], n = e[4]), a(r, n);
+  let l;
+  return e[5] !== c ? (l = {
+    calendarBoxStyles: c
+  }, e[5] = c, e[6] = l) : l = e[6], l;
+};
+export {
+  L as useCalendarPosition
+};
+//# sourceMappingURL=constants.js.map

package/lib/inputs2/date/base/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/lib/inputs2/date/base/constants.ts"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useState } from \"react\";\n\nexport const useCalendarPosition = (\n  calendarBoxOpen: boolean,\n  containerRef: RefObject<HTMLDivElement | null>,\n) => {\n  const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        setCalendarBoxStyles({\n          top: top + height + window.scrollY,\n          left: left + window.scrollX,\n          width: width,\n          position: 'absolute',\n        });\n      }\n    };\n\n    if (calendarBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [calendarBoxOpen, containerRef]);\n\n  return { calendarBoxStyles };\n};\n"],"names":["useCalendarPosition","calendarBoxOpen","containerRef","$","_c","t0","Symbol","for","calendarBoxStyles","setCalendarBoxStyles","useState","t1","t2","updatePosition","selectPositionOnScreen","current","getBoundingClientRect","top","left","width","height","window","scrollY","scrollX","position","addEventListener","removeEventListener","useEffect","t3"],"mappings":";;AAEO,MAAMA,IAAsBA,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAIyCF,QAAEF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAA5E,QAAA,CAAAK,GAAAC,CAAA,IAAkDC,EAAwBL,CAAE;AAAE,MAAAM,GAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAEpES,IAAAA,MAAA;AACR,UAAAE,IAAuBA,MAAA;AACrB,YAAAC,IAA+BZ,EAAYa,SAA+BC,sBAAAA;AAC1E,UAAIF,GAAsB;AACxB,cAAA;AAAA,UAAAG,KAAAA;AAAAA,UAAAC,MAAAA;AAAAA,UAAAC,OAAAA;AAAAA,UAAAC,QAAAA;AAAAA,QAAAA,IAAqCN;AACrCL,QAAAA,EAAqB;AAAA,UAAAQ,KACdA,IAAMG,IAASC,OAAMC;AAAAA,UAAQJ,MAC5BA,IAAOG,OAAME;AAAAA,UAAQJ,OAAAA;AAAAA,UAAAK,UAEjB;AAAA,QAAA,CACX;AAAA,MAAC;AAAA,IACH;AAGH,WAAIvB,MACFY,EAAAA,GACAQ,OAAMI,iBAAkB,UAAUZ,CAAc,GAChDQ,OAAMI,iBAAkB,UAAUZ,GAAgB,EAAI,IAGjD,MAAA;AACLQ,aAAMK,oBAAqB,UAAUb,CAAc,GACnDQ,OAAMK,oBAAqB,UAAUb,GAAgB,EAAI;AAAA,IAAC;AAAA,EAC3D,GACAD,IAAA,CAACX,GAAiBC,CAAY,GAACC,OAAAF,GAAAE,OAAAD,GAAAC,OAAAQ,GAAAR,OAAAS,MAAAD,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,IAxBlCwB,EAAUhB,GAwBPC,CAA+B;AAAC,MAAAgB;AAAA,SAAAzB,SAAAK,KAE5BoB,IAAA;AAAA,IAAApB,mBAAAA;AAAAA,EAAAA,GAAqBL,OAAAK,GAAAL,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GAArByB;AAAqB;"}

package/lib/inputs2/date/base/index.d.ts

@@ -0,0 +1,6 @@
+import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types';
+export declare const Root: import('react').ForwardRefExoticComponent<BaseDateInputRootProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<BaseDateInputLabelProps & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const Container: import('react').ForwardRefExoticComponent<BaseDateInputContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<BaseDateInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Triggers: import('react').ForwardRefExoticComponent<BaseDateInputTriggersProps & import('react').RefAttributes<HTMLDivElement>>;