linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

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

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

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

@@ -0,0 +1,119 @@
+import { TextAlign } from 'src/lib/@types/Align';
+import { JSX, MutableRefObject } from 'react';
+import { DataCombo } from '../../@types/DataCombo';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { CustomInputEvent } from '../base/types';
+export type AllOptions = {
+    idValue?: number | null;
+    label: string;
+};
+export type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+export interface ISimpleSelectProps {
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    dataSource?: DataCombo[];
+    id?: string;
+    label?: string;
+    placeHolder?: string;
+    hint?: string;
+    value?: string | number | boolean | number[];
+    textAlign?: TextAlign;
+    errorMessages?: string[];
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    onChange?: (e: CustomInputEvent) => void;
+    undigitable?: boolean;
+    name?: string;
+    selectFirstOnEnter?: boolean;
+    openDropdownOnFocus?: boolean;
+    onSearch?: (value: string) => void;
+    remoteSearch?: boolean;
+    onBlur?: (e: CustomInputEvent) => void;
+    onClick?: () => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    gridLayout?: string;
+    inputText?: string;
+    striped?: boolean | false;
+    permissionAttr?: PermissionAttr;
+    maxLength?: number;
+    dropdownMaxHeight?: number;
+    multiple?: boolean;
+    rounded?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    onFocus?: () => void;
+    allOptions?: AllOptions;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    customClassForWrapper?: string;
+    customClassForInputContent?: string;
+    customClassForLabel?: string;
+    customClassForSideButtons?: string;
+    rightElements?: JSX.Element[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
+}
+export interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
+    multiple?: boolean;
+    gridLayout?: string;
+    descriptionKey?: DescriptionKey;
+    idKey?: string;
+    dataSource?: DataCombo[];
+    value?: number | number[] | string | string[];
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    inputText?: string | '';
+    striped?: boolean | false;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    rounded?: boolean;
+    selectFirstOnEnter?: boolean;
+    remoteSearch?: boolean;
+    openDropdownOnFocus?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    onSelect?: (data?: string | string[]) => DataCombo;
+}
+export interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
+    descriptionKey: DescriptionKey;
+    idKey: string;
+    dataSource: DataCombo[];
+    searchNotFoundText?: string;
+    searchOnDropdown?: boolean;
+    value?: number[] | string[];
+    showClearButton?: boolean;
+    readOnly?: boolean;
+    onSearch?: (value: string) => void;
+    onSelect?: (data?: string | string[]) => DataCombo;
+    remoteSearch?: boolean;
+    onBlur?: (e: CustomInputEvent) => void;
+    handlerClear?: () => void;
+    disabled?: boolean;
+    gridLayout?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface ISelectedsMultipleProps {
+    disabled?: boolean;
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    currents: DataCombo[];
+    handlerOnUnselect: (id: string) => void;
+}
+export interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    currents: DataCombo[];
+}
+export interface GetSimpleFilteredParams extends GetFilteredParams {
+    inputText: number | string;
+}
+export interface GetMultipleFilteredParams extends GetFilteredParams {
+    inputText: number[] | string[];
+}

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

@@ -0,0 +1,3 @@
+import { ITextField } from './types';
+declare const TextField: (props: ITextField) => import("react/jsx-runtime").JSX.Element;
+export default TextField;

package/lib/inputs/text/index.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { JSX } from 'react';
+import { Period } from '../../@types/Period';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { CustomInputEvent, IBaseProps } from '../base/types';
+export interface ITextField extends IBaseProps {
+    value?: string | string[];
+    required?: boolean;
+    name?: string;
+    label?: string | string[];
+    onChange?: (e?: CustomInputEvent, maskValue?: string, date?: {
+        initial: string;
+        final: string;
+    }, period?: Period) => void;
+    leftElements?: JSX.Element | JSX.Element[];
+    rightElements?: JSX.Element | JSX.Element[];
+    permissionAttr?: PermissionAttr;
+    gridLayout?: string;
+}

