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

package/lib/inputs2/date/dateperiodfield/triggers.js

@@ -0,0 +1,61 @@
+import { jsx as a } from "react/jsx-runtime";
+import n from "../../../node_modules/moment/dist/moment.js";
+import "../../../_virtual/compiler-runtime.js";
+import k from "../../../buttons/Button.js";
+import '../../../assets/styles/button.css';/* empty css                                 */
+import { Triggers as w } from "../base/index.js";
+import S from "../../../list/index.js";
+import { useDatePeriodFieldContext as v } from "./context.js";
+import { PERIOD_OPTIONS_LIST as B, TOKEN_ISO_FORMAT as m } from "../helpers.js";
+import x from "../../../list/Item.js";
+const y = () => {
+  const {
+    initialInputId: s,
+    initialInputRef: d,
+    finalInputRef: c,
+    isReadOnly: r,
+    isDisabled: o,
+    selectedDate: i,
+    calendarBoxOpen: l,
+    showCalendarButton: h,
+    skeletonize: C,
+    showPredefinedPeriodsButton: f,
+    showClearDateButton: D,
+    hasValidPeriodSelected: P,
+    handleChangeCalendarBoxState: I,
+    handleChangeActiveDescendant: p,
+    handleChangeCalendarDisplayDate: u,
+    handleOnClickClearSelectedPeriod: T,
+    handleChangeUpdateDateStateWithPredefinedPeriod: O
+  } = v(), g = !r && !o, b = (e, t) => {
+    g ? t && O(t) : e?.preventDefault?.();
+  };
+  return /* @__PURE__ */ a(w, { clearButtonTestId: "test-date-period-field-trigger-clean-selected-period", calendarButtonTestId: "test-date-period-field-trigger-open-calendar", isDisabled: o, isReadOnly: r, skeletonize: C, inputFieldId: s, calendarBoxOpen: l, showClearButton: D, showCalendarButton: h, hasValidDateSelection: !1, hasValidPeriodSelected: P, onClearSelectedDate: T, onClickTriggerCalendar: (e) => {
+    if (!g) e.preventDefault();
+    else if (I(!l), !l)
+      switch (document.activeElement?.id) {
+        case d.current?.id: {
+          p((i.inicial ?? n()).format(m)), u(i.inicial ?? n()), d.current?.focus();
+          break;
+        }
+        case c.current?.id: {
+          p((i.final ?? n()).format(m)), u(i.final ?? n()), c.current?.focus();
+          break;
+        }
+        default:
+          d.current?.focus();
+          break;
+      }
+  }, children: /* @__PURE__ */ a(k, { "data-testid": "test-date-period-field-trigger-select-predefined-periods", className: "select-predefined-periods", dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, visible: f, type: "button", title: "Selecionar Periodos Pré Definidos", tabIndex: -1, disabled: o, "aria-label": "Selecionar Periodos Pré Definidos", "aria-controls": s, "aria-readonly": r, "data-state-read-only": r, "data-state-visible": f, iconName: "more1", dropdownAlign: "right", onMouseDown: (e) => {
+    e.preventDefault();
+  }, children: /* @__PURE__ */ a(S, { condensed: !0, children: B.map((e) => /* @__PURE__ */ a(x, { itemId: e.id, text: e.label, onMouseDown: (t) => {
+    t?.preventDefault?.();
+  }, onClick: (t) => {
+    b(t, e.id);
+  } }, e.id)) }) }) });
+};
+y.displayName = "DatePeriodFieldTriggers";
+export {
+  y as Triggers
+};
+//# sourceMappingURL=triggers.js.map

