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

package/lib/inputs/period/index.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import '../../assets/styles/gridlayout.css';import '../../assets/styles/button.css';import '../../assets/styles/periodpicker.css';/* empty css                                    */
+import '../../assets/styles/button.css';import '../../assets/styles/periodpicker.css';/* empty css                                    */
 import { useId as se, useState as v, useRef as h, useCallback as ce, useEffect as L } from "react";
 import l from "../../node_modules/moment/dist/moment.js";
 import ye from "./PeriodList.js";
@@ -8,17 +8,16 @@ import U from "./Dropdown.js";
 import Oe from "../../calendar/base/index.js";
 import "../../_virtual/compiler-runtime.js";
 import de from "../../buttons/Button.js";
-import W from "../../icons/index.js";
 /* empty css                              */
+import W from "../../icons/index.js";
 import $ from "./Dialog.js";
 import ke from "../../hint/index.js";
-/* empty css                                  */
 import xe from "../../gridlayout/GridCol.js";
 import { getInputWrapperClass as Le } from "../base/helpers.js";
 import { ErrorMessage as Ee } from "../errorMessage/index.js";
 import me from "../../textContent/index.js";
 import Ve from "../../popover/index.js";
-const ln = (n) => {
+const tn = (n) => {
   const {
     showButtonOpen: R = !0,
     openOnFocus: ge = !0,
@@ -195,6 +194,6 @@ const ln = (n) => {
   return K ? /* @__PURE__ */ i(xe, { customClass: "-withinput", cols: K, children: ue() }) : ue();
 };
 export {
-  ln as default
+  tn as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/period/index.tsx"],"sourcesContent":["import '../../assets/styles/periodpicker.scss';\n\nimport { useEffect, useRef, useState, FocusEvent as ReactFocusEvent, useCallback, useId } from 'react';\nimport moment, { Moment } from 'moment';\nimport PeriodList from './PeriodList';\nimport BaseMask from '../mask/BaseMask';\nimport Dropdown from './Dropdown';\nimport Calendar from '../../calendar';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Dialog from './Dialog';\nimport Hint from '../../hint';\nimport Grid from '../../gridlayout';\nimport * as helperBase from '../base/helpers';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { ChangeInputPeriodEvent, TypeCurrentDate, DateTypes, IPeriodPickerProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover from '../../popover';\n\nconst PeriodPicker = (props: IPeriodPickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, calendarColorStyle,\n    showCalendarInDialog = false, dialogSize = { width: '350px', height: '350px' }, hint, hintPosition = 'below',\n    themePopover = 'light', popoverAlign = 'left', gridLayout,\n  } = props;\n  const idValueInitial = useId();\n  const idValueFinal = useId();\n\n  const [valueInitial, setValueInitial] = useState<moment.Moment | undefined>(props.value && moment(props.value.initial, 'DD/MM/YYYY'));\n  const [valueFinal, setValueFinal] = useState<moment.Moment | undefined>(props.value && moment(props.value.final, 'DD/MM/YYYY'));\n  const [valuePeriodSelection, setValuePeriodSelection] = useState('week');\n  const [showCalendarValueInitial, setShowCalendarValueInitial] = useState(false);\n  const [showCalendarValueFinal, setShowCalendarValueFinal] = useState(false);\n  const [showPeriodSelection, setShowPeriodSelection] = useState(false);\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [currentTypeDate, setCurrentTypeDate] = useState<TypeCurrentDate>('valueInitial');\n\n  const wrapperBaseInputPeriodRef = useRef<HTMLDivElement | null>(null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputInitialRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement | null>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const buttonSelectPeriodRef = useRef<HTMLButtonElement | null>(null);\n  const dropdownCalendarContainer = useRef<HTMLDivElement | null>(null);\n  const inputFinalRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputContainerRef?.current?.getBoundingClientRect());\n  };\n\n  const onBlurWithoutWrapper = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !wrapperBaseInputPeriodRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendarValueInitial && focusOnAnotherField) { \n      setShowCalendarValueInitial(false); \n    }\n    if (!showCalendarInDialog && showCalendarValueFinal && focusOnAnotherField) { \n      setShowCalendarValueFinal(false); \n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    const { target } = event;\n    const targetElement = target as HTMLInputElement;\n    if (calendarContainerRef.current && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      targetElement.focus();\n      if (showCalendarValueInitial) {\n        if (targetElement.id !== 'valueInitial') {\n          inputInitialRef.current?.focus();\n        }\n        setShowCalendarValueInitial(false);\n      }\n      if (showCalendarValueFinal) {\n        if (targetElement.id !== 'valueFinal') {\n          inputFinalRef.current?.focus();\n        }\n        setShowCalendarValueFinal(false);\n      }\n\n      if (showPeriodSelection) {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputContainerRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownCalendarContainer && dropdownCalendarContainer.current && inputDateDimensions) {\n      dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = (calendarName: string) => {\n    if (calendarName === 'valueInitial') {\n      setCurrentTypeDate('valueInitial');\n      setShowCalendarValueFinal(false);\n      if (!showCalendarValueInitial) {\n        inputInitialRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueInitial(true);\n      }\n    }\n    if (calendarName === 'valueFinal') {\n      setCurrentTypeDate('valueFinal');\n      setShowCalendarValueInitial(false);\n      if (!showCalendarValueFinal) {\n        inputFinalRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueFinal(true);\n      }\n    }\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closeCalendar = (calendarName: TypeCurrentDate) => {\n    if (calendarName === 'valueInitial') { inputInitialRef.current?.focus(); }\n    if (calendarName === 'valueFinal') { inputFinalRef.current?.focus(); }\n    setShowCalendarValueInitial(false);\n    setShowCalendarValueFinal(false);\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';\n    const final = date.final ? date.final.format('YYYY-MM-DD') : '';\n    props?.onChange?.(undefined, '', { initial, final });\n  };\n\n  const onCloseDateDialog = (calendarName: TypeCurrentDate | 'periodSelection') => {\n    setTimeout(() => {\n      if (calendarName === 'valueInitial') {\n        inputInitialRef.current?.focus();\n        setShowCalendarValueInitial(false);\n      }\n      if (calendarName === 'valueFinal') {\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n      if (calendarName === 'periodSelection') {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }, 100);\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    const { name } = e.target as HTMLInputElement;\n\n    if (openOnFocus) openCalendar(name);\n    if (props.onFocus) props.onFocus(e);\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const onInputChange = (event?: ChangeInputPeriodEvent) => {\n    if (event) {\n      const { name: changingAux, value } = event.target as HTMLInputElement;\n      if (String(value).trim().length === 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (\n    event: ChangeInputPeriodEvent,\n    value?: Moment | string,\n    shouldOpenDropdown = true,\n  ) => {\n    const valueDateName = event ? event.target.name : '';\n    const dateObj = moment(value, 'DD/MM/YYYY');\n    if (showCalendarValueInitial) inputInitialRef.current?.focus();\n    if (showCalendarValueFinal) inputFinalRef.current?.focus();\n\n    if (valueDateName === 'valueInitial') {\n      setValueInitial(dateObj);\n      onDateChange({ initial: dateObj, final: valueFinal });\n    } else {\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueInitial, final: dateObj });\n    }\n\n    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {\n      inputFinalRef.current?.focus();\n      setShowCalendarValueFinal(true);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowCalendarValueInitial(false);\n      setShowCalendarValueFinal(false);\n    }\n  };\n\n  const shouldDisable = () => {\n    const { disabled } = props;\n    return disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n  };\n\n  const getButtonOpen = useCallback(() => {\n    if (!showButtonOpen) return null;\n\n    return (\n      <Button\n        key=\"button-open\"\n        boxShadow={false}\n        disabled={shouldDisable()}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"calendar\" />}\n        onClick={() => {\n          if (showCalendarValueFinal || showCalendarValueInitial) {\n            closeCalendar(currentTypeDate);\n          } else {\n            openCalendar(currentTypeDate);\n          }\n        }}\n        tabIndex={-1}\n        targetRef={(ref) => { buttonOpenRef.current = ref; }} />\n    );\n  }, [showCalendarValueFinal, showCalendarValueInitial]);\n\n  const getPeriodSelection = (\n    valuePeriodSelectionAux: string,\n    setPeriodDates: (value: DateTypes | 'custom', date: Moment[] | null) => void,\n  ) => (\n    <PeriodList selected={valuePeriodSelectionAux} handleOnSelect={setPeriodDates} />\n  );\n\n  const openPeriodSelecion = () => {\n    setShowCalendarValueFinal(false);\n    setShowCalendarValueInitial(false);\n    setShowPeriodSelection(true);\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closePeriodSelection = () => {\n    setShowPeriodSelection(false);\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getButtonSelectPeriod = useCallback(() => {\n    return (\n      <Button\n        key=\"button-select-period\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"more1\" />}\n        onBlur={() => setTimeout(() => setShowPeriodSelection(false), 100)}\n        onClick={() => !showPeriodSelection ? openPeriodSelecion() : closePeriodSelection()}\n        targetRef={(ref) => { buttonSelectPeriodRef.current = ref; }} />\n    );\n  }, [showPeriodSelection]);\n\n  const getCalendar = (\n    value?: Moment,\n    calendarColorStyleCalendar?: ColorStyles,\n    valueDateName?: string,\n  ) => (\n    <Calendar\n      colorStyle={calendarColorStyleCalendar}\n      currentDate={value !== undefined ? moment(value) : moment()}\n      calendarContainer={(ref) => { calendarContainerRef.current = ref; }}\n      onDateChange={date => setValue({ target: { name: valueDateName } }, date)}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement} />\n  );\n\n  const setPeriodDates = (selected: DateTypes | 'custom', dates: Moment[] | null) => {\n    if (selected === 'custom') {\n      inputInitialRef.current?.focus();\n      setValuePeriodSelection(selected);\n      setShowPeriodSelection(false);\n      return;\n    }\n\n    setValuePeriodSelection(selected);\n    if (dates) {\n      setValueInitial(dates[0]);\n      setValueFinal(dates[1]);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowPeriodSelection(false);\n    }\n\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getCalendarInitial = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueInitial';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueInitial')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueInitial}>\n          {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n      </Dropdown>\n    );\n  };\n\n  const getCalendarFinal = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueFinal';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueFinal')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueFinal}>\n          {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n      </Dropdown>\n    );\n  };\n\n  const getPeriodOfDatesSelection = () => {\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('periodSelection')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowPeriodSelection}>\n          {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    if (inputContainerRef.current) onScreenResize();\n\n    if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;\n    if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDownPress);\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [\n    showCalendarValueFinal,\n    showCalendarValueInitial,\n    showPeriodSelection,\n    calendarContainerRef.current,\n  ]);\n\n  useEffect(() => {\n    if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {\n      setValueInitial(valueFinal);\n      setValueFinal(valueInitial);\n    } else if (props.onChange) {\n      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';\n      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';\n      props.onChange(undefined, '', { initial, final });\n    }\n  }, [valueInitial, valueFinal]);\n\n  useEffect(() => {\n    if (props.value && !(moment(props.value.initial).isSame(valueInitial) ||\n      moment(props.value.final).isSame(valueFinal))) {\n      const { initial: valueInitialProp, final: valueFinalProp } = props.value;\n\n      let newValueInitial;\n      let newValueFinal;\n\n      if (moment(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueInitial = moment(valueInitialProp, 'YYYY-MM-DD');\n      }\n\n      if (moment(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueFinal = moment(valueFinalProp, 'YYYY-MM-DD');\n      }\n      setValueInitial(newValueInitial);\n      setValueFinal(newValueFinal);\n    }\n  }, [props.value]);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div\n      ref={wrapperBaseInputPeriodRef}\n      onBlur={onBlurWithoutWrapper}\n      className=\"input-base-component datepicker-period-container\">\n      {props.label && (\n        <div className=\"labelcontainer\">\n          <TextContent\n            required={props.required}\n            className={props.customClassForLabel}\n            labelUppercase={props.labelUppercase} />\n          <div className=\"text-content\" style={{ display: 'flex' }}>\n            <div\n              className={`label ${props.customClassForLabel} ${props.labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {props.label}\n              {props.required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\"\n                  customClass=\"-hint\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  {hint}\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        className={\n          `periodpicker-component ${helperBase.getInputWrapperClass({\n            ...props,\n            value: !valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY'),\n            disabled: shouldDisable(),\n          })\n          }`\n        }\n        ref={inputContainerRef}>\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueInitial'\n          value={!valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputInitialRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => { setOnDenied(denied);}}\n          required={props.required} />\n        <Icon name=\"arrow_right\" customClass=\"separation_icon\" />\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueFinal'\n          value={!valueFinal ? '' : moment(valueFinal).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputFinalRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => setOnDenied(denied)}\n          required={props.required} />\n        {getButtonOpen()}\n        {getButtonSelectPeriod()}\n      </div>\n      {showCalendarValueInitial && getCalendarInitial()}\n      {showCalendarValueFinal && getCalendarFinal()}\n      {showPeriodSelection && getPeriodOfDatesSelection()}\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n      <ErrorMessage messages={props.errorMessages} />\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default PeriodPicker;\n"],"names":["PeriodPicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","calendarColorStyle","showCalendarInDialog","dialogSize","width","height","hint","hintPosition","themePopover","popoverAlign","gridLayout","idValueInitial","useId","idValueFinal","valueInitial","setValueInitial","useState","value","moment","initial","valueFinal","setValueFinal","final","valuePeriodSelection","setValuePeriodSelection","showCalendarValueInitial","setShowCalendarValueInitial","showCalendarValueFinal","setShowCalendarValueFinal","showPeriodSelection","setShowPeriodSelection","inputDimensions","setInputDimensions","onDenied","setOnDenied","currentTypeDate","setCurrentTypeDate","wrapperBaseInputPeriodRef","useRef","inputContainerRef","inputInitialRef","buttonOpenRef","currentDateButtonRef","buttonSelectPeriodRef","dropdownCalendarContainer","inputFinalRef","calendarContainerRef","onScreenResize","current","getBoundingClientRect","onBlurWithoutWrapper","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","target","targetElement","key","preventDefault","focus","id","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","calendarName","setTimeout","closeCalendar","onDateChange","date","format","onChange","undefined","onCloseDateDialog","onInputFocus","e","name","onFocus","onInputBlur","onBlur","onInputChange","changingAux","trim","length","setValue","shouldOpenDropdown","valueDateName","dateObj","shouldDisable","disabled","hideContent","getButtonOpen","useCallback","Button","Icon","ref","getPeriodSelection","valuePeriodSelectionAux","setPeriodDates","PeriodList","openPeriodSelecion","closePeriodSelection","getButtonSelectPeriod","jsx","getCalendar","calendarColorStyleCalendar","Calendar","buttonElement","selected","dates","getCalendarInitial","readOnly","Dialog","Dropdown","el","getCalendarFinal","getPeriodOfDatesSelection","useEffect","window","addEventListener","document","getElementById","removeEventListener","isBefore","isSame","valueInitialProp","valueFinalProp","newValueInitial","newValueFinal","isValid","unvisible","component","jsxs","label","TextContent","required","customClassForLabel","labelUppercase","display","alignSelf","Popover","margin","helperBase","BaseMask","permissionAttr","denied","Hint","ErrorMessage","errorMessages","Grid"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/period/index.tsx"],"sourcesContent":["import '../../assets/styles/periodpicker.scss';\n\nimport { useEffect, useRef, useState, FocusEvent as ReactFocusEvent, useCallback, useId } from 'react';\nimport moment, { Moment } from 'moment';\nimport PeriodList from './PeriodList';\nimport BaseMask from '../mask/BaseMask';\nimport Dropdown from './Dropdown';\nimport Calendar from '../../calendar';\nimport Button from '../../buttons';\nimport Icon from '../../icons';\nimport Dialog from './Dialog';\nimport Hint from '../../hint';\nimport Grid from '../../gridlayout';\nimport * as helperBase from '../base/helpers';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport { ChangeInputPeriodEvent, TypeCurrentDate, DateTypes, IPeriodPickerProps } from './types';\nimport { CustomInputEvent } from '../base/types';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover from '../../popover';\n\nconst PeriodPicker = (props: IPeriodPickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, calendarColorStyle,\n    showCalendarInDialog = false, dialogSize = { width: '350px', height: '350px' }, hint, hintPosition = 'below',\n    themePopover = 'light', popoverAlign = 'left', gridLayout,\n  } = props;\n  const idValueInitial = useId();\n  const idValueFinal = useId();\n\n  const [valueInitial, setValueInitial] = useState<moment.Moment | undefined>(props.value && moment(props.value.initial, 'DD/MM/YYYY'));\n  const [valueFinal, setValueFinal] = useState<moment.Moment | undefined>(props.value && moment(props.value.final, 'DD/MM/YYYY'));\n  const [valuePeriodSelection, setValuePeriodSelection] = useState('week');\n  const [showCalendarValueInitial, setShowCalendarValueInitial] = useState(false);\n  const [showCalendarValueFinal, setShowCalendarValueFinal] = useState(false);\n  const [showPeriodSelection, setShowPeriodSelection] = useState(false);\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [currentTypeDate, setCurrentTypeDate] = useState<TypeCurrentDate>('valueInitial');\n\n  const wrapperBaseInputPeriodRef = useRef<HTMLDivElement | null>(null);\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputInitialRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement | null>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const buttonSelectPeriodRef = useRef<HTMLButtonElement | null>(null);\n  const dropdownCalendarContainer = useRef<HTMLDivElement | null>(null);\n  const inputFinalRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputContainerRef?.current?.getBoundingClientRect());\n  };\n\n  const onBlurWithoutWrapper = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !wrapperBaseInputPeriodRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendarValueInitial && focusOnAnotherField) { \n      setShowCalendarValueInitial(false); \n    }\n    if (!showCalendarInDialog && showCalendarValueFinal && focusOnAnotherField) { \n      setShowCalendarValueFinal(false); \n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    const { target } = event;\n    const targetElement = target as HTMLInputElement;\n    if (calendarContainerRef.current && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      targetElement.focus();\n      if (showCalendarValueInitial) {\n        if (targetElement.id !== 'valueInitial') {\n          inputInitialRef.current?.focus();\n        }\n        setShowCalendarValueInitial(false);\n      }\n      if (showCalendarValueFinal) {\n        if (targetElement.id !== 'valueFinal') {\n          inputFinalRef.current?.focus();\n        }\n        setShowCalendarValueFinal(false);\n      }\n\n      if (showPeriodSelection) {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputContainerRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownCalendarContainer && dropdownCalendarContainer.current && inputDateDimensions) {\n      dropdownCalendarContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = (calendarName: string) => {\n    if (calendarName === 'valueInitial') {\n      setCurrentTypeDate('valueInitial');\n      setShowCalendarValueFinal(false);\n      if (!showCalendarValueInitial) {\n        inputInitialRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueInitial(true);\n      }\n    }\n    if (calendarName === 'valueFinal') {\n      setCurrentTypeDate('valueFinal');\n      setShowCalendarValueInitial(false);\n      if (!showCalendarValueFinal) {\n        inputFinalRef.current?.focus();\n        if (showCalendarInDialog) {\n          setTimeout(() => {\n            currentDateButtonRef.current?.focus();\n          }, 100);\n        }\n        setShowCalendarValueFinal(true);\n      }\n    }\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closeCalendar = (calendarName: TypeCurrentDate) => {\n    if (calendarName === 'valueInitial') { inputInitialRef.current?.focus(); }\n    if (calendarName === 'valueFinal') { inputFinalRef.current?.focus(); }\n    setShowCalendarValueInitial(false);\n    setShowCalendarValueFinal(false);\n  };\n\n  const onDateChange = (date: { initial?: Moment, final?: Moment }) => {\n    const initial = date.initial ? date.initial.format('YYYY-MM-DD') : '';\n    const final = date.final ? date.final.format('YYYY-MM-DD') : '';\n    props?.onChange?.(undefined, '', { initial, final });\n  };\n\n  const onCloseDateDialog = (calendarName: TypeCurrentDate | 'periodSelection') => {\n    setTimeout(() => {\n      if (calendarName === 'valueInitial') {\n        inputInitialRef.current?.focus();\n        setShowCalendarValueInitial(false);\n      }\n      if (calendarName === 'valueFinal') {\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n      if (calendarName === 'periodSelection') {\n        setShowPeriodSelection(false);\n        inputFinalRef.current?.focus();\n        setShowCalendarValueFinal(false);\n      }\n    }, 100);\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    const { name } = e.target as HTMLInputElement;\n\n    if (openOnFocus) openCalendar(name);\n    if (props.onFocus) props.onFocus(e);\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const onInputChange = (event?: ChangeInputPeriodEvent) => {\n    if (event) {\n      const { name: changingAux, value } = event.target as HTMLInputElement;\n      if (String(value).trim().length === 0) {\n        if (changingAux === 'valueInitial') {\n          setValueInitial(undefined);\n        } else {\n          setValueFinal(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (\n    event: ChangeInputPeriodEvent,\n    value?: Moment | string,\n    shouldOpenDropdown = true,\n  ) => {\n    const valueDateName = event ? event.target.name : '';\n    const dateObj = moment(value, 'DD/MM/YYYY');\n    if (showCalendarValueInitial) inputInitialRef.current?.focus();\n    if (showCalendarValueFinal) inputFinalRef.current?.focus();\n\n    if (valueDateName === 'valueInitial') {\n      setValueInitial(dateObj);\n      onDateChange({ initial: dateObj, final: valueFinal });\n    } else {\n      setValueFinal(dateObj);\n      onDateChange({ initial: valueInitial, final: dateObj });\n    }\n\n    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {\n      inputFinalRef.current?.focus();\n      setShowCalendarValueFinal(true);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowCalendarValueInitial(false);\n      setShowCalendarValueFinal(false);\n    }\n  };\n\n  const shouldDisable = () => {\n    const { disabled } = props;\n    return disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n  };\n\n  const getButtonOpen = useCallback(() => {\n    if (!showButtonOpen) return null;\n\n    return (\n      <Button\n        key=\"button-open\"\n        boxShadow={false}\n        disabled={shouldDisable()}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"calendar\" />}\n        onClick={() => {\n          if (showCalendarValueFinal || showCalendarValueInitial) {\n            closeCalendar(currentTypeDate);\n          } else {\n            openCalendar(currentTypeDate);\n          }\n        }}\n        tabIndex={-1}\n        targetRef={(ref) => { buttonOpenRef.current = ref; }} />\n    );\n  }, [showCalendarValueFinal, showCalendarValueInitial]);\n\n  const getPeriodSelection = (\n    valuePeriodSelectionAux: string,\n    setPeriodDates: (value: DateTypes | 'custom', date: Moment[] | null) => void,\n  ) => (\n    <PeriodList selected={valuePeriodSelectionAux} handleOnSelect={setPeriodDates} />\n  );\n\n  const openPeriodSelecion = () => {\n    setShowCalendarValueFinal(false);\n    setShowCalendarValueInitial(false);\n    setShowPeriodSelection(true);\n    if (inputContainerRef.current) {\n      setInputDimensions(inputContainerRef.current.getBoundingClientRect());\n    }\n  };\n\n  const closePeriodSelection = () => {\n    setShowPeriodSelection(false);\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getButtonSelectPeriod = useCallback(() => {\n    return (\n      <Button\n        key=\"button-select-period\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        icon={<Icon name=\"more1\" />}\n        onBlur={() => setTimeout(() => setShowPeriodSelection(false), 100)}\n        onClick={() => !showPeriodSelection ? openPeriodSelecion() : closePeriodSelection()}\n        targetRef={(ref) => { buttonSelectPeriodRef.current = ref; }} />\n    );\n  }, [showPeriodSelection]);\n\n  const getCalendar = (\n    value?: Moment,\n    calendarColorStyleCalendar?: ColorStyles,\n    valueDateName?: string,\n  ) => (\n    <Calendar\n      colorStyle={calendarColorStyleCalendar}\n      currentDate={value !== undefined ? moment(value) : moment()}\n      calendarContainer={(ref) => { calendarContainerRef.current = ref; }}\n      onDateChange={date => setValue({ target: { name: valueDateName } }, date)}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement} />\n  );\n\n  const setPeriodDates = (selected: DateTypes | 'custom', dates: Moment[] | null) => {\n    if (selected === 'custom') {\n      inputInitialRef.current?.focus();\n      setValuePeriodSelection(selected);\n      setShowPeriodSelection(false);\n      return;\n    }\n\n    setValuePeriodSelection(selected);\n    if (dates) {\n      setValueInitial(dates[0]);\n      setValueFinal(dates[1]);\n    }\n\n    if (shouldCloseOnSelect) {\n      setShowPeriodSelection(false);\n    }\n\n    inputFinalRef.current?.focus();\n    setShowCalendarValueFinal(false);\n  };\n\n  const getCalendarInitial = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueInitial';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueInitial')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueInitial}>\n          {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueInitial, calendarColorStyle, 'valueInitial')}\n      </Dropdown>\n    );\n  };\n\n  const getCalendarFinal = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (calendarContainerRef && calendarContainerRef.current) calendarContainerRef.current.id = 'valueFinal';\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('valueFinal')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowCalendarValueFinal}>\n          {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getCalendar(valueFinal, calendarColorStyle, 'valueFinal')}\n      </Dropdown>\n    );\n  };\n\n  const getPeriodOfDatesSelection = () => {\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          handlerClose={() => onCloseDateDialog('periodSelection')}\n          dialogSize={dialogSize}\n          onOpenChange={setShowPeriodSelection}>\n          {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n        </Dialog>\n      );\n    }\n    return (\n      <Dropdown\n        containerRef={wrapperBaseInputPeriodRef as any}\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        dropdownRef={(el: HTMLDivElement) => { dropdownCalendarContainer.current = el; }}>\n        {getPeriodSelection(valuePeriodSelection, setPeriodDates)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    if (inputContainerRef.current) onScreenResize();\n\n    if (inputInitialRef && inputInitialRef.current) inputInitialRef.current.id = idValueInitial;\n    if (inputFinalRef && inputFinalRef.current) inputFinalRef.current.id = idValueFinal;\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeyDownPress);\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [\n    showCalendarValueFinal,\n    showCalendarValueInitial,\n    showPeriodSelection,\n    calendarContainerRef.current,\n  ]);\n\n  useEffect(() => {\n    if (valueFinal && valueInitial && moment(valueFinal).isBefore(moment(valueInitial))) {\n      setValueInitial(valueFinal);\n      setValueFinal(valueInitial);\n    } else if (props.onChange) {\n      const initial = valueInitial ? valueInitial.format('YYYY-MM-DD') : '';\n      const final = valueFinal ? valueFinal.format('YYYY-MM-DD') : '';\n      props.onChange(undefined, '', { initial, final });\n    }\n  }, [valueInitial, valueFinal]);\n\n  useEffect(() => {\n    if (props.value && !(moment(props.value.initial).isSame(valueInitial) ||\n      moment(props.value.final).isSame(valueFinal))) {\n      const { initial: valueInitialProp, final: valueFinalProp } = props.value;\n\n      let newValueInitial;\n      let newValueFinal;\n\n      if (moment(valueInitialProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueInitial = moment(valueInitialProp, 'YYYY-MM-DD');\n      }\n\n      if (moment(valueFinalProp, 'YYYY-MM-DD', true).isValid()) {\n        newValueFinal = moment(valueFinalProp, 'YYYY-MM-DD');\n      }\n      setValueInitial(newValueInitial);\n      setValueFinal(newValueFinal);\n    }\n  }, [props.value]);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div\n      ref={wrapperBaseInputPeriodRef}\n      onBlur={onBlurWithoutWrapper}\n      className=\"input-base-component datepicker-period-container\">\n      {props.label && (\n        <div className=\"labelcontainer\">\n          <TextContent\n            required={props.required}\n            className={props.customClassForLabel}\n            labelUppercase={props.labelUppercase} />\n          <div className=\"text-content\" style={{ display: 'flex' }}>\n            <div\n              className={`label ${props.customClassForLabel} ${props.labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {props.label}\n              {props.required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  iconColor=\"#03bde2\"\n                  customClass=\"-hint\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  {hint}\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        className={\n          `periodpicker-component ${helperBase.getInputWrapperClass({\n            ...props,\n            value: !valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY'),\n            disabled: shouldDisable(),\n          })\n          }`\n        }\n        ref={inputContainerRef}>\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueInitial'\n          value={!valueInitial ? '' : moment(valueInitial).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputInitialRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => { setOnDenied(denied);}}\n          required={props.required} />\n        <Icon name=\"arrow_right\" customClass=\"separation_icon\" />\n        <BaseMask\n          gridLayout={undefined}\n          permissionAttr={props.permissionAttr}\n          name='valueFinal'\n          value={!valueFinal ? '' : moment(valueFinal).format('DD/MM/YYYY')}\n          mask=\"00/00/0000\"\n          onComplete={(e: CustomInputEvent) => { setValue(e, e.target.value, true); }}\n          onFocus={onInputFocus}\n          onBlur={e => onInputBlur(e)}\n          onChange={onInputChange}\n          inputRef={(el) => { inputFinalRef.current = el; }}\n          handlerSetOnDenied={(denied: OnDenied) => setOnDenied(denied)}\n          required={props.required} />\n        {getButtonOpen()}\n        {getButtonSelectPeriod()}\n      </div>\n      {showCalendarValueInitial && getCalendarInitial()}\n      {showCalendarValueFinal && getCalendarFinal()}\n      {showPeriodSelection && getPeriodOfDatesSelection()}\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n      <ErrorMessage messages={props.errorMessages} />\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default PeriodPicker;\n"],"names":["PeriodPicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","calendarColorStyle","showCalendarInDialog","dialogSize","width","height","hint","hintPosition","themePopover","popoverAlign","gridLayout","idValueInitial","useId","idValueFinal","valueInitial","setValueInitial","useState","value","moment","initial","valueFinal","setValueFinal","final","valuePeriodSelection","setValuePeriodSelection","showCalendarValueInitial","setShowCalendarValueInitial","showCalendarValueFinal","setShowCalendarValueFinal","showPeriodSelection","setShowPeriodSelection","inputDimensions","setInputDimensions","onDenied","setOnDenied","currentTypeDate","setCurrentTypeDate","wrapperBaseInputPeriodRef","useRef","inputContainerRef","inputInitialRef","buttonOpenRef","currentDateButtonRef","buttonSelectPeriodRef","dropdownCalendarContainer","inputFinalRef","calendarContainerRef","onScreenResize","current","getBoundingClientRect","onBlurWithoutWrapper","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","target","targetElement","key","preventDefault","focus","id","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","calendarName","setTimeout","closeCalendar","onDateChange","date","format","onChange","undefined","onCloseDateDialog","onInputFocus","e","name","onFocus","onInputBlur","onBlur","onInputChange","changingAux","trim","length","setValue","shouldOpenDropdown","valueDateName","dateObj","shouldDisable","disabled","hideContent","getButtonOpen","useCallback","Button","Icon","ref","getPeriodSelection","valuePeriodSelectionAux","setPeriodDates","PeriodList","openPeriodSelecion","closePeriodSelection","getButtonSelectPeriod","jsx","getCalendar","calendarColorStyleCalendar","Calendar","buttonElement","selected","dates","getCalendarInitial","readOnly","Dialog","Dropdown","el","getCalendarFinal","getPeriodOfDatesSelection","useEffect","window","addEventListener","document","getElementById","removeEventListener","isBefore","isSame","valueInitialProp","valueFinalProp","newValueInitial","newValueFinal","isValid","unvisible","component","jsxs","label","TextContent","required","customClassForLabel","labelUppercase","display","alignSelf","Popover","margin","helperBase","BaseMask","permissionAttr","denied","Hint","ErrorMessage","errorMessages","Grid"],"mappings":"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"}

package/lib/inputs/search/index.js

@@ -3,8 +3,8 @@ import { c as Y } from "../../_virtual/compiler-runtime.js";
 import { useState as K, useEffect as U, Fragment as Z } from "react";
 import _ from "../base/InputTextBase.js";
 import p from "../../buttons/Button.js";
-import L from "../../icons/index.js";
 import '../../assets/styles/search.css';import '../../assets/styles/button.css';/* empty css                              */
+import L from "../../icons/index.js";
 /* empty css                              */
 import ee from "../../drawer/index.js";
 import te from "../../drawer/Header.js";

package/lib/inputs/select/helper.js

@@ -1,36 +1,36 @@
-const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e) => {
+const f = (r, o, e) => {
   let t = "item";
-  return t += o && !n ? " -selected " : "", t += n ? " -disabled" : "", t += !o && !n && e ? " -striped " : "", t;
-}, h = ({
-  dataSource: o,
-  descriptionKey: n,
+  return t += r && !o ? " -selected " : "", t += o ? " -disabled" : "", t += !r && !o && e ? " -striped " : "", t;
+}, C = ({
+  dataSource: r,
+  descriptionKey: o,
   inputText: e
-}) => o && o.filter((t) => typeof n == "string" ? t[n]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : n(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
-  dataSource: o,
-  inputText: n,
+}) => r && r.filter((t) => typeof o == "string" ? t[o]?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1 : o(t)?.toLowerCase().indexOf(e?.toString().toLowerCase()) > -1), D = ({
+  dataSource: r,
+  inputText: o,
   descriptionKey: e,
   currents: t
-}) => o.filter((r) => typeof e == "string" ? r[e].toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r) : e(r)?.toLowerCase().indexOf(n?.toString().toLowerCase()) > -1 && !t.includes(r)), l = ({
-  selectFieldRects: o,
-  dropdownRef: n,
+}) => r.filter((n) => typeof e == "string" ? n[e].toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n) : e(n)?.toLowerCase().indexOf(o?.toString().toLowerCase()) > -1 && !t.includes(n)), l = ({
+  selectFieldRects: r,
+  dropdownRef: o,
   dropdownRects: e
-}, t = !1) => t && n?.current && e?.height ? o.top + window.scrollY - (n.current && e.height) - 10 : o.top + window.scrollY + o.height, m = ({
-  selectFieldRef: o,
-  dropdownMaxHeight: n,
+}, t = !1) => t && o?.current && e?.height ? r.top + window.scrollY - (o.current && e.height) - 10 : r.top + window.scrollY + r.height, h = ({
+  selectFieldRef: r,
+  dropdownMaxHeight: o,
   dropdownRef: e
 }) => {
-  const t = o?.current ? o.current.getBoundingClientRect() : void 0, r = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, g = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
-  let a = 200, s = n, i;
-  return !s || s <= 0 ? c < a && t ? (s = g, i = l({
+  const t = r?.current ? r.current.getBoundingClientRect() : void 0, n = e?.current ? e.current.getBoundingClientRect() : void 0, u = t ? t?.bottom : 0, a = t ? t?.top : 0, c = window.innerHeight - u, w = 30;
+  let g = 200, s = o, i;
+  return !s || s <= 0 ? c < g && t ? (s = a, i = l({
     selectFieldRects: t,
     dropdownRef: e,
-    dropdownRects: r
+    dropdownRects: n
   }, !0)) : (s = c, i = t ? l({
     selectFieldRects: t
-  }) : 0) : (a = s, c < a && t ? i = l({
+  }) : 0) : (g = s, c < g && t ? i = l({
     selectFieldRects: t,
     dropdownRef: e,
-    dropdownRects: r
+    dropdownRects: n
   }, !0) : i = t ? l({
     selectFieldRects: t
   }) : 0), {
@@ -40,10 +40,9 @@ const C = (o) => `content ${o.showClearButton ? "" : "noclear"}`, f = (o, n, e)
   };
 };
 export {
-  C as contentClass,
   f as getDropdownItemCssClass,
   D as getFilteredMultipleDataCombo,
-  h as getFilteredSimpleDataCombo,
-  m as returnDropdownDynamicStyles
+  C as getFilteredSimpleDataCombo,
+  h as returnDropdownDynamicStyles
 };
 //# sourceMappingURL=helper.js.map

package/lib/inputs/select/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/select/helper.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { IDropdownSelectProps } from '../types';\nimport { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';\n\nexport const contentClass = (props: IDropdownSelectProps) => (\n  `content ${props.showClearButton ? '' : 'noclear'}`\n);\n\nexport const getDropdownItemCssClass = (\n  selected: boolean,\n  disabled: boolean,\n  striped: boolean,\n) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n\n  return className;\n};\n\nexport const getFilteredSimpleDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: Omit<GetSimpleFilteredParams, 'currents'>) => dataSource && dataSource.filter((item: DataCombo) => {\n  if (typeof descriptionKey === 'string') {\n    return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n  }\n  return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n});\n\nexport const getFilteredMultipleDataCombo = ({\n  dataSource, inputText, descriptionKey, currents,\n}: GetMultipleFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 &&\n      !currents.includes(item);\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1\n      && !currents.includes(item);\n  });\n\nconst returnDropdownPosition = ({\n  selectFieldRects, dropdownRef, dropdownRects }:\n{ selectFieldRects: DOMRect,\n  dropdownRef?: RefObject<HTMLDivElement>,\n  dropdownRects?: DOMRect }, aboveDropdown = false) => {\n  const DEFAULT_MARGIN_BOTTOM = 10;\n  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {\n    return (selectFieldRects.top + window.scrollY) -\n      (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;\n  }\n  return ((selectFieldRects.top) + window.scrollY) + selectFieldRects.height;\n};\n\nexport const returnDropdownDynamicStyles = ({ selectFieldRef,\n  dropdownMaxHeight,\n  dropdownRef }: IDropdownSelectProps) => {\n  const selectFieldRects =\n    selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;\n  const dropdownRects =\n    dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;\n  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;\n  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;\n\n  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;\n  const bottomOffset = 30;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      height = selectFieldRectsTop;\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects,\n        }, true);\n    } else {\n      height = dropdownBottomDistance;\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects, \n        }, true);\n    } else {\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  }\n\n  return {\n    maxHeight: height - bottomOffset,\n    top: dropdownPosition,\n    left: selectFieldRects ? selectFieldRects.left : 0,\n  };\n};\n"],"names":["contentClass","props","showClearButton","getDropdownItemCssClass","selected","disabled","striped","className","getFilteredSimpleDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf","toString","getFilteredMultipleDataCombo","currents","includes","returnDropdownPosition","selectFieldRects","dropdownRef","dropdownRects","aboveDropdown","current","height","top","window","scrollY","DEFAULT_MARGIN_BOTTOM","returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","getBoundingClientRect","undefined","selectFieldRectsBottom","bottom","selectFieldRectsTop","dropdownBottomDistance","innerHeight","bottomOffset","maxDropdownBottomDistance","dropdownPosition","maxHeight","left"],"mappings":"AAKO,MAAMA,IAAeA,CAACC,MAC3B,WAAWA,EAAMC,kBAAkB,KAAK,SAAS,IAGtCC,IAA0BA,CACrCC,GACAC,GACAC,MACG;AACH,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAE1DC;AACT,GAEaC,IAA6BA,CAAC;AAAA,EACzCC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACa,MAAMF,KAAcA,EAAWG,OAAO,CAACC,MAC5E,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,GAAGI,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,KAErFJ,EAAeG,CAAI,GAAGC,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,EAC3F,GAEYG,IAA+BA,CAAC;AAAA,EAC3CR,YAAAA;AAAAA,EAAYE,WAAAA;AAAAA,EAAWD,gBAAAA;AAAAA,EAAgBQ,UAAAA;AACd,MACzBT,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACzF,CAACI,EAASC,SAASN,CAAI,IAElBH,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACrF,CAACI,EAASC,SAASN,CAAI,CAC7B,GAEGO,IAAyBA,CAAC;AAAA,EAC9BC,kBAAAA;AAAAA,EAAkBC,aAAAA;AAAAA,EAAaC,eAAAA;AAGP,GAAGC,IAAgB,OAEvCA,KAAiBF,GAAaG,WAAWF,GAAeG,SAClDL,EAAiBM,MAAMC,OAAOC,WACnCP,EAAYG,WAAWF,EAAcG,UAAUI,KAE3CT,EAAiBM,MAAOC,OAAOC,UAAWR,EAAiBK,QAGzDK,IAA8BA,CAAC;AAAA,EAAEC,gBAAAA;AAAAA,EAC5CC,mBAAAA;AAAAA,EACAX,aAAAA;AAAkC,MAAM;AACxC,QAAMD,IACJW,GAAgBP,UAAUO,EAAeP,QAAQS,0BAA0BC,QACvEZ,IACJD,GAAaG,UAAUH,EAAYG,QAAQS,0BAA0BC,QACjEC,IAAyBf,IAAmBA,GAAkBgB,SAAS,GACvEC,IAAsBjB,IAAmBA,GAAkBM,MAAM,GAEjEY,IAAyBX,OAAOY,cAAcJ,GAC9CK,IAAe;AACrB,MAAIC,IAA4B,KAC5BhB,IAASO,GACTU;AACJ,SAAI,CAACjB,KAAUA,KAAU,IACnBa,IAAyBG,KAA6BrB,KACxDK,IAASY,GACTK,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,MAETG,IAASa,GACTI,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,MAGvFqB,IAA4BhB,GACxBa,IAAyBG,KAA6BrB,IACxDsB,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,IAEToB,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,IAIlF;AAAA,IACLuB,WAAWlB,IAASe;AAAAA,IACpBd,KAAKgB;AAAAA,IACLE,MAAMxB,IAAmBA,EAAiBwB,OAAO;AAAA,EAAA;AAErD;"}
+{"version":3,"file":"helper.js","sources":["../../../src/lib/inputs/select/helper.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { IDropdownSelectProps } from '../types';\nimport { GetMultipleFilteredParams, GetSimpleFilteredParams } from './types';\n\nexport const contentClass = (props: IDropdownSelectProps) => (\n  `content ${props.showClearButton ? '' : 'noclear'}`\n);\n\nexport const getDropdownItemCssClass = (\n  selected: boolean,\n  disabled: boolean,\n  striped: boolean,\n) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n\n  return className;\n};\n\nexport const getFilteredSimpleDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: Omit<GetSimpleFilteredParams, 'currents'>) => dataSource && dataSource.filter((item: DataCombo) => {\n  if (typeof descriptionKey === 'string') {\n    return item[descriptionKey]?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n  }\n  return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1;\n});\n\nexport const getFilteredMultipleDataCombo = ({\n  dataSource, inputText, descriptionKey, currents,\n}: GetMultipleFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1 &&\n      !currents.includes(item);\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText?.toString().toLowerCase()) > -1\n      && !currents.includes(item);\n  });\n\nconst returnDropdownPosition = ({\n  selectFieldRects, dropdownRef, dropdownRects }:\n{ selectFieldRects: DOMRect,\n  dropdownRef?: RefObject<HTMLDivElement>,\n  dropdownRects?: DOMRect }, aboveDropdown = false) => {\n  const DEFAULT_MARGIN_BOTTOM = 10;\n  if (aboveDropdown && dropdownRef?.current && dropdownRects?.height) {\n    return (selectFieldRects.top + window.scrollY) -\n      (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;\n  }\n  return ((selectFieldRects.top) + window.scrollY) + selectFieldRects.height;\n};\n\nexport const returnDropdownDynamicStyles = ({ selectFieldRef,\n  dropdownMaxHeight,\n  dropdownRef }: IDropdownSelectProps) => {\n  const selectFieldRects =\n    selectFieldRef?.current ? selectFieldRef.current.getBoundingClientRect() : undefined;\n  const dropdownRects =\n    dropdownRef?.current ? dropdownRef.current.getBoundingClientRect() : undefined;\n  const selectFieldRectsBottom = selectFieldRects ? selectFieldRects?.bottom : 0;\n  const selectFieldRectsTop = selectFieldRects ? selectFieldRects?.top : 0;\n\n  const dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;\n  const bottomOffset = 30;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      height = selectFieldRectsTop;\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects,\n        }, true);\n    } else {\n      height = dropdownBottomDistance;\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {\n      dropdownPosition =\n        returnDropdownPosition({ \n          selectFieldRects, dropdownRef: dropdownRef as any, dropdownRects, \n        }, true);\n    } else {\n      dropdownPosition = selectFieldRects ? returnDropdownPosition({ selectFieldRects }) : 0;\n    }\n  }\n\n  return {\n    maxHeight: height - bottomOffset,\n    top: dropdownPosition,\n    left: selectFieldRects ? selectFieldRects.left : 0,\n  };\n};\n"],"names":["getDropdownItemCssClass","selected","disabled","striped","className","getFilteredSimpleDataCombo","dataSource","descriptionKey","inputText","filter","item","toLowerCase","indexOf","toString","getFilteredMultipleDataCombo","currents","includes","returnDropdownPosition","selectFieldRects","dropdownRef","dropdownRects","aboveDropdown","current","height","top","window","scrollY","DEFAULT_MARGIN_BOTTOM","returnDropdownDynamicStyles","selectFieldRef","dropdownMaxHeight","getBoundingClientRect","undefined","selectFieldRectsBottom","bottom","selectFieldRectsTop","dropdownBottomDistance","innerHeight","bottomOffset","maxDropdownBottomDistance","dropdownPosition","maxHeight","left"],"mappings":"AASO,MAAMA,IAA0BA,CACrCC,GACAC,GACAC,MACG;AACH,MAAIC,IAAY;AAChBA,SAAAA,KAAcH,KAAY,CAACC,IAAW,gBAAgB,IACtDE,KAAaF,IAAW,eAAe,IACvCE,KAAc,CAACH,KAAY,CAACC,KAAYC,IAAU,eAAe,IAE1DC;AACT,GAEaC,IAA6BA,CAAC;AAAA,EACzCC,YAAAA;AAAAA,EAAYC,gBAAAA;AAAAA,EAAgBC,WAAAA;AACa,MAAMF,KAAcA,EAAWG,OAAO,CAACC,MAC5E,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,GAAGI,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,KAErFJ,EAAeG,CAAI,GAAGC,cAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,EAC3F,GAEYG,IAA+BA,CAAC;AAAA,EAC3CR,YAAAA;AAAAA,EAAYE,WAAAA;AAAAA,EAAWD,gBAAAA;AAAAA,EAAgBQ,UAAAA;AACd,MACzBT,EAAWG,OAAQC,CAAAA,MACb,OAAOH,KAAmB,WACrBG,EAAKH,CAAc,EAAEI,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACzF,CAACI,EAASC,SAASN,CAAI,IAElBH,EAAeG,CAAI,GAAGC,YAAAA,EAAcC,QAAQJ,GAAWK,SAAAA,EAAWF,YAAAA,CAAa,IAAI,MACrF,CAACI,EAASC,SAASN,CAAI,CAC7B,GAEGO,IAAyBA,CAAC;AAAA,EAC9BC,kBAAAA;AAAAA,EAAkBC,aAAAA;AAAAA,EAAaC,eAAAA;AAGP,GAAGC,IAAgB,OAEvCA,KAAiBF,GAAaG,WAAWF,GAAeG,SAClDL,EAAiBM,MAAMC,OAAOC,WACnCP,EAAYG,WAAWF,EAAcG,UAAUI,KAE3CT,EAAiBM,MAAOC,OAAOC,UAAWR,EAAiBK,QAGzDK,IAA8BA,CAAC;AAAA,EAAEC,gBAAAA;AAAAA,EAC5CC,mBAAAA;AAAAA,EACAX,aAAAA;AAAkC,MAAM;AACxC,QAAMD,IACJW,GAAgBP,UAAUO,EAAeP,QAAQS,0BAA0BC,QACvEZ,IACJD,GAAaG,UAAUH,EAAYG,QAAQS,0BAA0BC,QACjEC,IAAyBf,IAAmBA,GAAkBgB,SAAS,GACvEC,IAAsBjB,IAAmBA,GAAkBM,MAAM,GAEjEY,IAAyBX,OAAOY,cAAcJ,GAC9CK,IAAe;AACrB,MAAIC,IAA4B,KAC5BhB,IAASO,GACTU;AACJ,SAAI,CAACjB,KAAUA,KAAU,IACnBa,IAAyBG,KAA6BrB,KACxDK,IAASY,GACTK,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,MAETG,IAASa,GACTI,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,MAGvFqB,IAA4BhB,GACxBa,IAAyBG,KAA6BrB,IACxDsB,IACEvB,EAAuB;AAAA,IACrBC,kBAAAA;AAAAA,IAAkBC,aAAAA;AAAAA,IAAiCC,eAAAA;AAAAA,EAAAA,GAClD,EAAI,IAEToB,IAAmBtB,IAAmBD,EAAuB;AAAA,IAAEC,kBAAAA;AAAAA,EAAAA,CAAkB,IAAI,IAIlF;AAAA,IACLuB,WAAWlB,IAASe;AAAAA,IACpBd,KAAKgB;AAAAA,IACLE,MAAMxB,IAAmBA,EAAiBwB,OAAO;AAAA,EAAA;AAErD;"}

package/lib/inputs/select/index.js

@@ -1,11 +1,10 @@
 import { jsx as y } from "react/jsx-runtime";
 import { c as n } from "../../_virtual/compiler-runtime.js";
 import m from "./multiple/index.js";
-import '../../assets/styles/gridlayout.css';import '../../assets/styles/select.css';/* empty css                              */
-/* empty css                                  */
+import '../../assets/styles/select.css';/* empty css                              */
 import u from "../../gridlayout/GridCol.js";
 import K from "./simple/index.js";
-const w = (i) => {
+const h = (i) => {
   const e = n.c(15);
   let d, c, l, t;
   e[0] !== i ? ({
@@ -16,14 +15,14 @@ const w = (i) => {
   } = i, e[0] = i, e[1] = d, e[2] = c, e[3] = l, e[4] = t) : (d = e[1], c = e[2], l = e[3], t = e[4]);
   let r;
   e[5] !== c || e[6] !== l || e[7] !== i.dataSource || e[8] !== i.descriptionKey || e[9] !== i.idKey || e[10] !== t ? (r = c ? /* @__PURE__ */ y(m, { ...l, dataSource: i.dataSource ? i.dataSource : [], idKey: i.idKey ? i.idKey : "", value: Array.isArray(t) ? t : void 0, descriptionKey: i.descriptionKey ? i.descriptionKey : "" }) : /* @__PURE__ */ y(K, { ...l, idKey: i.idKey ? i.idKey : "", value: Array.isArray(t) ? void 0 : t, descriptionKey: i.descriptionKey ? i.descriptionKey : "" }), e[5] = c, e[6] = l, e[7] = i.dataSource, e[8] = i.descriptionKey, e[9] = i.idKey, e[10] = t, e[11] = r) : r = e[11];
-  const o = r;
+  const a = r;
   if (d !== void 0) {
-    let a;
-    return e[12] !== o || e[13] !== d ? (a = /* @__PURE__ */ y(u, { customClass: "-withinput", cols: d, children: o }), e[12] = o, e[13] = d, e[14] = a) : a = e[14], a;
+    let o;
+    return e[12] !== a || e[13] !== d ? (o = /* @__PURE__ */ y(u, { customClass: "-withinput", cols: d, children: a }), e[12] = a, e[13] = d, e[14] = o) : o = e[14], o;
   }
-  return o;
+  return a;
 };
 export {
-  w as default
+  h as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/select/index.tsx"],"sourcesContent":["import MultipleSelect from './multiple';\nimport '../../assets/styles/select.scss';\nimport Grid from '../../gridlayout';\nimport { ISelectFieldProps } from './types';\nimport SimpleSelect from './simple';\n\nconst SelectField = (props: ISelectFieldProps) => {\n  const { gridLayout, multiple, value, ...newProps } = props;\n  const component = multiple ?\n      (<MultipleSelect\n        {...newProps}\n        dataSource={props.dataSource ? props.dataSource : []}\n        idKey={props.idKey ? props.idKey : ''}\n        value={Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />) :\n      (<SimpleSelect\n        {...newProps}\n        idKey={props.idKey ? props.idKey : ''}\n        value={!Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />);\n  if (gridLayout !== undefined) {\n    return <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>;\n  }\n  return component;\n};\n\nexport default SelectField;\n"],"names":["SelectField","props","$","_c","gridLayout","multiple","newProps","value","t0","dataSource","descriptionKey","idKey","jsx","MultipleSelect","Array","isArray","undefined","SimpleSelect","component","t1","Grid"],"mappings":";;;;;;;AAMA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAClB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAqDL,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAD,EAAAQ,cAAAP,EAAA,CAAA,MAAAD,EAAAS,kBAAAR,EAAA,CAAA,MAAAD,EAAAU,SAAAT,EAAA,EAAA,MAAAK,KACzCC,IAAAH,IACb,gBAAAO,EAACC,GAAA,KACIP,GACQ,YAAAL,EAAKQ,aAAcR,EAAKQ,aAAxB,CAAA,GACL,OAAAR,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAAAG,MAAKC,QAASR,CAAyB,IAAvCA,IAAAS,QACS,gBAAAf,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,IACjE,gBAAAE,EAACK,GAAA,EAAY,GACRX,GACG,OAAAL,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAACG,MAAKC,QAASR,CAAK,IAApBS,SAAAT,GACS,gBAAAN,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,GAAKR,OAAAG,GAAAH,OAAAI,GAAAJ,EAAA,CAAA,IAAAD,EAAAQ,YAAAP,EAAA,CAAA,IAAAD,EAAAS,gBAAAR,EAAA,CAAA,IAAAD,EAAAU,OAAAT,QAAAK,GAAAL,QAAAM,KAAAA,IAAAN,EAAA,EAAA;AAX3E,QAAAgB,IAAkBV;AAYlB,MAAIJ,MAAeY,QAAS;AAAA,QAAAG;AAAA,WAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAE,KACnBe,sBAACC,GAAA,EAAiB,aAAA,cAAmBhB,MAAAA,GAAac,UAAAA,GAAU,GAAOhB,QAAAgB,GAAAhB,QAAAE,GAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAnEiB;AAAAA,EAAmE;AAC3E,SACMD;AAAS;"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/select/index.tsx"],"sourcesContent":["import MultipleSelect from './multiple';\nimport '../../assets/styles/select.scss';\nimport Grid from '../../gridlayout';\nimport { ISelectFieldProps } from './types';\nimport SimpleSelect from './simple';\n\nconst SelectField = (props: ISelectFieldProps) => {\n  const { gridLayout, multiple, value, ...newProps } = props;\n  const component = multiple ?\n      (<MultipleSelect\n        {...newProps}\n        dataSource={props.dataSource ? props.dataSource : []}\n        idKey={props.idKey ? props.idKey : ''}\n        value={Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />) :\n      (<SimpleSelect\n        {...newProps}\n        idKey={props.idKey ? props.idKey : ''}\n        value={!Array.isArray(value) ? value : undefined}\n        descriptionKey={props.descriptionKey ? props.descriptionKey : ''} />);\n  if (gridLayout !== undefined) {\n    return <Grid customClass=\"-withinput\" cols={gridLayout}>{component}</Grid>;\n  }\n  return component;\n};\n\nexport default SelectField;\n"],"names":["SelectField","props","$","_c","gridLayout","multiple","newProps","value","t0","dataSource","descriptionKey","idKey","jsx","MultipleSelect","Array","isArray","undefined","SimpleSelect","component","t1","Grid"],"mappings":";;;;;;AAMA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAL,SAAAD,KAClB;AAAA,IAAAG,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAqDL,GAAMC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,MAAAH,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAD,EAAAQ,cAAAP,EAAA,CAAA,MAAAD,EAAAS,kBAAAR,EAAA,CAAA,MAAAD,EAAAU,SAAAT,EAAA,EAAA,MAAAK,KACzCC,IAAAH,IACb,gBAAAO,EAACC,GAAA,KACIP,GACQ,YAAAL,EAAKQ,aAAcR,EAAKQ,aAAxB,CAAA,GACL,OAAAR,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAAAG,MAAKC,QAASR,CAAyB,IAAvCA,IAAAS,QACS,gBAAAf,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,IACjE,gBAAAE,EAACK,GAAA,EAAY,GACRX,GACG,OAAAL,EAAKU,QAASV,EAAKU,QAAnB,IACA,OAACG,MAAKC,QAASR,CAAK,IAApBS,SAAAT,GACS,gBAAAN,EAAKS,iBAAkBT,EAAKS,iBAA5B,GAAA,CAAgD,GAAKR,OAAAG,GAAAH,OAAAI,GAAAJ,EAAA,CAAA,IAAAD,EAAAQ,YAAAP,EAAA,CAAA,IAAAD,EAAAS,gBAAAR,EAAA,CAAA,IAAAD,EAAAU,OAAAT,QAAAK,GAAAL,QAAAM,KAAAA,IAAAN,EAAA,EAAA;AAX3E,QAAAgB,IAAkBV;AAYlB,MAAIJ,MAAeY,QAAS;AAAA,QAAAG;AAAA,WAAAjB,EAAA,EAAA,MAAAgB,KAAAhB,UAAAE,KACnBe,sBAACC,GAAA,EAAiB,aAAA,cAAmBhB,MAAAA,GAAac,UAAAA,GAAU,GAAOhB,QAAAgB,GAAAhB,QAAAE,GAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAAnEiB;AAAAA,EAAmE;AAC3E,SACMD;AAAS;"}

package/lib/inputs2/checkboxfield/index.js

@@ -1,11 +1,10 @@
 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 '../../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";

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

@@ -1 +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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"}
+{"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.js

@@ -1,13 +1,10 @@
 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 '../../assets/styles/button.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) => {

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

@@ -1 +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":"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"}
+{"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":"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"}

package/lib/inputs2/date/datefield/calendarbox.js

@@ -4,10 +4,7 @@ import L from "../../../_virtual/lodash.js";
 import $ from "../../../node_modules/moment/dist/moment.js";
 import { forwardRef as ee } from "react";
 import j from "../../../buttons/Button.js";
-import '../../../assets/styles/button.css';import '../../../assets/styles/tooltip.css';import '../../../assets/styles/icon.css';/* empty css                               */
-import "react-dom";
-/* empty css                                  */
-/* empty css                                 */
+import '../../../assets/styles/button.css';/* empty css                                 */
 import te from "../../../textContent/index.js";
 import { useDateFieldContext as ae } from "./context.js";
 import { generateCalendarWeeks as oe, TOKEN_ISO_FORMAT as R } from "../helpers.js";