package/lib/inputs/textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { ITextAreaProps } from './types';
+declare const TextArea: (props: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/lib/inputs/textarea/index.js

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

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

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

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

@@ -0,0 +1,7 @@
+import { IBaseProps } from '../base/types';
+export interface ITextAreaProps extends IBaseProps {
+    rows?: number;
+    cols?: number;
+    customClass?: string;
+    type?: string;
+}

package/lib/inputs/types.d.ts

@@ -0,0 +1,152 @@
+import { CSSProperties, JSX, KeyboardEvent, MouseEvent, MutableRefObject, ReactElement, ReactNode } from 'react';
+import { OnDenied, PermissionAttr } from '../@types/PermissionAttr';
+import { DataCombo } from '../@types/DataCombo';
+import { CustomInputEvent, IBaseProps } from './base/types';
+import { IDrawerProps } from '../drawer/types';
+import { TextAlign } from '../@types/Align';
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+export interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
+    onStateChange?: (value?: boolean) => void;
+    headerTitle?: string;
+    content?: ReactNode | ReactNode[];
+}
+export interface ISearchProps extends IBaseProps {
+    resetButton?: boolean;
+    onReset?: (event?: CustomInputEvent) => void;
+    onChange?: (event?: CustomInputEvent) => void;
+    onClick?: (event: MouseEvent<Element>) => void;
+    textAlign?: TextAlign;
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    placeHolder?: string;
+    permissionAttr?: PermissionAttr;
+    advancedFilterProps?: IAdvancedFilterProps;
+    rounded?: boolean;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    style?: CSSProperties;
+    drawerFilterIsOpened?: boolean;
+}
+export interface IDropdownProps {
+    children: ReactNode | ReactNode[];
+    dropdownRef: (el: HTMLDivElement) => void;
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+}
+export interface IInputHOCProps {
+    value?: string | string[];
+    required?: boolean;
+    gridLayout?: string;
+    visible?: boolean;
+    rows?: number;
+    cols?: number;
+    type?: string;
+}
+export interface IMaskHOCProps {
+    label?: string;
+    value?: string | number;
+    unmask?: boolean;
+    name?: string;
+    commit?: () => void;
+    onChange?: (event: CustomInputEvent, maskValue?: string, date?: string) => void;
+    onFocus?: (e: CustomInputEvent) => void;
+    onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    placeholderChar?: string;
+    lazy?: boolean;
+    definitions?: any;
+    groups?: object;
+    pattern?: string;
+    format?: () => void;
+    parse?: () => void;
+    radix?: string;
+    thousandsSeparator?: string;
+    mapToRadix?: string[];
+    scale?: number;
+    signed?: boolean;
+    normalizeZeros?: boolean;
+    padFractionalZeros?: boolean;
+    min?: number;
+    max?: number;
+    dispatch?: () => void;
+    permissionAttr?: PermissionAttr;
+    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    isNumeric?: boolean;
+    required?: boolean;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
+    rightElements?: JSX.Element | JSX.Element[];
+    labelUppercase?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    gridLayout?: string;
+    placeHolder?: string;
+    customClass?: string;
+    customClassForInputContent?: string;
+    customClassForLabel?: string;
+    textAlign?: TextAlign;
+    onBlur?: (e: CustomInputEvent) => void;
+    leftElements?: JSX.Element | JSX.Element[];
+    rounded?: boolean;
+    errorMessages?: string[];
+    skeletonize?: boolean;
+    mask?: any;
+    isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+}
+export interface IDropdownSelectProps {
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    dropdownWidth: number;
+    showClearButton?: boolean;
+    handleOnSelect: (item?: DataCombo) => void;
+    handleOnFilter: (value: string) => void;
+    handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
+    handleOnBlur: (item: DataCombo) => void;
+    handleOnFocus: () => void;
+    handlerSelecionadoAgora?: (bool: boolean) => void;
+    opened: boolean;
+    dropdownRef: MutableRefObject<HTMLDivElement | null>;
+    dataCombo: DataCombo[];
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    imgSrcKey?: string;
+    selected?: {
+        [key: string]: number;
+    };
+    currents?: DataCombo[];
+    imageAlign?: 'left' | 'right';
+    striped?: boolean;
+    gridWrapperStyle?: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    selectFieldRef?: MutableRefObject<HTMLInputElement | null>;
+    dropdownMaxHeight?: number;
+    inputValue?: string;
+    align?: 'left' | 'right';
+}
+export interface IActionButtonsSelectProps {
+    handlerClear: () => void;
+    handlerOpenClose: () => void;
+    dropDownOpened: boolean;
+    showClearButton?: boolean;
+    disabled?: boolean;
+    customClassForSideButtons?: string;
+}
+export interface IButtonsProps {
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    icon: ReactElement;
+    key: string;
+    boxShadow: boolean;
+    readOnly?: boolean;
+    style: CSSProperties;
+    transparent: boolean;
+    disabled?: boolean;
+}
+export interface ErrorProps {
+    customClass?: string;
+    style?: CSSProperties;
+    messages?: string | string[];
+}
+export {};

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { Size } from '../../@types/Size';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../tooltip/types';
+import { Position, HintPosition } from '../../@types/Position';
+type InputHTMLProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'type'>;
+export interface CheckboxFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    hint?: string;
+    label?: string;
+    size?: Exclude<Size, 'mini'>;
+    variant?: 'default' | 'secondary';
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    rounded?: boolean;
+    readOnly?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    tabIndex?: number;
+}
+export declare const InputBase: React.ForwardRefExoticComponent<CheckboxFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/lib/inputs2/checkboxfield/base.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../src/lib/inputs2/checkboxfield/base.tsx"],"sourcesContent":["import '../../assets/styles/checkbox2.scss';\n\nimport React from 'react';\nimport _ from 'lodash';\nimport Hint from '../../hint';\nimport Icon from '../../icons';\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';\n\ntype InputHTMLProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'type'>;\nexport interface CheckboxFieldInputBaseProps extends InputHTMLProps, ITooltipCommonProps {\n  hint?: string;\n  label?: string;\n  size?: Exclude<Size, 'mini'>;\n  variant?: 'default' | 'secondary';\n  errors?: 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  tabIndex?: number;\n}\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, CheckboxFieldInputBaseProps>((props, ref) => {\n    const {\n      name, label, errors, onChange, size = 'default', tooltip, tooltipPosition, tooltipWidth, tabIndex = 0,\n      variant = 'default', customClass = '', customClassLabel = '', customClassWrapper = '', labelUppercase = false,\n      rounded = false, customClassInputContainer = '', skeletonize = false, hintPosition = 'below',\n      themePopover = 'light', popoverAlign = 'left', disabled, readOnly, ...rest\n    } = props;\n    const inputId = React.useMemo(() => props.id || `checkboxfield-${name}`, [props.id, name]);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n\n    const isChecked = props.checked ?? Boolean(props.value);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const handleOnChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) 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    }, [readOnly, disabled, onChange]);\n\n    return (\n      <React.Fragment>\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={readOnly}\n                disabled={disabled}\n                className={`input ${customClass}`}\n                tabIndex={!readOnly && !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={readOnly}\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={readOnly}\n              aria-disabled={disabled}\n              data-testid=\"test-checkbox-field-label\"\n              data-state-skeletonize={skeletonize}\n              data-state-disabled={disabled}\n              data-state-read-only={readOnly}\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={disabled}\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              <React.Fragment key={`${index + 1}-${error}`}>\n                {error}\n                {' '}\n              </React.Fragment>\n            ))}\n          </span>\n          )}\n        </div>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'CheckboxFieldInputBase';\n"],"names":["InputBase","React","forwardRef","props","ref","$","_c","disabled","errors","label","name","onChange","readOnly","rest","t0","t1","t10","t11","t12","t2","t3","t4","t5","t6","t7","t8","t9","tooltip","tooltipPosition","tooltipWidth","size","tabIndex","variant","customClass","customClassLabel","customClassWrapper","labelUppercase","rounded","customClassInputContainer","skeletonize","hintPosition","themePopover","popoverAlign","undefined","inputId","id","inputRootRef","useRef","isChecked","checked","Boolean","value","t13","_","isEmpty","hasLabel","hasHintMessages","hint","length","hasValidationErrors","t14","event","Object","defineProperty","target","writable","enumerable","configurable","handleOnChange","t15","t16","t17","t18","t19","t20","Symbol","for","Icon","t21","jsxs","t22","required","jsx","t23","Popover","PopoverText","t24","t25","Hint","t26","String","concat","map","_temp","t27","t28","Tooltip","t29","displayName","error","index"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+import { CheckboxFieldInputBaseProps } from './base';
+interface CheckboxFieldInputProps extends CheckboxFieldInputBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+declare const Input: React.ForwardRefExoticComponent<CheckboxFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { CheckboxFieldInputProps };