package/lib/inputs2/date/dateperiodfield/triggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triggers.js","sources":["../../../../src/lib/inputs2/date/dateperiodfield/triggers.tsx"],"sourcesContent":["import moment from 'moment';\nimport { MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport * as BaseDate from '../base';\nimport List, { ListItem } from '../../../list';\nimport type { DatePeriodTypes } from './types';\nimport { useDatePeriodFieldContext } from './context';\nimport { PERIOD_OPTIONS_LIST, TOKEN_ISO_FORMAT } from '../helpers';\n\nconst Triggers = () => {\n  const {\n    initialInputId, initialInputRef, finalInputRef, isReadOnly, isDisabled, selectedDate, \n    calendarBoxOpen, showCalendarButton, skeletonize, showPredefinedPeriodsButton,\n    showClearDateButton, hasValidPeriodSelected, handleChangeCalendarBoxState,\n    handleChangeActiveDescendant, handleChangeCalendarDisplayDate, handleOnClickClearSelectedPeriod,\n    handleChangeUpdateDateStateWithPredefinedPeriod,\n  } = useDatePeriodFieldContext();\n  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;\n\n  const handleOnClickTriggerSelectPredefinedPeriods = (\n    event: any, periodSelected?: DatePeriodTypes,\n  ) => {\n    if (!shouldHavePermitClickOnTrigger) event?.preventDefault?.();\n    else {\n      if (periodSelected) handleChangeUpdateDateStateWithPredefinedPeriod(periodSelected);\n    }\n  };\n\n  const handleOnClickTriggerCalendar = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!shouldHavePermitClickOnTrigger) event.preventDefault();\n    else {\n      handleChangeCalendarBoxState(!calendarBoxOpen);\n      if (!calendarBoxOpen) {\n        switch (document.activeElement?.id) {\n          case initialInputRef.current?.id: {\n            handleChangeActiveDescendant(\n              (selectedDate.inicial ?? moment()).format(TOKEN_ISO_FORMAT),\n            );\n            handleChangeCalendarDisplayDate(selectedDate.inicial ?? moment());\n            initialInputRef.current?.focus();\n            break;\n          }\n          case finalInputRef.current?.id: {\n            handleChangeActiveDescendant((selectedDate.final ?? moment()).format(TOKEN_ISO_FORMAT));\n            handleChangeCalendarDisplayDate(selectedDate.final ?? moment());\n            finalInputRef.current?.focus();\n            break;\n          }\n          default: initialInputRef.current?.focus();\n            break;\n        }\n      }\n    }\n  };\n\n  return (\n    <BaseDate.Triggers\n      clearButtonTestId=\"test-date-period-field-trigger-clean-selected-period\"\n      calendarButtonTestId=\"test-date-period-field-trigger-open-calendar\"\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      skeletonize={skeletonize}\n      inputFieldId={initialInputId}\n      calendarBoxOpen={calendarBoxOpen}\n      showClearButton={showClearDateButton}\n      showCalendarButton={showCalendarButton}\n      hasValidDateSelection={false}\n      hasValidPeriodSelected={hasValidPeriodSelected}\n      onClearSelectedDate={handleOnClickClearSelectedPeriod}\n      onClickTriggerCalendar={handleOnClickTriggerCalendar}>\n      <Button\n        data-testid=\"test-date-period-field-trigger-select-predefined-periods\"\n        className=\"select-predefined-periods\"\n        dropdown\n        transparent\n        boxShadow={false}\n        showIconDropdown={false}\n        visible={showPredefinedPeriodsButton}\n        type=\"button\"\n        title=\"Selecionar Periodos Pré Definidos\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label=\"Selecionar Periodos Pré Definidos\"\n        aria-controls={initialInputId}\n        aria-readonly={isReadOnly}\n        data-state-read-only={isReadOnly}\n        data-state-visible={showPredefinedPeriodsButton}\n        iconName=\"more1\"\n        dropdownAlign=\"right\"\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <List condensed>\n          {PERIOD_OPTIONS_LIST.map(period => (\n            <ListItem\n              key={period.id}\n              itemId={period.id}\n              text={period.label}\n              onMouseDown={(event) => { event?.preventDefault?.(); }}\n              onClick={(event) => {\n                handleOnClickTriggerSelectPredefinedPeriods(event, period.id); \n              }} />\n          ))}\n        </List>\n      </Button>\n    </BaseDate.Triggers>\n  );\n};\n\nTriggers.displayName = 'DatePeriodFieldTriggers';\n\nexport { Triggers };\n"],"names":["Triggers","initialInputId","initialInputRef","finalInputRef","isReadOnly","isDisabled","selectedDate","calendarBoxOpen","showCalendarButton","skeletonize","showPredefinedPeriodsButton","showClearDateButton","hasValidPeriodSelected","handleChangeCalendarBoxState","handleChangeActiveDescendant","handleChangeCalendarDisplayDate","handleOnClickClearSelectedPeriod","handleChangeUpdateDateStateWithPredefinedPeriod","useDatePeriodFieldContext","shouldHavePermitClickOnTrigger","handleOnClickTriggerSelectPredefinedPeriods","event","periodSelected","preventDefault","jsx","BaseDate.Triggers","handleOnClickTriggerCalendar","document","activeElement","id","current","inicial","moment","format","TOKEN_ISO_FORMAT","focus","final","Button","List","PERIOD_OPTIONS_LIST","map","period","ListItem","label","displayName"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAWA,MAAM;AACrB,QAAM;AAAA,IACJC,gBAAAA;AAAAA,IAAgBC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,IACxEC,iBAAAA;AAAAA,IAAiBC,oBAAAA;AAAAA,IAAoBC,aAAAA;AAAAA,IAAaC,6BAAAA;AAAAA,IAClDC,qBAAAA;AAAAA,IAAqBC,wBAAAA;AAAAA,IAAwBC,8BAAAA;AAAAA,IAC7CC,8BAAAA;AAAAA,IAA8BC,iCAAAA;AAAAA,IAAiCC,kCAAAA;AAAAA,IAC/DC,iDAAAA;AAAAA,EAAAA,IACEC,EAAAA,GACEC,IAAiC,CAACf,KAAc,CAACC,GAEjDe,IAA8CA,CAClDC,GAAYC,MACT;AACH,IAAKH,IAECG,OAAgEA,CAAc,IAF/CD,GAAOE,iBAAAA;AAAAA,EAI9C;AA6BA,SACE,gBAAAC,EAACC,GAAA,EACC,mBAAkB,wDAClB,sBAAqB,gDACrB,YAAApB,GACA,YAAAD,GACA,aAAAK,GACA,cAAcR,GACd,iBAAAM,GACA,iBAAiBI,GACjB,oBAAAH,GACA,uBAAuB,IACvB,wBAAAI,GACA,qBAAqBI,GACrB,wBAzCiCU,CAACL,MAAyC;AAC7E,QAAI,CAACF,EAAgCE,CAAAA,EAAME,eAAAA;AAAAA,aAEzCV,EAA6B,CAACN,CAAe,GACzC,CAACA;AACH,cAAQoB,SAASC,eAAeC,IAAAA;AAAAA,QAC9B,KAAK3B,EAAgB4B,SAASD,IAAI;AAChCf,UAAAA,GACGR,EAAayB,WAAWC,EAAAA,GAAUC,OAAOC,CAAgB,CAC5D,GACAnB,EAAgCT,EAAayB,WAAWC,GAAQ,GAChE9B,EAAgB4B,SAASK,MAAAA;AACzB;AAAA,QACF;AAAA,QACA,KAAKhC,EAAc2B,SAASD,IAAI;AAC9Bf,UAAAA,GAA8BR,EAAa8B,SAASJ,EAAAA,GAAUC,OAAOC,CAAgB,CAAC,GACtFnB,EAAgCT,EAAa8B,SAASJ,GAAQ,GAC9D7B,EAAc2B,SAASK,MAAAA;AACvB;AAAA,QACF;AAAA,QACA;AAASjC,UAAAA,EAAgB4B,SAASK,MAAAA;AAChC;AAAA,MAAA;AAAA,EAIV,GAiBI,UAAA,gBAAAX,EAACa,GAAA,EACC,eAAY,4DACZ,WAAU,6BACV,UAAQ,IACR,aAAW,IACX,WAAW,IACX,kBAAkB,IAClB,SAAS3B,GACT,MAAK,UACL,OAAM,qCACN,UAAU,IACV,UAAUL,GACV,cAAW,qCACX,iBAAeJ,GACf,iBAAeG,GACf,wBAAsBA,GACtB,sBAAoBM,GACpB,UAAS,SACT,eAAc,SACd,aAAcW,CAAAA,MAAU;AAAEA,IAAAA,EAAME,eAAAA;AAAAA,EAAkB,GAClD,UAAA,gBAAAC,EAACc,GAAA,EAAK,WAAS,IACZC,YAAoBC,IAAIC,CAAAA,MACvB,gBAAAjB,EAACkB,GAAA,EAEC,QAAQD,EAAOZ,IACf,MAAMY,EAAOE,OACb,aAActB,CAAAA,MAAU;AAAEA,IAAAA,GAAOE,iBAAAA;AAAAA,EAAoB,GACrD,SAAUF,CAAAA,MAAU;AAClBD,IAAAA,EAA4CC,GAAOoB,EAAOZ,EAAE;AAAA,EAC9D,KANKY,EAAOZ,GAOf,EAAA,CACH,GACF,GACF;AAEJ;AAEA7B,EAAS4C,cAAc;"}

package/lib/inputs2/date/dateperiodfield/types.d.ts

@@ -0,0 +1,99 @@
+import { Moment } from 'moment';
+import { ComponentPropsWithoutRef, RefObject } from 'react';
+import { TextAlign } from '../../../@types/Align';
+import { ColorTheme } from '../../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../../tooltip/types';
+import { Position, HintPosition } from '../../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../../@types/PermissionAttr';
+import { DateValueReturnType } from '../types';
+export type DatePeriodTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+export type PeriodOptions = {
+    id: DatePeriodTypes;
+    label?: string;
+};
+export type InputType = 'initial' | 'final';
+export type SelectedDateType = {
+    inicial: Moment | null;
+    final: Moment | null;
+};
+export type UpdateDateStateParams = {
+    date: Moment;
+    inputType: InputType;
+    typing?: boolean;
+};
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple' | 'value'>;
+export interface DatePeriodFieldProps extends InputHTMLProps, ITooltipCommonProps {
+    value?: any;
+    initialName?: string;
+    initialRef?: RefObject<HTMLInputElement | null>;
+    finalName?: string;
+    finalRef?: RefObject<HTMLInputElement | null>;
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    gridLayout?: string;
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    showCalendarButton?: boolean;
+    openCalendarOnFocus?: boolean;
+    shouldCloseOnSelect?: boolean;
+    showClearDateButton?: boolean;
+    showPredefinedPeriodsButton?: boolean;
+    returnValueType?: DateValueReturnType;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export interface DatePeriodContextProps {
+    initialInputId: string;
+    finalInputId: string;
+    activeDescendant: string;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    undigitable: boolean;
+    skeletonize: boolean;
+    calendarBoxOpen: boolean;
+    showCalendarButton: boolean;
+    openCalendarOnFocus: boolean;
+    hasValidationErrors: boolean;
+    showClearDateButton: boolean;
+    hasValidPeriodSelected: boolean;
+    showPredefinedPeriodsButton: boolean;
+    selectedDate: SelectedDateType;
+    calendarDisplayDate: Moment;
+    initialInputRef: RefObject<HTMLInputElement | null>;
+    finalInputRef: RefObject<HTMLInputElement | null>;
+    dateContainerRef: RefObject<HTMLDivElement | null>;
+    handleChangeUpdateDateState: (params: UpdateDateStateParams) => void;
+    handleChangeNextMonth: () => void;
+    handleChangePreviousMonth: () => void;
+    handleChangeCalendarBoxState: (value: boolean) => void;
+    handleChangeActiveDescendant: (value: string) => void;
+    handleChangeCalendarDisplayDate: (value: Moment) => void;
+    handleOnClickClearSelectedPeriod: () => void;
+    handleChangeUpdateDateStateWithPredefinedPeriod: (period: DatePeriodTypes) => void;
+}
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export {};

package/lib/inputs2/date/helpers.d.ts

@@ -0,0 +1,10 @@
+import { Moment } from 'moment';
+import { PeriodOptions } from './dateperiodfield/types';
+export declare const TOKEN_MASK = "00/00/0000";
+export declare const TOKEN_ISO_FORMAT = "YYYY-MM-DD";
+export declare const TOKEN_PTBR_FORMAT = "DD/MM/YYYY";
+export declare const options: string[];
+export declare const NAVIGATION_KEYS: string[];
+export declare const PERIOD_OPTIONS_LIST: PeriodOptions[];
+export declare const isWithinBounds: (date: Moment, minDate?: string, maxDate?: string) => boolean;
+export declare const generateCalendarWeeks: ((monthSelected: Moment) => Moment[][]) & import('lodash').MemoizedFunction;

package/lib/inputs2/date/helpers.js

@@ -0,0 +1,42 @@
+import "../../node_modules/moment/dist/moment.js";
+import i from "../../_virtual/memoize.js";
+import { OPTIONS_ON_DENIED as t } from "../../permissionValidations.js";
+import { Keys as e } from "./types.js";
+const p = "00/00/0000", w = "YYYY-MM-DD", Y = "DD/MM/YYYY", M = [t.disabled, t.unvisible, t.readOnly, t.hideContent], T = [e.arrowLeft, e.arrowRight, e.arrowUp, e.arrowDown, e.pageUp, e.pageDown, e.home, e.end, e.escape, e.enter], _ = [{
+  id: "today",
+  label: "Hoje"
+}, {
+  id: "week",
+  label: "Semana Atual"
+}, {
+  id: "lastweek",
+  label: "Última Semana"
+}, {
+  id: "last15",
+  label: "Últimos 15 dias"
+}, {
+  id: "month",
+  label: "Mês atual"
+}, {
+  id: "lastmonth",
+  label: "Último Mês"
+}], h = i((o) => {
+  const l = o.clone().startOf("month").startOf("week"), d = o.clone().endOf("month").endOf("week"), n = [], a = l.clone();
+  for (; a.isSameOrBefore(d, "day"); ) {
+    const r = [];
+    for (let s = 0; s < 7; s++)
+      r.push(a.clone()), a.add(1, "day");
+    n.push(r);
+  }
+  return n;
+}, (o) => o.format("YYYY-MM"));
+export {
+  T as NAVIGATION_KEYS,
+  _ as PERIOD_OPTIONS_LIST,
+  w as TOKEN_ISO_FORMAT,
+  p as TOKEN_MASK,
+  Y as TOKEN_PTBR_FORMAT,
+  h as generateCalendarWeeks,
+  M as options
+};
+//# sourceMappingURL=helpers.js.map

package/lib/inputs2/date/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs2/date/helpers.ts"],"sourcesContent":["import moment, { type Moment } from 'moment';\nimport memoize from 'lodash/memoize';\nimport { OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport type { PeriodOptions } from './dateperiodfield/types';\nimport { Keys } from './types';\n\nexport const TOKEN_MASK = '00/00/0000';\nexport const TOKEN_ISO_FORMAT = 'YYYY-MM-DD';\nexport const TOKEN_PTBR_FORMAT = 'DD/MM/YYYY';\nexport const options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const NAVIGATION_KEYS: string[] = [\n  Keys.arrowLeft, Keys.arrowRight, Keys.arrowUp, Keys.arrowDown,\n  Keys.pageUp, Keys.pageDown, Keys.home, Keys.end, Keys.escape,\n  Keys.enter,\n];\nexport const PERIOD_OPTIONS_LIST: PeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n];\nexport const isWithinBounds = (date: Moment, minDate?: string, maxDate?: string): boolean => {\n  if (minDate) {\n    const min = moment(minDate, TOKEN_ISO_FORMAT);\n    if (date.isBefore(min, 'day')) return false;\n  }\n  if (maxDate) {\n    const max = moment(maxDate, TOKEN_ISO_FORMAT);\n    if (date.isAfter(max, 'day')) return false;\n  }\n  return true;\n};\nexport const generateCalendarWeeks = memoize((monthSelected: Moment): Moment[][] => {\n  const startOfCalendar = monthSelected.clone().startOf('month').startOf('week');\n  const endOfCalendar = monthSelected.clone().endOf('month').endOf('week');\n  const weeks: Moment[][] = [];\n  const currentWeek = startOfCalendar.clone();\n  while (currentWeek.isSameOrBefore(endOfCalendar, 'day')) {\n    const week: Moment[] = [];\n    for (let days = 0; days < 7; days++) {\n      week.push(currentWeek.clone());\n      currentWeek.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n  return weeks;\n}, (monthSelected: Moment) => monthSelected.format('YYYY-MM'));\n"],"names":["TOKEN_MASK","TOKEN_ISO_FORMAT","TOKEN_PTBR_FORMAT","options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","NAVIGATION_KEYS","Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter","PERIOD_OPTIONS_LIST","id","label","generateCalendarWeeks","memoize","monthSelected","startOfCalendar","clone","startOf","endOfCalendar","endOf","weeks","currentWeek","isSameOrBefore","week","days","push","add","format"],"mappings":";;;;AAMO,MAAMA,IAAa,cACbC,IAAmB,cACnBC,IAAoB,cACpBC,IAAU,CACrBC,EAAkBC,UAClBD,EAAkBE,WAClBF,EAAkBG,UAClBH,EAAkBI,WAAW,GAElBC,IAA4B,CACvCC,EAAKC,WAAWD,EAAKE,YAAYF,EAAKG,SAASH,EAAKI,WACpDJ,EAAKK,QAAQL,EAAKM,UAAUN,EAAKO,MAAMP,EAAKQ,KAAKR,EAAKS,QACtDT,EAAKU,KAAK,GAECC,IAAuC,CAClD;AAAA,EAAEC,IAAI;AAAA,EAASC,OAAO;AAAO,GAC7B;AAAA,EAAED,IAAI;AAAA,EAAQC,OAAO;AAAe,GACpC;AAAA,EAAED,IAAI;AAAA,EAAYC,OAAO;AAAgB,GACzC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAkB,GACzC;AAAA,EAAED,IAAI;AAAA,EAASC,OAAO;AAAY,GAClC;AAAA,EAAED,IAAI;AAAA,EAAaC,OAAO;AAAa,CAAC,GAa7BC,IAAwBC,EAAQ,CAACC,MAAsC;AAClF,QAAMC,IAAkBD,EAAcE,MAAAA,EAAQC,QAAQ,OAAO,EAAEA,QAAQ,MAAM,GACvEC,IAAgBJ,EAAcE,MAAAA,EAAQG,MAAM,OAAO,EAAEA,MAAM,MAAM,GACjEC,IAAoB,CAAA,GACpBC,IAAcN,EAAgBC,MAAAA;AACpC,SAAOK,EAAYC,eAAeJ,GAAe,KAAK,KAAG;AACvD,UAAMK,IAAiB,CAAA;AACvB,aAASC,IAAO,GAAGA,IAAO,GAAGA;AAC3BD,MAAAA,EAAKE,KAAKJ,EAAYL,OAAO,GAC7BK,EAAYK,IAAI,GAAG,KAAK;AAE1BN,IAAAA,EAAMK,KAAKF,CAAI;AAAA,EACjB;AACA,SAAOH;AACT,GAAG,CAACN,MAA0BA,EAAca,OAAO,SAAS,CAAC;"}

package/lib/inputs2/date/types.d.ts

@@ -0,0 +1,59 @@
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+export type DateValueReturnType = 'default' | 'iso';
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {
+    customClassWrapper?: string;
+    hasValidationErrors?: boolean;
+}
+export interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {
+    hint?: string;
+    customClassLabel?: string;
+    skeletonize?: boolean;
+    label?: string;
+    inputId?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    required?: boolean;
+    labelUppercase?: boolean;
+    hasHintMessages?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {
+    skeletonize?: boolean;
+    customClassInputContainer?: string;
+}
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
+export interface BaseDateInputProps extends InputHTMLProps {
+    customClass?: string;
+}
+export interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    skeletonize?: boolean;
+    inputFieldId?: string;
+    calendarBoxOpen?: boolean;
+    showClearButton?: boolean;
+    showCalendarButton?: boolean;
+    hasValidDateSelection?: boolean;
+    hasValidPeriodSelected?: boolean;
+    clearButtonTestId?: string;
+    calendarButtonTestId?: string;
+    onClearSelectedDate: () => void;
+    onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export {};

package/lib/inputs2/date/types.js

@@ -0,0 +1,5 @@
+var o = /* @__PURE__ */ ((r) => (r.arrowLeft = "ArrowLeft", r.arrowRight = "ArrowRight", r.arrowUp = "ArrowUp", r.arrowDown = "ArrowDown", r.pageUp = "PageUp", r.pageDown = "PageDown", r.home = "Home", r.end = "End", r.escape = "Escape", r.enter = "Enter", r))(o || {});
+export {
+  o as Keys
+};
+//# sourceMappingURL=types.js.map

package/lib/inputs2/date/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport enum Keys {\n  arrowLeft = 'ArrowLeft',\n  arrowRight = 'ArrowRight',\n  arrowUp = 'ArrowUp',\n  arrowDown = 'ArrowDown',\n  pageUp = 'PageUp',\n  pageDown = 'PageDown',\n  home = 'Home',\n  end = 'End',\n  escape = 'Escape',\n  enter = 'Enter'\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n  customClassWrapper?: string;\n  hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n  hint?: string;\n  customClassLabel?: string;\n  skeletonize?: boolean;\n  label?: string;\n  inputId?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  required?: boolean;\n  labelUppercase?: boolean;\n  hasHintMessages?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n  skeletonize?: boolean;\n  customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n  customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  skeletonize?: boolean;\n  inputFieldId?: string;\n  calendarBoxOpen?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  hasValidDateSelection?: boolean;\n  hasValidPeriodSelected?: boolean;\n  clearButtonTestId?: string;\n  calendarButtonTestId?: string;\n  onClearSelectedDate: () => void,\n  onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"names":["Keys","arrowLeft","arrowRight","arrowUp","arrowDown","pageUp","pageDown","home","end","escape","enter"],"mappings":"AAKO,IAAKA,sBAAAA,OACVC,EAAAA,YAAY,aACZC,EAAAA,aAAa,cACbC,EAAAA,UAAU,WACVC,EAAAA,YAAY,aACZC,EAAAA,SAAS,UACTC,EAAAA,WAAW,YACXC,EAAAA,OAAO,QACPC,EAAAA,MAAM,OACNC,EAAAA,SAAS,UACTC,EAAAA,QAAQ,SAVEV,IAAAA,KAAAA,CAAAA,CAAAA;"}

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

@@ -0,0 +1,11 @@
+import * as TextField from '../textfield';
+interface FileFieldInputProps extends Omit<TextField.TextFieldInputProps, 'type'> {
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    gridLayout?: string;
+    showClearButton?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<FileFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { FileFieldInputProps };

package/lib/inputs2/filefield/index.js

@@ -0,0 +1,120 @@
+import { jsx as l, jsxs as E } from "react/jsx-runtime";
+import { c as X } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/button.css';import '../../assets/styles/filefield.css';/* empty css                                 */
+import i from "../../_virtual/lodash.js";
+import { forwardRef as Y, useRef as Z, useState as ee, Fragment as te } from "react";
+import G from "../../buttons/Button.js";
+/* empty css                              */
+import { Input as ne } from "../textfield/index.js";
+import K from "../../list/index.js";
+import Q from "../../list/Item.js";
+import { LeftSlot as le, RightSlot as ae } from "../slot/index.js";
+const ie = Y((t, h) => {
+  const e = X.c(48);
+  let o;
+  e[0] !== t ? ({
+    ...o
+  } = t, e[0] = t, e[1] = o) : o = e[1];
+  const y = Z(null);
+  let b;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (b = [], e[2] = b) : b = e[2];
+  const [T, H] = ee(b), n = t?.value ?? T;
+  let v;
+  e[3] !== n ? (v = i.isArray(n) && n.length > 0 ? `${n.length} arquivo(s) selecionado(s)` : "Nenhum arquivo selecionado", e[3] = n, e[4] = v) : v = e[4];
+  const N = v;
+  let g;
+  e[5] !== t ? (g = (p) => {
+    const J = p.target.files;
+    if (!J)
+      return;
+    let a = Array.from(J);
+    t?.maxSize && (a = a.filter((W) => W.size <= i.toNumber(t.maxSize))), !t?.multiple && a.length > 1 && (a = [a[0]]), i.isNil(t?.value) && H(a), t.onChange?.({
+      target: {
+        name: t.name,
+        value: a
+      }
+    }), y.current.value = "";
+  }, e[5] = t, e[6] = g) : g = e[6];
+  const _ = g;
+  let w;
+  e[7] !== t ? (w = () => {
+    i.isNil(t?.value) && H([]), t.onChange?.({
+      target: {
+        name: t.name,
+        value: ""
+      }
+    }), y.current.value = "";
+  }, e[7] = t, e[8] = w) : w = e[8];
+  const C = w;
+  let I;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+    y.current?.click();
+  }, e[9] = I) : I = e[9];
+  const U = I, V = oe;
+  let S;
+  e[10] !== t ? (S = (p) => {
+    t.onBeforeInput?.(p);
+  }, e[10] = t, e[11] = S) : S = e[11];
+  const O = S, L = t?.name, A = t?.accept, F = t?.multiple;
+  let x;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    all: "unset",
+    display: "none"
+  }, e[12] = x) : x = e[12];
+  let s;
+  e[13] !== _ || e[14] !== L || e[15] !== A || e[16] !== F ? (s = /* @__PURE__ */ l(le, { children: /* @__PURE__ */ l("input", { ref: y, type: "file", name: L, accept: A, multiple: F, onChange: _, style: x }) }), e[13] = _, e[14] = L, e[15] = A, e[16] = F, e[17] = s) : s = e[17];
+  const k = t?.disabled, q = t?.readOnly, M = t?.readOnly;
+  let r;
+  e[18] !== n ? (r = !i.isArray(n) && /* @__PURE__ */ l(K, { condensed: !0, children: /* @__PURE__ */ l(Q, { itemId: "nenhum-selecionado", text: "Nenhum arquivo selecionado", onMouseDown: re }, "nenhum-selecionado") }), e[18] = n, e[19] = r) : r = e[19];
+  let c;
+  e[20] !== n ? (c = i.isArray(n) && i.size(n) > 0 && /* @__PURE__ */ l(K, { condensed: !0, children: n.map(de) }), e[20] = n, e[21] = c) : c = e[21];
+  let d;
+  e[22] !== k || e[23] !== q || e[24] !== M || e[25] !== r || e[26] !== c ? (d = /* @__PURE__ */ E(G, { className: "show-files-selected-list", visible: !0, dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Arquivos Selecionados", tabIndex: -1, disabled: k, "aria-label": "Arquivos Selecionados", "aria-readonly": q, "data-state-read-only": M, iconName: "information", dropdownAlign: "right", onMouseDown: se, children: [
+    r,
+    c
+  ] }), e[22] = k, e[23] = q, e[24] = M, e[25] = r, e[26] = c, e[27] = d) : d = e[27];
+  const R = t?.disabled, $ = t?.readOnly, z = t?.readOnly;
+  let f;
+  e[28] !== C || e[29] !== R || e[30] !== $ || e[31] !== z ? (f = /* @__PURE__ */ l(G, { "data-testid": "test-file-field-trigger-clear-files-selected", className: "clear-files-selected", visible: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Limpar", tabIndex: -1, disabled: R, "aria-label": "Limpar", "aria-readonly": $, "data-state-read-only": z, iconName: "close", onClick: C, onMouseDown: fe }), e[28] = C, e[29] = R, e[30] = $, e[31] = z, e[32] = f) : f = e[32];
+  const B = t?.disabled, j = t?.readOnly, P = t?.readOnly;
+  let u;
+  e[33] !== B || e[34] !== j || e[35] !== P ? (u = /* @__PURE__ */ l(G, { "data-testid": "test-file-field-trigger-select-files", className: "select-files", visible: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Selecionar", label: "Selecionar", tabIndex: -1, disabled: B, "aria-label": "Selecionar", "aria-readonly": j, "data-state-read-only": P, iconName: "upload4", onClick: U, onMouseDown: ue }), e[33] = B, e[34] = j, e[35] = P, e[36] = u) : u = e[36];
+  let m;
+  e[37] !== d || e[38] !== f || e[39] !== u ? (m = /* @__PURE__ */ E(ae, { className: "file-right-slot", children: [
+    d,
+    f,
+    u
+  ] }), e[37] = d, e[38] = f, e[39] = u, e[40] = m) : m = e[40];
+  let D;
+  return e[41] !== O || e[42] !== N || e[43] !== h || e[44] !== o || e[45] !== s || e[46] !== m ? (D = /* @__PURE__ */ l(te, { children: /* @__PURE__ */ E(ne, { ...o, ref: h, type: "text", readOnly: !1, value: N, customClass: "file-input", onPaste: V, onBeforeInput: O, customClassInputContainer: "file-container", children: [
+    s,
+    m
+  ] }) }), e[41] = O, e[42] = N, e[43] = h, e[44] = o, e[45] = s, e[46] = m, e[47] = D) : D = e[47], D;
+});
+ie.displayName = "FileFieldInput";
+function oe(t) {
+  t.preventDefault();
+}
+function se(t) {
+  t.preventDefault();
+}
+function re(t) {
+  t?.preventDefault?.();
+}
+function ce(t) {
+  t?.preventDefault?.();
+}
+function de(t, h) {
+  const e = `${t.name}-${h + 1}`;
+  return /* @__PURE__ */ l(Q, { itemId: e, text: t.name, onMouseDown: ce }, e);
+}
+function fe(t) {
+  t.preventDefault();
+}
+function ue(t) {
+  t.preventDefault();
+}
+export {
+  ie as Input
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/filefield/index.tsx"],"sourcesContent":["import '../../assets/styles/filefield.scss';\n\nimport _ from 'lodash';\nimport { ChangeEvent, ClipboardEvent, FormEvent, forwardRef, Fragment, InputEventHandler, useRef, useState } from 'react';\nimport Button from '../../buttons';\nimport * as TextField from '../textfield';\nimport List, { ListItem } from '../../list';\n\ninterface FileFieldInputProps extends Omit<TextField.TextFieldInputProps, 'type'> {\n  multiple?: boolean;\n  accept?: string;\n  maxSize?: number;\n  gridLayout?: string;\n  showClearButton?: boolean;\n}\n\nconst Input = forwardRef<HTMLInputElement, FileFieldInputProps>((props, ref) => {\n  const { ...rest } = props;\n\n  const inputFileRef = useRef<HTMLInputElement>(null);\n  const [internalFiles, setInternalFiles] = useState<File[]>([]);\n\n  const files = props?.value ?? internalFiles;\n  const inputLabel = _.isArray(files) && files.length > 0 ? \n    `${files.length} arquivo(s) selecionado(s)`\n    : 'Nenhum arquivo selecionado';\n\n  const handleSelect = (event: ChangeEvent<HTMLInputElement>) => {\n    const fileList = event.target.files;\n    if (!fileList) return;\n\n    let selectedFiles = Array.from(fileList);\n\n    if (props?.maxSize) {\n      selectedFiles = selectedFiles.filter(file => \n        file.size <= _.toNumber(props.maxSize));\n    }\n\n    if (!props?.multiple && selectedFiles.length > 1) {\n      selectedFiles = [selectedFiles[0]];\n    }\n\n    if (_.isNil(props?.value)) {\n      setInternalFiles(selectedFiles);\n    }\n    props.onChange?.({\n      target: {\n        name: props.name,\n        value: selectedFiles as any,\n      },\n    } as ChangeEvent<HTMLInputElement>);\n    inputFileRef.current!.value = '';\n  };\n\n  const handleClear = () => {\n    if (_.isNil(props?.value)) {\n      setInternalFiles([]);\n    }\n    props.onChange?.({\n      target: {\n        name: props.name,\n        value: '',\n      },\n    } as ChangeEvent<HTMLInputElement>);\n    inputFileRef.current!.value = '';\n  };\n\n  const openDialog = () => {\n    inputFileRef.current?.click();\n  };\n\n  const handleLockOnPaste = (event: ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault();\n  };\n\n  const handleLockOnBeforeInput: InputEventHandler<HTMLInputElement> = (event) => {\n    props.onBeforeInput?.(event);\n  };\n\n  return (\n    <Fragment>\n      <TextField.Input\n        {...rest}\n        ref={ref}\n        type=\"text\"\n        readOnly={false}\n        value={inputLabel}\n        customClass=\"file-input\"\n        onPaste={handleLockOnPaste}\n        onBeforeInput={handleLockOnBeforeInput}\n        customClassInputContainer=\"file-container\">\n        <TextField.LeftSlot>\n          <input\n            ref={inputFileRef}\n            type=\"file\"\n            name={props?.name}\n            accept={props?.accept}\n            multiple={props?.multiple}\n            onChange={handleSelect}\n            style={{ all: 'unset', display: 'none' }} />\n        </TextField.LeftSlot>\n        <TextField.RightSlot className=\"file-right-slot\">\n          <Button\n            className=\"show-files-selected-list\"\n            visible\n            dropdown\n            transparent\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Arquivos Selecionados\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Arquivos Selecionados\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"information\"\n            dropdownAlign=\"right\"\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {!_.isArray(files) && (\n              <List condensed>\n                <ListItem\n                  key=\"nenhum-selecionado\"\n                  itemId=\"nenhum-selecionado\"\n                  text=\"Nenhum arquivo selecionado\"\n                  onMouseDown={(event) => { event?.preventDefault?.(); }} />\n              </List>\n            )}\n            {_.isArray(files) && _.size(files) > 0 && (\n              <List condensed>\n                {files.map((file: File, index) => {\n                  const id = `${file.name}-${index + 1}`;\n                  return (\n                    <ListItem\n                      key={id}\n                      itemId={id}\n                      text={file.name}\n                      onMouseDown={(event) => { event?.preventDefault?.(); }} />\n                  );\n                })}\n              </List>\n            )}\n          </Button>\n          <Button\n            data-testid=\"test-file-field-trigger-clear-files-selected\"\n            className=\"clear-files-selected\"\n            visible\n            transparent\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Limpar\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Limpar\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"close\"\n            onClick={handleClear}\n            onMouseDown={(event) => { event.preventDefault(); }} />\n          <Button\n            data-testid=\"test-file-field-trigger-select-files\"\n            className=\"select-files\"\n            visible\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Selecionar\"\n            label=\"Selecionar\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Selecionar\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"upload4\"\n            onClick={openDialog}\n            onMouseDown={(event) => { event.preventDefault(); }} />\n        </TextField.RightSlot>\n      </TextField.Input>\n    </Fragment>\n  );\n});\n\nInput.displayName = 'FileFieldInput';\n\nexport { Input };\nexport type { FileFieldInputProps };\n"],"names":["Input","forwardRef","props","ref","$","_c","rest","inputFileRef","useRef","t0","Symbol","for","internalFiles","setInternalFiles","useState","files","value","t1","_","isArray","length","inputLabel","t2","event","fileList","target","selectedFiles","Array","from","maxSize","filter","file","size","toNumber","multiple","isNil","onChange","name","current","handleSelect","t3","handleClear","t4","click","openDialog","handleLockOnPaste","_temp","t5","event_1","onBeforeInput","handleLockOnBeforeInput","t6","t7","accept","t8","t9","all","display","t10","t11","disabled","t12","readOnly","t13","t14","jsx","List","ListItem","_temp3","t15","map","_temp5","t16","Button","_temp2","t17","t18","t19","t20","_temp6","t21","t22","t23","t24","_temp7","t25","jsxs","TextField.RightSlot","t26","Fragment","TextField.Input","displayName","event_0","preventDefault","event_2","event_3","_temp4","event_4","file_0","index","id","event_5","event_6"],"mappings":"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"}

package/lib/inputs2/index.d.ts

@@ -0,0 +1,16 @@
+import * as TextField from './textfield';
+import * as TextAreaField from './textareafield';
+import * as NumberField from './numberfield';
+import * as DateField from './date/datefield';
+import * as RadioField from './radiofield';
+import * as SelectField from './selectfield';
+import * as ColorField from './colorfield';
+import * as MaskField from './mask/BaseMask';
+import * as CpfField from './mask/Cpf';
+import * as CnpjField from './mask/Cnpj';
+import * as PhoneField from './mask/Phone';
+import * as ZipCodeField from './mask/ZipCode';
+import * as CheckboxField from './checkboxfield';
+import * as DatePeriodField from './date/dateperiodfield';
+import * as FileField from './filefield/index';
+export { TextField, TextAreaField, NumberField, DateField, RadioField, SelectField, ColorField, MaskField, CpfField, CnpjField, PhoneField, ZipCodeField, CheckboxField, DatePeriodField, FileField, };

package/lib/inputs2/index.js

@@ -0,0 +1,33 @@
+import * as e from "./textfield/index.js";
+import * as i from "./textareafield/index.js";
+import * as o from "./numberfield/index.js";
+import * as r from "./date/datefield/index.js";
+import * as t from "./radiofield/index.js";
+import * as p from "./selectfield/index.js";
+import * as d from "./colorfield/index.js";
+import * as a from "./mask/BaseMask.js";
+import * as s from "./mask/Cpf.js";
+import * as m from "./mask/Cnpj.js";
+import * as l from "./mask/Phone.js";
+import * as x from "./mask/ZipCode.js";
+import * as f from "./checkboxfield/index.js";
+import * as n from "./date/dateperiodfield/index.js";
+import * as _ from "./filefield/index.js";
+export {
+  f as CheckboxField,
+  m as CnpjField,
+  d as ColorField,
+  s as CpfField,
+  r as DateField,
+  n as DatePeriodField,
+  _ as FileField,
+  a as MaskField,
+  o as NumberField,
+  l as PhoneField,
+  t as RadioField,
+  p as SelectField,
+  i as TextAreaField,
+  e as TextField,
+  x as ZipCodeField
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/inputs2/mask/BaseMask.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent } from 'react';
+import { FactoryOpts } from 'imask';
+import { TextFieldInputProps } from '../textfield';
+export interface MaskFieldProps extends TextFieldInputProps {
+    maskOptions?: FactoryOpts;
+    onAccept?: (value: string) => void;
+    onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    autoCompleteMask?: string;
+    value?: string;
+}
+declare const Input: import('react').ForwardRefExoticComponent<MaskFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/lib/inputs2/mask/BaseMask.js

@@ -0,0 +1,79 @@
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as M, useRef as V, useEffect as _ } from "react";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import I from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/mixin.js";
+import { Input as y } from "../textfield/index.js";
+import { mergeRefs as b } from "../../form2/helpers.js";
+const x = M((f, k) => {
+  const {
+    maskOptions: n = {
+      mask: "",
+      lazy: !1,
+      placeholderChar: "_"
+    },
+    autoCompleteMask: s = "",
+    name: p,
+    value: l,
+    onComplete: d,
+    onChange: a,
+    onBlur: u,
+    onAccept: g,
+    ...h
+  } = f, m = V(null), {
+    value: v,
+    unmaskedValue: i,
+    setValue: o,
+    maskRef: c
+  } = I(n, {
+    ref: m,
+    onComplete: (t, e) => {
+      d?.(e.value, e);
+    },
+    onAccept: (t, e) => {
+      const r = {
+        target: {
+          name: p,
+          value: e.unmaskedValue
+        }
+      };
+      a?.(r), g?.(e.value);
+    }
+  });
+  return _(() => {
+    const t = l ?? "";
+    t === "" ? c.current && (c.current.value = "") : o(t);
+  }, [l]), /* @__PURE__ */ C(y, { ...h, type: "text", name: p, value: v, onBlur: (t) => {
+    if (i.trim().length && s) {
+      const e = i, r = n?.mask?.toString().replace(/\D+/g, "").length;
+      if (r && r > e.length)
+        switch (s) {
+          case "left":
+            o(e.padStart(r, "0"));
+            break;
+          case "right":
+            o(e.padEnd(r, "0"));
+            break;
+          default:
+            o(e);
+            break;
+        }
+    }
+    u && u(t);
+  }, onChange: (t) => {
+    a && a(t);
+  }, ref: b(k, m) });
+});
+x.displayName = "MaskInputField";
+export {
+  x as Input
+};
+//# sourceMappingURL=BaseMask.js.map