linear-react-components-ui 1.1.26-beta.21 → 1.1.26-beta.22

package/lib/inputs/date/index.js

@@ -1,7 +1,7 @@
 import { jsxs as ue, jsx as m } from "react/jsx-runtime";
 import '../../assets/styles/button.css';import '../../assets/styles/datepicker.css';/* empty css                                  */
 import { useState as g, useRef as C, useEffect as w } from "react";
-import i from "../../node_modules/moment/dist/moment.js";
+import a from "../../node_modules/moment/dist/moment.js";
 import de from "../../gridlayout/GridCol.js";
 import "../../_virtual/compiler-runtime.js";
 import fe from "../../buttons/Button.js";
@@ -11,73 +11,73 @@ import ge from "../mask/BaseMask.js";
 import Ce from "./Dialog.js";
 import he from "./Dropdown.js";
 import { getMomentValue as De, EN_US_FORMAT as pe, EN_US_FORMAT_DATETIME as ye, blocksDateTimeFormat as Ee, PT_BR_FORMAT as be, PT_BR_FORMAT_DATETIME as Fe } from "./helpers.js";
-const Ae = (t) => {
+const Ae = (n) => {
   const {
     showButtonOpen: O = !0,
-    openOnFocus: U = !0,
-    shouldCloseOnSelect: q = !0,
-    setFocusOnSelect: G = !0,
+    openOnFocus: H = !0,
+    shouldCloseOnSelect: U = !0,
+    setFocusOnSelect: q = !0,
     showCalendarInDialog: c = !1,
-    required: W = !1,
+    required: G = !1,
     value: r = "",
-    name: J = "",
-    inputRef: T,
+    name: W = "",
+    inputRef: J,
     dialogSize: Q = {
       width: "384px",
       height: "384px"
     },
-    gridLayout: S,
+    gridLayout: T,
     shouldCloseOnEsc: X = !0,
     isDateTimeField: f = !1
-  } = t, Z = f ? Date : "00/00/0000", V = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, h = f ? ye : pe, [p, y] = g(r ? De(r) : void 0), [s, d] = g(!1), [I, L] = g(i(r, V).format()), [$, M] = g(), [_, k] = g(!1), [l, ee] = g({
+  } = n, Z = f ? Date : "00/00/0000", S = f ? "DD/MM/YYYY HH:mm" : void 0, u = f ? Fe : be, h = f ? ye : pe, [p, y] = g(r ? De(r) : void 0), [i, d] = g(!1), [V, I] = g(a(r, S).format()), [$, L] = g(), [_, k] = g(!1), [l, ee] = g({
     disabled: !1,
     readOnly: !1,
     unvisible: !1,
     hideContent: !1
-  }), a = C(null), te = C(null), E = C(null), P = C(null), v = C(null), B = C(null), R = () => {
-    M(a?.current?.getBoundingClientRect());
+  }), s = C(null), te = C(null), E = C(null), M = C(null), v = C(null), B = C(null), R = () => {
+    L(s?.current?.getBoundingClientRect());
   }, ne = () => {
     d(!1), c && setTimeout(() => {
-      k(!1), a.current?.focus();
+      k(!1), s.current?.focus();
     }, 100);
   }, oe = (e) => {
-    const n = !B.current?.contains(e.relatedTarget);
-    !c && s && n && d(!1);
-  }, A = (e) => {
-    if (X && s && e && e.key && e.key === "Escape" && (e.preventDefault(), d(!1), a.current?.focus()), s && c && e && e.key && e.key === "Tab") {
-      const n = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, D = Array.from([...n, F]), K = D[0], H = D[D.length - 1];
-      e.shiftKey && document.activeElement === K ? (e.preventDefault(), H.focus()) : !e.shiftKey && document.activeElement === H && (e.preventDefault(), K.focus());
+    const t = !B.current?.contains(e.relatedTarget);
+    !c && i && t && d(!1);
+  }, P = (e) => {
+    if (X && i && e && e.key && e.key === "Escape" && (e.preventDefault(), d(!1), s.current?.focus()), i && c && e && e.key && e.key === "Tab") {
+      const t = v.current?.getElementsByClassName("navbutton"), F = (v.current?.getElementsByClassName("-selectedday"))[0].firstChild, D = Array.from([...t, F]), Y = D[0], K = D[D.length - 1];
+      e.shiftKey && document.activeElement === Y ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), Y.focus());
     }
     e.stopPropagation();
   }, b = () => {
-    const e = a.current?.getBoundingClientRect(), n = e && e.bottom;
-    E && E.current && e && (E.current.style.top = String(n).concat("px"));
-  }, x = () => {
-    d(!0), a.current && (a.current.focus(), M(a.current?.getBoundingClientRect())), c && setTimeout(() => {
-      P.current?.focus();
+    const e = s.current?.getBoundingClientRect(), t = e && e.bottom;
+    E && E.current && e && (E.current.style.top = String(t).concat("px"));
+  }, A = () => {
+    d(!0), s.current && (s.current.focus(), L(s.current?.getBoundingClientRect())), c && setTimeout(() => {
+      M.current?.focus();
     }, 100);
   }, re = (e) => {
-    t.onFocus && t.onFocus(e), U && !s && !_ && x();
+    n.onFocus && n.onFocus(e), H && !i && !_ && A();
   }, ae = (e) => {
-    t.onBlur && t.onBlur(e);
+    n.onBlur && n.onBlur(e);
   }, ie = (e) => {
     if (typeof e == "object" && !(e instanceof Date)) {
-      const n = i(e.initial, u, !0).isValid(), o = i(e.final, u, !0).isValid();
-      return n && o;
+      const t = a(e.initial, u, !0).isValid(), o = a(e.final, u, !0).isValid();
+      return t && o;
     }
-    return i(e, u, !0).isValid();
-  }, N = (e, n = "") => {
-    if (typeof n == "string") {
+    return a(e, u, !0).isValid();
+  }, x = (e, t = "") => {
+    if (typeof t == "string") {
       const o = e.target.value ?? "";
-      if (t.onChange) {
+      if (n.onChange) {
         if (ie(o)) {
           const D = {
             target: {
-              value: i(o, u).format(h),
+              value: a(o, u).format(h),
               name: e.target.name
             }
           };
-          t.onChange(D, o);
+          n.onChange(D, o);
         } else if (e.target.value === "") {
           const F = {
             target: {
@@ -85,51 +85,49 @@ const Ae = (t) => {
               name: e.target.name
             }
           };
-          t.onChange(F, o), d(!1), y(void 0);
+          n.onChange(F, o), d(!1), y(void 0);
         }
       }
     }
-  }, j = (e, n) => {
-    s && G && a.current?.focus(), t.onComplete && t.onComplete(n, e), t.onChange && N({
+  }, N = (e, t) => {
+    i && q && s.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && x({
       target: {
         value: e ?? "",
-        name: J
+        name: W
       }
-    }, e), q && d(!1), y(i(e, u));
-  }, se = () => t.disabled || l && (l.disabled || l.hideContent), le = () => {
+    }, e), U && d(!1), y(a(e, u));
+  }, se = () => n.disabled || l && (l.disabled || l.hideContent), le = () => {
     if (O)
-      return /* @__PURE__ */ m(fe, { disabled: se(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: s ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
-        s ? d(!1) : x();
+      return /* @__PURE__ */ m(fe, { disabled: se(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: i ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        i ? d(!1) : A();
       }, targetRef: (e) => {
         te.current = e;
       } }, "button-open-date-picker");
-  }, z = (e, n) => /* @__PURE__ */ m(me, { colorStyle: n, currentDate: e !== void 0 ? e : i(), onDateChange: (o) => {
-    j(o.format(u), void 0), c && k(!1);
-  }, currentDateButton: (o) => P.current = o, calendarContainer: (o) => {
+  }, j = (e, t) => /* @__PURE__ */ m(me, { colorStyle: t, currentDate: e !== void 0 ? e : a(), onDateChange: (o) => {
+    N(o.format(u), void 0), c && k(!1);
+  }, currentDateButton: (o) => M.current = o, calendarContainer: (o) => {
     v.current = o;
-  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: z(p, t?.calendarColorStyle) }) : /* @__PURE__ */ m(he, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
+  } }), ce = () => l && l.readOnly ? null : c ? /* @__PURE__ */ m(Ce, { dialogSize: Q, handlerClose: ne, children: j(p, n?.calendarColorStyle) }) : /* @__PURE__ */ m(he, { showButtonOpen: O, inputDimensions: $, containerRef: B, dropdownRef: (e) => {
     E.current = e;
-  }, children: z(p, t?.calendarColorStyle) });
+  }, children: j(p, n?.calendarColorStyle) });
   if (w(() => {
-    r && i(r, h).format() !== "Invalid date" && i(I, h).format() !== i(r, h).format() ? (y(i(r, h)), L(r)) : !r && r !== I && (y(void 0), L(r));
-  }, [r]), w(() => (window.addEventListener("resize", R), document.addEventListener("keydown", A), a.current && R(), s && c && k(!0), () => {
-    window.removeEventListener("resize", R), document.removeEventListener("keydown", A);
-  }), [a.current, s]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
+    r && a(r, h).format() !== "Invalid date" && a(V, h).format() !== a(r, h).format() ? (y(a(r, h)), I(r)) : !r && r !== V && (y(void 0), I(r));
+  }, [r]), w(() => (window.addEventListener("resize", R), document.addEventListener("keydown", P), s.current && R(), i && c && k(!0), () => {
+    window.removeEventListener("resize", R), document.removeEventListener("keydown", P);
+  }), [s.current, i]), w(() => (document.addEventListener("scroll", b), document.getElementById("modal-dialog-content")?.addEventListener("scroll", b), () => {
     document.removeEventListener("scroll", b), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", b);
   }), []), l && l.unvisible) return null;
-  const Y = () => /* @__PURE__ */ ue("div", { ref: B, onBlur: oe, className: "datepicker-container", children: [
-    /* @__PURE__ */ m(ge, { ...t, gridLayout: void 0, isDateTimeField: f, value: p ? p.format(u) : " ", mask: Z, pattern: V, blocks: f ? Ee : {}, onComplete: (e) => {
-      e && j(e.target?.maskedValue, e);
+  const z = () => /* @__PURE__ */ ue("div", { ref: B, onBlur: oe, className: "datepicker-container", children: [
+    /* @__PURE__ */ m(ge, { ...n, gridLayout: void 0, isDateTimeField: f, value: p ? p.format(u) : " ", mask: Z, pattern: S, blocks: f ? Ee : {}, onComplete: (e) => {
+      e && N(e.target?.maskedValue, e);
     }, onBlur: ae, onFocus: (e) => {
       re(e);
-    }, onChange: (e, n) => {
-      N(e, n);
-    }, inputRef: (e) => {
-      a.current = e, T && (T.current = e);
-    }, rightElements: le(), required: W, handlerSetOnDenied: () => ee(l) }),
-    s && ce()
+    }, onChange: (e, t) => {
+      t && x(e, t);
+    }, inputRef: J, rightElements: le(), required: G, handlerSetOnDenied: () => ee(l) }),
+    i && ce()
   ] });
-  return S ? /* @__PURE__ */ m(de, { customClass: "-withinput", cols: S, children: Y() }) : Y();
+  return T ? /* @__PURE__ */ m(de, { customClass: "-withinput", cols: T, children: z() }) : z();
 };
 export {
   Ae as default

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/date/index.tsx"],"sourcesContent":["import '../../assets/styles/datepicker.scss';\n\nimport { FocusEvent as ReactFocusEvent, useEffect, useRef, useState } from 'react';\nimport moment, { Moment } from 'moment';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport Calendar from '../../calendar';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport BaseMask from '../mask/BaseMask';\nimport { CustomInputEvent } from '../base/types';\nimport Dialog from './Dialog';\nimport Dropdown from './Dropdown';\nimport { IDatePickerProps } from './types';\nimport {\n  getMomentValue, PT_BR_FORMAT, EN_US_FORMAT, PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT_DATETIME, blocksDateTimeFormat,\n} from './helpers';\n\nconst DatePicker = (props: IDatePickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, setFocusOnSelect = true,\n    showCalendarInDialog = false, required = false, value = '', name = '', inputRef: inputRefProp,\n    dialogSize = { width: '384px', height: '384px' }, gridLayout, shouldCloseOnEsc = true,\n    isDateTimeField = false,\n  } = props;\n\n  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;\n  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';\n  const brFormatter = !isDateTimeField ? PT_BR_FORMAT : PT_BR_FORMAT_DATETIME;\n  const usFormatter = !isDateTimeField ? EN_US_FORMAT : EN_US_FORMAT_DATETIME;\n\n  const [valueState, setValueState] =\n    useState<Moment | undefined>(value ? getMomentValue(value) : undefined);\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [valueFromProps, setValueFromProps] = useState(moment(value, patternFormat).format());\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [calendarOnDialog, setCalendarOnDialog] = useState(false);\n  const [onDenied, setOnDenied] = useState({\n    disabled: false,\n    readOnly: false,\n    unvisible: false,\n    hideContent: false,\n  });\n  const inputDateRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement>(null);\n  const dropdownContainer = useRef<HTMLDivElement>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n  const datePickerContainerRef = useRef<HTMLDivElement>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputDateRef?.current?.getBoundingClientRect());\n  };\n\n  const onCloseDateDialog = () => {\n    setShowCalendar(false);\n    if (showCalendarInDialog) {\n      setTimeout(() => {\n        setCalendarOnDialog(false);\n        inputDateRef.current?.focus();\n      }, 100);\n    }\n  };\n\n  const onCloseWithoutBlur = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) { setShowCalendar(false); }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      setShowCalendar(false);\n      inputDateRef.current?.focus();\n    }\n    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {\n      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton') as HTMLCollectionOf<HTMLButtonElement>;\n      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday') as HTMLCollectionOf<HTMLButtonElement>;\n      const buttonDatePicked = datePicked[0].firstChild as HTMLButtonElement;\n      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);\n      const firstElement = buttonsForFocus[0];\n      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];\n\n      if (event.shiftKey && document.activeElement === firstElement) {\n        event.preventDefault();\n        lastElement.focus();\n      } else if (!event.shiftKey && document.activeElement === lastElement) {\n        event.preventDefault();\n        firstElement.focus();\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputDateRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {\n      dropdownContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = () => {\n    setShowCalendar(true);\n    if (inputDateRef.current) {\n      inputDateRef.current.focus();\n      setInputDimensions(inputDateRef.current?.getBoundingClientRect());\n    }\n    if (showCalendarInDialog) {\n      setTimeout(() => { currentDateButtonRef.current?.focus(); }, 100);\n    }\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    if (props.onFocus) props.onFocus(e);\n    if (openOnFocus && !showCalendar && !calendarOnDialog) { openCalendar(); }\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const isValidDate = (date: Date | string | { initial?: string, final?: string }) => {\n    if (typeof date === 'object' && !(date instanceof Date)) {\n      const initialValid = moment(date.initial, brFormatter, true).isValid();\n      const finalValid = moment(date.final, brFormatter, true).isValid();\n\n      return initialValid && finalValid;\n    }\n\n    return moment(date, brFormatter, true).isValid();\n  };\n\n  const onInputChange = (\n    event: CustomInputEvent,\n    valueInput: string | {\n      initial: string;\n      final: string;\n    } = '',\n  ) => {\n    if (typeof valueInput === 'string') {\n      const date = event.target.value ?? '';\n      if (props.onChange) {\n        if (isValidDate(date)) {\n          const newValue = moment(date, brFormatter).format(usFormatter);\n          const obj = { target: { value: newValue, name: event.target.name } };\n          props.onChange(obj, date);\n        } else if (event.target.value === '') {\n          const obj = { target: { value: '', name: event.target.name } };\n          props.onChange(obj, date);\n          setShowCalendar(false);\n          setValueState(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (valueParam?: string, e?: CustomInputEvent) => {\n    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();\n    if (props.onComplete) props.onComplete(e, valueParam);\n    if (props.onChange) onInputChange({ target: { value: valueParam ?? '', name } }, valueParam);\n    if (shouldCloseOnSelect) setShowCalendar(false);\n    setValueState(moment(valueParam, brFormatter));\n  };\n\n  const shouldDisable = () =>\n    props.disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const getButtonOpen = () => {\n    if (!showButtonOpen) return undefined;\n    return (\n      <Button\n        key=\"button-open-date-picker\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        iconName='calendar'\n        title={showCalendar ? 'Fechar Calendário' : 'Abrir Calendário'}\n        onClick={() => { if (showCalendar) { setShowCalendar(false); } else openCalendar(); }}\n        targetRef={(ref: HTMLButtonElement) => { buttonOpenRef.current = ref; }} />\n    );\n  };\n\n  const getCalendar = (valueCalendar?: Moment, calendarColorStyle?: ColorStyles) => (\n    <Calendar\n      colorStyle={calendarColorStyle}\n      currentDate={valueCalendar !== undefined ? valueCalendar : moment()}\n      onDateChange={(date) => {\n        setValue(date.format(brFormatter), undefined);\n        if (showCalendarInDialog) setCalendarOnDialog(false);\n      }}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement}\n      calendarContainer={(calendarContainer) => { \n        calendarContainerRef.current = calendarContainer; \n      }} />\n  );\n\n  const getCalendarComponent = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          dialogSize={dialogSize}\n          handlerClose={onCloseDateDialog}>\n          {getCalendar(valueState, props?.calendarColorStyle)}\n        </Dialog>\n      );\n    }\n\n    return (\n      <Dropdown\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        containerRef={datePickerContainerRef as any}\n        dropdownRef={(el: HTMLDivElement) => { dropdownContainer.current = el; }}>\n        {getCalendar(valueState, props?.calendarColorStyle)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    if (value && moment(value, usFormatter).format() !== 'Invalid date' &&\n      moment(valueFromProps, usFormatter).format() !== moment(value, usFormatter).format()) {\n      setValueState(moment(value, usFormatter));\n      setValueFromProps(value);\n    } else if (!value && value !== valueFromProps) {\n      setValueState(undefined);\n      setValueFromProps(value);\n    }\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('keydown', onKeyDownPress);\n    if (inputDateRef.current) onScreenResize();\n    if (showCalendar && showCalendarInDialog) setCalendarOnDialog(true);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [inputDateRef.current, showCalendar]);\n\n  useEffect(() => {\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    return () => {\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div ref={datePickerContainerRef} onBlur={onCloseWithoutBlur} className=\"datepicker-container\">\n      <BaseMask\n        {...props}\n        gridLayout={undefined}\n        isDateTimeField={isDateTimeField}\n        value={!valueState ? ' ' : valueState.format(brFormatter)}\n        mask={maskFormat}\n        pattern={patternFormat}\n        blocks={!isDateTimeField ? {} : blocksDateTimeFormat}\n        onComplete={(e) => { if (e) { setValue(e.target?.maskedValue, e); } }}\n        onBlur={onInputBlur}\n        onFocus={(e: CustomInputEvent) => { onInputFocus(e); }}\n        onChange={(e, date) => { onInputChange(e, date); }}\n        inputRef={(el: HTMLInputElement | HTMLTextAreaElement | null) => {\n          inputDateRef.current = el;\n          if (inputRefProp) inputRefProp.current = el;\n        }}\n        rightElements={getButtonOpen()}\n        required={required}\n        handlerSetOnDenied={() => setOnDenied(onDenied)} />\n      {showCalendar && getCalendarComponent()}\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default DatePicker;\n"],"names":["DatePicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","setFocusOnSelect","showCalendarInDialog","required","value","name","inputRef","inputRefProp","dialogSize","width","height","gridLayout","shouldCloseOnEsc","isDateTimeField","maskFormat","Date","patternFormat","undefined","brFormatter","PT_BR_FORMAT_DATETIME","PT_BR_FORMAT","usFormatter","EN_US_FORMAT_DATETIME","EN_US_FORMAT","valueState","setValueState","useState","getMomentValue","showCalendar","setShowCalendar","valueFromProps","setValueFromProps","moment","format","inputDimensions","setInputDimensions","calendarOnDialog","setCalendarOnDialog","onDenied","setOnDenied","disabled","readOnly","unvisible","hideContent","inputDateRef","useRef","buttonOpenRef","dropdownContainer","currentDateButtonRef","calendarContainerRef","datePickerContainerRef","onScreenResize","current","getBoundingClientRect","onCloseDateDialog","setTimeout","focus","onCloseWithoutBlur","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","key","preventDefault","buttonForNavigateCalendar","getElementsByClassName","buttonDatePicked","firstChild","buttonsForFocus","Array","from","firstElement","lastElement","length","shiftKey","document","activeElement","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","onInputFocus","e","onFocus","onInputBlur","onBlur","isValidDate","date","initialValid","initial","isValid","finalValid","final","onInputChange","valueInput","target","onChange","obj","setValue","valueParam","onComplete","shouldDisable","getButtonOpen","Button","ref","getCalendar","valueCalendar","calendarColorStyle","Calendar","buttonElement","calendarContainer","getCalendarComponent","jsx","Dialog","Dropdown","el","useEffect","window","addEventListener","removeEventListener","getElementById","component","jsxs","BaseMask","blocksDateTimeFormat","maskedValue","Grid"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/date/index.tsx"],"sourcesContent":["import '../../assets/styles/datepicker.scss';\n\nimport { FocusEvent as ReactFocusEvent, useEffect, useRef, useState } from 'react';\nimport moment, { Moment } from 'moment';\nimport Grid from '../../gridlayout';\nimport Button from '../../buttons';\nimport Calendar from '../../calendar';\nimport { ColorStyles } from '../../@types/ColorStyles';\nimport BaseMask from '../mask/BaseMask';\nimport { CustomInputEvent } from '../base/types';\nimport Dialog from './Dialog';\nimport Dropdown from './Dropdown';\nimport { IDatePickerProps } from './types';\nimport {\n  getMomentValue, PT_BR_FORMAT, EN_US_FORMAT, PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT_DATETIME, blocksDateTimeFormat,\n} from './helpers';\n\nconst DatePicker = (props: IDatePickerProps) => {\n  const {\n    showButtonOpen = true, openOnFocus = true, shouldCloseOnSelect = true, setFocusOnSelect = true,\n    showCalendarInDialog = false, required = false, value = '', name = '', inputRef: inputRefProp,\n    dialogSize = { width: '384px', height: '384px' }, gridLayout, shouldCloseOnEsc = true,\n    isDateTimeField = false,\n  } = props;\n\n  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;\n  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';\n  const brFormatter = !isDateTimeField ? PT_BR_FORMAT : PT_BR_FORMAT_DATETIME;\n  const usFormatter = !isDateTimeField ? EN_US_FORMAT : EN_US_FORMAT_DATETIME;\n\n  const [valueState, setValueState] =\n    useState<Moment | undefined>(value ? getMomentValue(value) : undefined);\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [valueFromProps, setValueFromProps] = useState(moment(value, patternFormat).format());\n  const [inputDimensions, setInputDimensions] = useState<DOMRect>();\n  const [calendarOnDialog, setCalendarOnDialog] = useState(false);\n  const [onDenied, setOnDenied] = useState({\n    disabled: false,\n    readOnly: false,\n    unvisible: false,\n    hideContent: false,\n  });\n  const inputDateRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const buttonOpenRef = useRef<HTMLButtonElement>(null);\n  const dropdownContainer = useRef<HTMLDivElement>(null);\n  const currentDateButtonRef = useRef<HTMLButtonElement>(null);\n  const calendarContainerRef = useRef<HTMLDivElement | null>(null);\n  const datePickerContainerRef = useRef<HTMLDivElement>(null);\n\n  const onScreenResize = () => {\n    setInputDimensions(inputDateRef?.current?.getBoundingClientRect());\n  };\n\n  const onCloseDateDialog = () => {\n    setShowCalendar(false);\n    if (showCalendarInDialog) {\n      setTimeout(() => {\n        setCalendarOnDialog(false);\n        inputDateRef.current?.focus();\n      }, 100);\n    }\n  };\n\n  const onCloseWithoutBlur = (event: ReactFocusEvent<HTMLDivElement>) => {\n    const focusOnAnotherField = !datePickerContainerRef.current?.contains(event.relatedTarget);\n    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) { setShowCalendar(false); }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {\n      event.preventDefault();\n      setShowCalendar(false);\n      inputDateRef.current?.focus();\n    }\n    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {\n      const buttonForNavigateCalendar = calendarContainerRef.current?.getElementsByClassName('navbutton') as HTMLCollectionOf<HTMLButtonElement>;\n      const datePicked = calendarContainerRef.current?.getElementsByClassName('-selectedday') as HTMLCollectionOf<HTMLButtonElement>;\n      const buttonDatePicked = datePicked[0].firstChild as HTMLButtonElement;\n      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);\n      const firstElement = buttonsForFocus[0];\n      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];\n\n      if (event.shiftKey && document.activeElement === firstElement) {\n        event.preventDefault();\n        lastElement.focus();\n      } else if (!event.shiftKey && document.activeElement === lastElement) {\n        event.preventDefault();\n        firstElement.focus();\n      }\n    }\n    event.stopPropagation();\n  };\n\n  const keepPositionCalendarByScroll = () => {\n    const inputDateDimensions = inputDateRef.current?.getBoundingClientRect();\n    const positionTop = inputDateDimensions && inputDateDimensions.bottom;\n    if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {\n      dropdownContainer.current.style.top = String(positionTop).concat('px');\n    }\n  };\n\n  const openCalendar = () => {\n    setShowCalendar(true);\n    if (inputDateRef.current) {\n      inputDateRef.current.focus();\n      setInputDimensions(inputDateRef.current?.getBoundingClientRect());\n    }\n    if (showCalendarInDialog) {\n      setTimeout(() => { currentDateButtonRef.current?.focus(); }, 100);\n    }\n  };\n\n  const onInputFocus = (e: CustomInputEvent) => {\n    if (props.onFocus) props.onFocus(e);\n    if (openOnFocus && !showCalendar && !calendarOnDialog) { openCalendar(); }\n  };\n\n  const onInputBlur = (e: CustomInputEvent) => {\n    if (props.onBlur) props.onBlur(e);\n  };\n\n  const isValidDate = (date: Date | string | { initial?: string, final?: string }) => {\n    if (typeof date === 'object' && !(date instanceof Date)) {\n      const initialValid = moment(date.initial, brFormatter, true).isValid();\n      const finalValid = moment(date.final, brFormatter, true).isValid();\n\n      return initialValid && finalValid;\n    }\n\n    return moment(date, brFormatter, true).isValid();\n  };\n\n  const onInputChange = (\n    event: CustomInputEvent,\n    valueInput: string | {\n      initial: string;\n      final: string;\n    } = '',\n  ) => {\n    if (typeof valueInput === 'string') {\n      const date = event.target.value ?? '';\n      if (props.onChange) {\n        if (isValidDate(date)) {\n          const newValue = moment(date, brFormatter).format(usFormatter);\n          const obj = { target: { value: newValue, name: event.target.name } };\n          props.onChange(obj, date);\n        } else if (event.target.value === '') {\n          const obj = { target: { value: '', name: event.target.name } };\n          props.onChange(obj, date);\n          setShowCalendar(false);\n          setValueState(undefined);\n        }\n      }\n    }\n  };\n\n  const setValue = (valueParam?: string, e?: CustomInputEvent) => {\n    if (showCalendar && setFocusOnSelect) inputDateRef.current?.focus();\n    if (props.onComplete) props.onComplete(e, valueParam);\n    if (props.onChange) onInputChange({ target: { value: valueParam ?? '', name } }, valueParam);\n    if (shouldCloseOnSelect) setShowCalendar(false);\n    setValueState(moment(valueParam, brFormatter));\n  };\n\n  const shouldDisable = () =>\n    props.disabled || (onDenied && (onDenied.disabled || onDenied.hideContent));\n\n  const getButtonOpen = () => {\n    if (!showButtonOpen) return undefined;\n    return (\n      <Button\n        key=\"button-open-date-picker\"\n        disabled={shouldDisable()}\n        tabIndex={-1}\n        customClass=\"calendar-button\"\n        iconName='calendar'\n        title={showCalendar ? 'Fechar Calendário' : 'Abrir Calendário'}\n        onClick={() => { if (showCalendar) { setShowCalendar(false); } else openCalendar(); }}\n        targetRef={(ref: HTMLButtonElement) => { buttonOpenRef.current = ref; }} />\n    );\n  };\n\n  const getCalendar = (valueCalendar?: Moment, calendarColorStyle?: ColorStyles) => (\n    <Calendar\n      colorStyle={calendarColorStyle}\n      currentDate={valueCalendar !== undefined ? valueCalendar : moment()}\n      onDateChange={(date) => {\n        setValue(date.format(brFormatter), undefined);\n        if (showCalendarInDialog) setCalendarOnDialog(false);\n      }}\n      currentDateButton={buttonElement => currentDateButtonRef.current = buttonElement}\n      calendarContainer={(calendarContainer) => { \n        calendarContainerRef.current = calendarContainer; \n      }} />\n  );\n\n  const getCalendarComponent = () => {\n    if (onDenied && onDenied.readOnly) return null;\n    if (showCalendarInDialog) {\n      return (\n        <Dialog\n          dialogSize={dialogSize}\n          handlerClose={onCloseDateDialog}>\n          {getCalendar(valueState, props?.calendarColorStyle)}\n        </Dialog>\n      );\n    }\n\n    return (\n      <Dropdown\n        showButtonOpen={showButtonOpen}\n        inputDimensions={inputDimensions}\n        containerRef={datePickerContainerRef as any}\n        dropdownRef={(el: HTMLDivElement) => { dropdownContainer.current = el; }}>\n        {getCalendar(valueState, props?.calendarColorStyle)}\n      </Dropdown>\n    );\n  };\n\n  useEffect(() => {\n    if (value && moment(value, usFormatter).format() !== 'Invalid date' &&\n      moment(valueFromProps, usFormatter).format() !== moment(value, usFormatter).format()) {\n      setValueState(moment(value, usFormatter));\n      setValueFromProps(value);\n    } else if (!value && value !== valueFromProps) {\n      setValueState(undefined);\n      setValueFromProps(value);\n    }\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('keydown', onKeyDownPress);\n    if (inputDateRef.current) onScreenResize();\n    if (showCalendar && showCalendarInDialog) setCalendarOnDialog(true);\n\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [inputDateRef.current, showCalendar]);\n\n  useEffect(() => {\n    document.addEventListener('scroll', keepPositionCalendarByScroll);\n    document.getElementById('modal-dialog-content')?.addEventListener('scroll', keepPositionCalendarByScroll);\n\n    return () => {\n      document.removeEventListener('scroll', keepPositionCalendarByScroll);\n      document.getElementById('modal-dialog-content')?.removeEventListener('scroll', keepPositionCalendarByScroll);\n    };\n  }, []);\n\n  if (onDenied && onDenied.unvisible) return null;\n\n  const component = () => (\n    <div ref={datePickerContainerRef} onBlur={onCloseWithoutBlur} className=\"datepicker-container\">\n      <BaseMask\n        {...props}\n        gridLayout={undefined}\n        isDateTimeField={isDateTimeField}\n        value={!valueState ? ' ' : valueState.format(brFormatter)}\n        mask={maskFormat}\n        pattern={patternFormat}\n        blocks={!isDateTimeField ? {} : blocksDateTimeFormat}\n        onComplete={(e) => { if (e) { setValue(e.target?.maskedValue, e); } }}\n        onBlur={onInputBlur}\n        onFocus={(e: CustomInputEvent) => { onInputFocus(e); }}\n        onChange={(e, date) => { if (date) onInputChange(e, date); }}\n        inputRef={inputRefProp}\n        rightElements={getButtonOpen()}\n        required={required}\n        handlerSetOnDenied={() => setOnDenied(onDenied)} />\n      {showCalendar && getCalendarComponent()}\n    </div>\n  );\n\n  return (!gridLayout ? component() : <Grid customClass=\"-withinput\" cols={gridLayout}>{component()}</Grid>);\n};\n\nexport default DatePicker;\n"],"names":["DatePicker","props","showButtonOpen","openOnFocus","shouldCloseOnSelect","setFocusOnSelect","showCalendarInDialog","required","value","name","inputRef","inputRefProp","dialogSize","width","height","gridLayout","shouldCloseOnEsc","isDateTimeField","maskFormat","Date","patternFormat","undefined","brFormatter","PT_BR_FORMAT_DATETIME","PT_BR_FORMAT","usFormatter","EN_US_FORMAT_DATETIME","EN_US_FORMAT","valueState","setValueState","useState","getMomentValue","showCalendar","setShowCalendar","valueFromProps","setValueFromProps","moment","format","inputDimensions","setInputDimensions","calendarOnDialog","setCalendarOnDialog","onDenied","setOnDenied","disabled","readOnly","unvisible","hideContent","inputDateRef","useRef","buttonOpenRef","dropdownContainer","currentDateButtonRef","calendarContainerRef","datePickerContainerRef","onScreenResize","current","getBoundingClientRect","onCloseDateDialog","setTimeout","focus","onCloseWithoutBlur","event","focusOnAnotherField","contains","relatedTarget","onKeyDownPress","key","preventDefault","buttonForNavigateCalendar","getElementsByClassName","buttonDatePicked","firstChild","buttonsForFocus","Array","from","firstElement","lastElement","length","shiftKey","document","activeElement","stopPropagation","keepPositionCalendarByScroll","inputDateDimensions","positionTop","bottom","style","top","String","concat","openCalendar","onInputFocus","e","onFocus","onInputBlur","onBlur","isValidDate","date","initialValid","initial","isValid","finalValid","final","onInputChange","valueInput","target","onChange","obj","setValue","valueParam","onComplete","shouldDisable","getButtonOpen","Button","ref","getCalendar","valueCalendar","calendarColorStyle","Calendar","buttonElement","calendarContainer","getCalendarComponent","jsx","Dialog","Dropdown","el","useEffect","window","addEventListener","removeEventListener","getElementById","component","jsxs","BaseMask","blocksDateTimeFormat","maskedValue","Grid"],"mappings":"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"}

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 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

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