package/lib/inputs2/checkboxfield/index.js

@@ -0,0 +1,47 @@
+import { jsx as I } from "react/jsx-runtime";
+import { c as N } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/checkbox2.css';/* empty css                                 */
+import R from "react";
+import B from "../../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as E, OPTIONS_ON_DENIED as f } from "../../permissionValidations.js";
+import { InputBase as h } from "./base.js";
+const P = [f.disabled, f.unvisible, f.readOnly, f.hideContent], v = R.forwardRef((O, i) => {
+  const e = N.c(23);
+  let d, t, o, n, l, a;
+  e[0] !== O ? ({
+    onDeniedActions: o,
+    permissionAttr: n,
+    gridLayout: t,
+    readOnly: a,
+    disabled: d,
+    ...l
+  } = O, e[0] = O, e[1] = d, e[2] = t, e[3] = o, e[4] = n, e[5] = l, e[6] = a) : (d = e[1], t = e[2], o = e[3], n = e[4], l = e[5], a = e[6]);
+  let p;
+  e[7] !== o || e[8] !== n ? (p = o || E(P, n), e[7] = o, e[8] = n, e[9] = p) : p = e[9];
+  const b = p, {
+    hideContent: x,
+    unvisible: C
+  } = b, y = !!(a || b.readOnly), D = !!(d || b.disabled);
+  let m;
+  e[10] !== D || e[11] !== y || e[12] !== l ? (m = {
+    readOnly: y,
+    disabled: D,
+    ...l
+  }, e[10] = D, e[11] = y, e[12] = l, e[13] = m) : m = e[13];
+  const s = m;
+  if (C || x)
+    return null;
+  if (t) {
+    let r;
+    e[14] !== s || e[15] !== i ? (r = /* @__PURE__ */ I(h, { ref: i, ...s }), e[14] = s, e[15] = i, e[16] = r) : r = e[16];
+    let u;
+    return e[17] !== t || e[18] !== r ? (u = /* @__PURE__ */ I(B, { cols: t, children: r }), e[17] = t, e[18] = r, e[19] = u) : u = e[19], u;
+  }
+  let c;
+  return e[20] !== s || e[21] !== i ? (c = /* @__PURE__ */ I(h, { ref: i, ...s }), e[20] = s, e[21] = i, e[22] = c) : c = e[22], c;
+});
+v.displayName = "CheckboxFieldInput";
+export {
+  v as Input
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/checkboxfield/index.tsx"],"sourcesContent":["import '../../assets/styles/checkbox2.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { CheckboxFieldInputBaseProps, InputBase } from './base';\n\ninterface CheckboxFieldInputProps extends CheckboxFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\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 = React.forwardRef<HTMLInputElement, CheckboxFieldInputProps>(({\n  onDeniedActions, permissionAttr, gridLayout, readOnly, disabled, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies CheckboxFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'CheckboxFieldInput';\n\nexport { Input };\nexport type { CheckboxFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","React","forwardRef","t0","ref","$","_c","gridLayout","onDeniedActions","permissionAttr","props","t1","actionsOnPermissionDenied","onDenied","isReadOnly","Boolean","isDisabled","t2","inputProps","t3","jsx","InputBase","t4","GridCol","displayName"],"mappings":";;;;;;;AAcA,MAAMA,IAAU,CACdC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAEzBC,IAAQC,EAAMC,WAAsD,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAV,GAAAW,GAAAC,GAAAC,GAAAC,GAAAZ;AAAA,EAAAO,SAAAF,KAAC;AAAA,IAAAK,iBAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAF,YAAAA;AAAAA,IAAAT,UAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAA,GAAAc;AAAAA,EAAAA,IAAAP,GAE1EE,OAAAF,GAAAE,OAAAT,GAAAS,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAP,MAAAF,IAAAS,EAAA,CAAA,GAAAE,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAP,IAAAO,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAEUE,IAAAH,KAAmBI,EAA0BlB,GAASe,CAAc,GAACJ,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAD9E,QAAAQ,IACEF,GAEF;AAAA,IAAAZ,aAAAA;AAAAA,IAAAF,WAAAA;AAAAA,EAAAA,IAAmCgB,GACnCC,IAAmBC,GAAQjB,KAAYe,EAAQf,WAC/CkB,IAAmBD,GAAQnB,KAAYiB,EAAQjB;AAAW,MAAAqB;AAAA,EAAAZ,EAAA,EAAA,MAAAW,KAAAX,UAAAS,KAAAT,EAAA,EAAA,MAAAK,KACvCO,IAAA;AAAA,IAAAnB,UACPgB;AAAAA,IAAUlB,UAAYoB;AAAAA,IAAU,GAAKN;AAAAA,EAAAA,GAChDL,QAAAW,GAAAX,QAAAS,GAAAT,QAAAK,GAAAL,QAAAY,KAAAA,IAAAZ,EAAA,EAAA;AAFD,QAAAa,IAAmBD;AAInB,MAAIpB,KAAAE;AAAwB,WAAS;AAErC,MAAIQ,GAAU;AAAA,QAAAY;AAAA,IAAAd,EAAA,EAAA,MAAAa,KAAAb,UAAAD,KAGRe,IAAA,gBAAAC,EAACC,GAAA,EAAejB,KAAAA,GAAG,GAAMc,EAAAA,CAAU,GAAIb,QAAAa,GAAAb,QAAAD,GAAAC,QAAAc,KAAAA,IAAAd,EAAA,EAAA;AAAA,QAAAiB;AAAA,WAAAjB,EAAA,EAAA,MAAAE,KAAAF,UAAAc,KADzCG,IAAA,gBAAAF,EAACG,GAAA,EAAchB,MAAAA,GACbY,UAAAA,GACF,GAAUd,QAAAE,GAAAF,QAAAc,GAAAd,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA,GAFViB;AAAAA,EAEU;AAEb,MAAAH;AAAA,SAAAd,EAAA,EAAA,MAAAa,KAAAb,UAAAD,KAGCe,IAAA,gBAAAC,EAACC,GAAA,EAAejB,KAAAA,GAAG,GAAMc,EAAAA,CAAU,GAAIb,QAAAa,GAAAb,QAAAD,GAAAC,QAAAc,KAAAA,IAAAd,EAAA,EAAA,GAAvCc;AAAuC,CAE1C;AAEDnB,EAAMwB,cAAc;"}