linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"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"],"mappings":";;;;;;;;;;;mCAkCa,IACX,EAAM,YAA2D,GAAO,MAAQ;CAC9E,IAAM,EACJ,SAAM,UAAO,WAAQ,aAAU,UAAO,WAAW,YAAS,oBAAiB,iBAAc,cAAW,GACpG,aAAU,WAAW,iBAAc,IAAI,sBAAmB,IAAI,wBAAqB,IAAI,oBAAiB,IACxG,aAAU,IAAO,+BAA4B,IAAI,iBAAc,IAAO,kBAAe,SACrF,kBAAe,SAAS,kBAAe,QAAQ,aAAU,aAAU,GAAG,MACpE,GACE,IAAU,EAAM,cAAc,EAAM,MAAM,iBAAiB,KAAQ,CAAC,EAAM,IAAI,EAAK,CAAC,EACpF,IAAe,EAAM,OAAgC,KAAK,EAE1D,IAAY,EAAM,WAAW,EAAQ,EAAM,OAC3C,IAAW,CAAC,EAAA,QAAE,QAAQ,GAAO,MAAM,EACnC,IAAkB,EAAQ,EAAM,MAAM,QACtC,IAAsB,EAAQ,GAAQ,QAEtC,IAAiB,EAAM,aAAa,MAA+C;AACnF,OAAY,MAChB,OAAO,eAAe,EAAM,QAAQ,SAAS;GAC3C,OAAO,EAAM,OAAO;GACpB,UAAU;GACV,YAAY;GACZ,cAAc;GACf,CAAC,EACF,IAAW,EAAM;IAChB;EAAC;EAAU;EAAU;EAAS,CAAC;AAElC,QACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAW,uBAAuB;EAClC,oBAAkB;YAJpB;GAKE,kBAAC,OAAD;IACE,0BAAwB;IACxB,WAAW,aAAa;cAF1B;KAGE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACO;OACL,IAAI;OACE;OACI;OACA;OACV,WAAW,SAAS;OACpB,UAAU,CAAC,KAAY,CAAC,IAAW,IAAI;OACvC,eAAY;OACZ,mBAAiB;OACjB,oBAAkB;OAClB,sBAAoB;OACpB,sBAAoB;OACpB,wBAAsB;OACtB,0BAAwB;OACxB,GAAI;OACJ,MAAK;OACL,SAAS;OACT,UAAU;OAAkB,CAAA,EAC9B,kBAAC,GAAD;OAAM,aAAY;OAAY,MAAK;OAAY,YAAW;OAAY,CAAA,CAAA;;KAEvE,KACD,kBAAC,SAAD;MACE,WAAW,SAAS;MACpB,OAAO;MACP,SAAS;MACT,iBAAe;MACf,iBAAe;MACf,eAAY;MACZ,0BAAwB;MACxB,uBAAqB;MACrB,wBAAsB;MACtB,wBAAsB;MACtB,6BAA2B,EAAM;gBAChC;MACK,CAAA;KAEP,KAAY,KAAmB,MAAiB,kBAAkB,CAAC,KACpE,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,OAAO;MACP,WAAU;gBACV,kBAAC,GAAD,EAAa,MAAM,GAAO,MAAQ,CAAA;MAC1B,CAAA;KAAA;;GAGX,MAAiB,WAClB,kBAAC,GAAD;IACE,aAAY;IACZ,aAAa,EAAM;IACT;IACG;IACb,SAAS;IAAmB,CAAA;GAE7B,KACD,kBAAC,QAAD;IACE,WAAU;IACV,0BAAwB;IACxB,oBAAkB,OAAO,EAAK,CAAC,OAAO,UAAU;cAC/C,GAAQ,KAAK,GAAO,MACnB,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,GACA,IAAA,EACc,EAHI,GAAG,IAAQ,EAAA,GAAK,IAGpB,CAAA;IAEd,CAAA;GAAA;KAGT,kBAAC,GAAD;EACE,WAAW;EACX,MAAM;EACN,OAAO;EACP,UAAU;EAAmB,CAAA,CAAA,EAChB,CAAA;EAEnB;AAEJ,EAAU,cAAc"}

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

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

package/lib/inputs2/checkboxfield/index.js

@@ -0,0 +1,35 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../gridlayout/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../../permissionValidations.js";
+import '../../assets/styles/checkbox2.css';/* empty css                            */
+import { InputBase as i } from "./base.js";
+import a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/checkboxfield/index.tsx
+var s = /* @__PURE__ */ e({ Input: () => l }), c = [
+	n.disabled,
+	n.unvisible,
+	n.readOnly,
+	n.hideContent
+], l = a.forwardRef(({ onDeniedActions: e, permissionAttr: n, gridLayout: s, readOnly: l, disabled: u, ...d }, f) => {
+	let p = a.useMemo(() => e || r(c, n), [e, n]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(l || p.readOnly),
+		disabled: !!(u || p.disabled),
+		...d
+	};
+	return h || m ? null : s ? /* @__PURE__ */ o(t, {
+		cols: s,
+		children: /* @__PURE__ */ o(i, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ o(i, {
+		ref: f,
+		...g
+	});
+});
+l.displayName = "CheckboxFieldInput";
+//#endregion
+export { l as Input, s as checkboxfield_exports };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/checkboxfield/index.tsx"],"sourcesContent":["import '../../assets/styles/checkbox2.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { CheckboxFieldInputBaseProps, InputBase } from './base';\n\ninterface CheckboxFieldInputProps extends CheckboxFieldInputBaseProps {\n  gridLayout?: string;\n  permissionAttr?: PermissionAttr;\n  onDeniedActions?: OnDenied;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nconst Input = React.forwardRef<HTMLInputElement, CheckboxFieldInputProps>(({\n  onDeniedActions, permissionAttr, gridLayout, readOnly, disabled, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies CheckboxFieldInputBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'CheckboxFieldInput';\n\nexport { Input };\nexport type { CheckboxFieldInputProps };\n"],"mappings":";;;;;;;;+CAcM,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACK,IAAQ,EAAM,YAAuD,EACzE,oBAAiB,mBAAgB,eAAY,aAAU,aAAU,GAAG,KACnE,MAAQ;CACT,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAa,IAAoB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

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

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

package/lib/inputs2/colorfield/index.js

@@ -0,0 +1,70 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as n } from "../../permissionValidations.js";
+import r from "../../buttons/index.js";
+import '../../assets/styles/colorpicker.css';/* empty css                              */
+import { LeftSlot as i, RightSlot as a } from "../slot/index.js";
+import { Input as o } from "../textfield/index.js";
+import { forwardRef as s, useLayoutEffect as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/inputs2/colorfield/index.tsx
+var p = /* @__PURE__ */ e({
+	Input: () => h,
+	LeftSlot: () => i,
+	RightSlot: () => a
+}), m = [
+	t.disabled,
+	t.unvisible,
+	t.readOnly,
+	t.hideContent
+], h = s((e, t) => {
+	let { name: s, isTypeText: p = !0, defaultValue: h = "", onChange: g, permissionAttr: _ = void 0, onDeniedActions: v = void 0, ...y } = e, b = l(null), x = l(null), S = l(null), { hideContent: C, unvisible: w } = v || n(m, _), T = (e) => {
+		S.current && (S.current.style.backgroundColor = e), b.current && b.current.value !== e && (b.current.value = e), x.current && x.current.value !== e && (x.current.value = e);
+	}, E = (e) => {
+		let t = e.target.value;
+		T(t), g?.(e);
+	}, D = (e) => {
+		let t = e.target.value;
+		T(t), g?.(e);
+	}, O = () => {
+		x.current?.click();
+	};
+	return c(() => {
+		T(String(h));
+	}, [h, T]), w || C ? null : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(o, {
+		...y,
+		ref: t,
+		name: s,
+		type: p ? "text" : "color",
+		defaultValue: String(h),
+		style: { borderLeft: "1px solid #eeee" },
+		onChange: E,
+		children: [p && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d("div", {
+			style: { backgroundColor: String(h) },
+			ref: S,
+			className: "colorpicker-colormirror"
+		}) }), p && /* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(r, {
+			className: "colorpicker-palettebutton",
+			onClick: O,
+			onKeyDown: (e) => {
+				(e.code === "Space" || e.key === " ") && (e.preventDefault(), O());
+			},
+			iconName: "pallete"
+		}) })]
+	}), p && /* @__PURE__ */ d("input", {
+		ref: x,
+		type: "color",
+		style: {
+			position: "absolute",
+			opacity: 0,
+			pointerEvents: "none"
+		},
+		defaultValue: String(h),
+		onChange: D,
+		tabIndex: -1
+	})] });
+});
+h.displayName = "ColorFieldInput";
+//#endregion
+export { h as Input, i as LeftSlot, a as RightSlot, p as colorfield_exports };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/colorfield/index.tsx"],"sourcesContent":["import '../../assets/styles/colorpicker.scss';\nimport { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { LeftSlot, RightSlot } from '../slot';\nimport * as TextField from '../textfield';\nimport Button from '../../../lib/buttons';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../../lib/permissionValidations';\nimport { OnDenied } from '../../../lib/@types/PermissionAttr';\n\ninterface ColorFieldInputProps extends TextField.TextFieldInputProps {\n  isTypeText?: boolean;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst Input = forwardRef<HTMLInputElement, ColorFieldInputProps>((props, ref) => {\n  const {\n    name,\n    isTypeText = true,\n    defaultValue = '',\n    onChange,\n    permissionAttr = undefined,\n    onDeniedActions = undefined,\n    ...restProps\n  } = props;\n  const inputRefText = useRef<HTMLInputElement>(null);\n  const inputRefColor = useRef<HTMLInputElement>(null);\n  const mirrorRef = useRef<HTMLDivElement>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n\n  const syncColorValues = (value: string) => {\n    if (mirrorRef.current) {\n      mirrorRef.current.style.backgroundColor = value;\n    }\n    if (inputRefText.current && inputRefText.current.value !== value) {\n      inputRefText.current.value = value;\n    }\n    if (inputRefColor.current && inputRefColor.current.value !== value) {\n      inputRefColor.current.value = value;\n    }\n  };\n\n  const handleTextInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const handleColorInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const onPaletteButtonClick = () => {\n    inputRefColor.current?.click();\n  };\n\n  useLayoutEffect(() => {\n    syncColorValues(String(defaultValue));\n  }, [defaultValue, syncColorValues]);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <>\n      <TextField.Input\n        {...restProps}\n        ref={ref}\n        name={name}\n        type={isTypeText ? 'text' : 'color'}\n        defaultValue={String(defaultValue)}\n        style={{ borderLeft: '1px solid #eeee' }}\n        onChange={handleTextInputChange}>\n        {isTypeText && (\n          <LeftSlot>\n            <div\n              style={{ backgroundColor: String(defaultValue) }}\n              ref={mirrorRef}\n              className=\"colorpicker-colormirror\" />\n          </LeftSlot>\n        )}\n        {isTypeText && (\n          <RightSlot>\n            <Button\n              className=\"colorpicker-palettebutton\"\n              onClick={onPaletteButtonClick}\n              onKeyDown={(e) => {\n                if (e.code === 'Space' || e.key === ' ') {\n                  e.preventDefault();\n                  onPaletteButtonClick();\n                }\n              }}\n              iconName=\"pallete\" />\n          </RightSlot>\n        )}\n      </TextField.Input>\n      {isTypeText && (\n        <input\n          ref={inputRefColor}\n          type=\"color\"\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n          defaultValue={String(defaultValue)}\n          onChange={handleColorInputChange}\n          tabIndex={-1} />\n      )}\n    </>\n  );\n});\n\nInput.displayName = 'ColorFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { ColorFieldInputProps };\n"],"mappings":";;;;;;;;;;;;;IAYM,IAAU;CACd,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EAEK,IAAQ,GAAoD,GAAO,MAAQ;CAC/E,IAAM,EACJ,SACA,gBAAa,IACb,kBAAe,IACf,aACA,oBAAiB,KAAA,GACjB,qBAAkB,KAAA,GAClB,GAAG,MACD,GACE,IAAe,EAAyB,KAAK,EAC7C,IAAgB,EAAyB,KAAK,EAC9C,IAAY,EAAuB,KAAK,EAExC,EAAE,gBAAa,iBADM,KAAmB,EAA0B,GAAS,EAAe,EAG1F,KAAmB,MAAkB;AAOzC,EANI,EAAU,YACZ,EAAU,QAAQ,MAAM,kBAAkB,IAExC,EAAa,WAAW,EAAa,QAAQ,UAAU,MACzD,EAAa,QAAQ,QAAQ,IAE3B,EAAc,WAAW,EAAc,QAAQ,UAAU,MAC3D,EAAc,QAAQ,QAAQ;IAI5B,KAAyB,MAAqC;EAClE,IAAM,IAAW,EAAE,OAAO;AAE1B,EADA,EAAgB,EAAS,EACzB,IAAW,EAAE;IAGT,KAA0B,MAAqC;EACnE,IAAM,IAAW,EAAE,OAAO;AAE1B,EADA,EAAgB,EAAS,EACzB,IAAW,EAAE;IAGT,UAA6B;AACjC,IAAc,SAAS,OAAO;;AAShC,QANA,QAAsB;AACpB,IAAgB,OAAO,EAAa,CAAC;IACpC,CAAC,GAAc,EAAgB,CAAC,EAE/B,KAAa,IAAoB,OAGnC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,GAAI;EACC;EACC;EACN,MAAM,IAAa,SAAS;EAC5B,cAAc,OAAO,EAAa;EAClC,OAAO,EAAE,YAAY,mBAAmB;EACxC,UAAU;YAPZ,CAQG,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GACE,OAAO,EAAE,iBAAiB,OAAO,EAAA,EAAe;GAChD,KAAK;GACL,WAAU;GAA4B,CAAA,EAC/B,CAAA,EAEZ,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,WAAU;GACV,SAAS;GACT,YAAY,MAAM;AAChB,KAAI,EAAE,SAAS,WAAW,EAAE,QAAQ,SAClC,EAAE,gBAAgB,EAClB,GAAsB;;GAG1B,UAAS;GAAY,CAAA,EACb,CAAA,CAAA;KAGf,KACC,kBAAC,SAAD;EACE,KAAK;EACL,MAAK;EACL,OAAO;GAAE,UAAU;GAAY,SAAS;GAAG,eAAe;GAAQ;EAClE,cAAc,OAAO,EAAa;EAClC,UAAU;EACV,UAAU;EAAM,CAAA,CAAA,EAEnB,CAAA;EAEL;AAEF,EAAM,cAAc"}

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

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

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

@@ -0,0 +1,31 @@
+import { require_compiler_runtime as e } from "../../../node_modules/react/compiler-runtime.js";
+import { useEffect as t, useState as n } from "react";
+//#region src/lib/inputs2/date/base/constants.ts
+var r = e(), i = (e, i) => {
+	let a = (0, r.c)(7), o;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {}, a[0] = o) : o = a[0];
+	let [s, c] = n(o), l, u;
+	a[1] !== e || a[2] !== i ? (l = () => {
+		let t = () => {
+			let e = i.current?.getBoundingClientRect();
+			if (e) {
+				let { top: t, left: n, width: r, height: i } = e;
+				c({
+					top: t + i + window.scrollY,
+					left: n + window.scrollX,
+					width: r,
+					position: "absolute"
+				});
+			}
+		};
+		return e && (t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0)), () => {
+			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+		};
+	}, u = [e, i], a[1] = e, a[2] = i, a[3] = l, a[4] = u) : (l = a[3], u = a[4]), t(l, u);
+	let d;
+	return a[5] === s ? d = a[6] : (d = { calendarBoxStyles: s }, a[5] = s, a[6] = d), d;
+};
+//#endregion
+export { i as useCalendarPosition };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/lib/inputs2/date/base/constants.ts"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useState } from \"react\";\n\nexport const useCalendarPosition = (\n  calendarBoxOpen: boolean,\n  containerRef: RefObject<HTMLDivElement | null>,\n) => {\n  const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        setCalendarBoxStyles({\n          top: top + height + window.scrollY,\n          left: left + window.scrollX,\n          width: width,\n          position: 'absolute',\n        });\n      }\n    };\n\n    if (calendarBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [calendarBoxOpen, containerRef]);\n\n  return { calendarBoxStyles };\n};\n"],"mappings":";;;aAEa,KAAA,GAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAA;AAAA,CAAA,EAAA,OAAA,OAAA,IAAA,4BAAA,IAI+D,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAA5E,IAAA,CAAA,GAAA,KAAkD,EAAwB,EAAG,EAAA,GAAA;AAE7E,CAF6E,EAAA,OAAA,KAAA,EAAA,OAAA,KAE7E,UAAA;EACE,IAAA,UAAM;GACJ,IAAA,IAA+B,EAAA,SAAsB,uBAAuB;AAC5E,OAAI,GAAA;IACF,IAAA,EAAA,QAAA,SAAA,UAAA,cAAqC;AACrC,MAAqB;KAAA,KACd,IAAM,IAAS,OAAA;KAAO,MACrB,IAAO,OAAA;KAAO;KAAA,UAEV;KACX,CAAC;;;SAIF,MACF,GAAgB,EAChB,OAAA,iBAAwB,UAAU,EAAe,EACjD,OAAA,iBAAwB,UAAU,GAAgB,GAAK,SAGzD;AAEE,GADA,OAAA,oBAA2B,UAAU,EAAe,EACpD,OAAA,oBAA2B,UAAU,GAAgB,GAAK;;IAE3D,IAAA,CAAC,GAAiB,EAAa,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,MAAA,IAAA,EAAA,IAAA,IAAA,EAAA,KAxBlC,EAAA,GAwBG,EAAgC;CAAA,IAAA;AAEP,QAFO,EAAA,OAAA,IAEP,IAAA,EAAA,MAArB,IAAA,EAAA,sBAAqB,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,IAArB"}

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

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

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

@@ -0,0 +1,126 @@
+import e from "../../../icons/index.js";
+import t from "../../../popover/PopoverText.js";
+import n from "../../../popover/index.js";
+import '../../../assets/styles/datepicker2.css';/* empty css                                 */
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/inputs2/date/base/index.tsx
+var o = r((e, t) => {
+	let { children: n, customClassWrapper: r = "", hasValidationErrors: a = !1, ...o } = e;
+	return /* @__PURE__ */ i("div", {
+		...o,
+		ref: t,
+		"data-state-error": a,
+		className: `date-field-root ${r}`,
+		children: n
+	});
+});
+o.displayName = "BaseDateRoot";
+var s = r((e, r) => {
+	let { hint: o, label: s, inputId: c, isDisabled: l = !1, isReadOnly: u = !1, required: d = !1, hasHintMessages: f = !1, labelUppercase: p = !1, skeletonize: m = !1, hintPosition: h = "below", themePopover: g = "light", popoverAlign: _ = "left", customClassLabel: v = "", ...y } = e;
+	return /* @__PURE__ */ a("span", {
+		...y,
+		ref: r,
+		className: `root-label ${v}`,
+		"data-state-skeletonize": m,
+		children: [/* @__PURE__ */ i("label", {
+			className: "label",
+			title: s,
+			htmlFor: c,
+			"aria-disabled": l,
+			"data-state-disabled": l,
+			"data-state-read-only": u,
+			"data-state-input-required": d,
+			"data-state-label-uppercase": p,
+			children: s
+		}), f && h === "onLabelRight" && !m && /* @__PURE__ */ i(n, {
+			customClass: "label-popover",
+			theme: g,
+			align: _,
+			iconColor: "#03bde2",
+			children: /* @__PURE__ */ i(t, { text: o })
+		})]
+	});
+});
+s.displayName = "BaseDateLabel";
+var c = r((e, t) => {
+	let { children: n, skeletonize: r = !1, customClassInputContainer: a = "", ...o } = e;
+	return /* @__PURE__ */ i("div", {
+		...o,
+		ref: t,
+		"data-state-skeletonize": r,
+		className: `container ${a}`,
+		children: n
+	});
+});
+c.displayName = "BaseDateContainer";
+var l = r((e, t) => {
+	let { customClass: n = "", ...r } = e;
+	return /* @__PURE__ */ i("input", {
+		...r,
+		ref: t,
+		multiple: !1,
+		type: "text",
+		role: "combobox",
+		"aria-haspopup": "true",
+		className: `input ${n}`,
+		"aria-autocomplete": "list"
+	});
+});
+l.displayName = "BaseDateInput";
+var u = r((t, n) => {
+	let { children: r, isReadOnly: o, isDisabled: s, skeletonize: c, inputFieldId: l, calendarBoxOpen: u, showCalendarButton: d, showClearButton: f, onClearSelectedDate: p, onClickTriggerCalendar: m, hasValidDateSelection: h = !1, hasValidPeriodSelected: g = !1, clearButtonTestId: _ = "test-date-trigger-clear", calendarButtonTestId: v = "test-date-trigger-open-calendar", ...y } = t, b = u ? "Fechar Calendário" : "Abrir Calendário", x = !o && !s, S = (e) => {
+		x ? p() : e.preventDefault();
+	};
+	return /* @__PURE__ */ a("div", {
+		...y,
+		ref: n,
+		className: "triggers",
+		"data-state-disabled": s,
+		"data-state-read-only": o,
+		"data-state-skeletonize": c,
+		children: [
+			/* @__PURE__ */ i("button", {
+				"data-testid": _,
+				className: "clear-selected-date",
+				type: "button",
+				title: "Limpar Data Selecionada",
+				tabIndex: -1,
+				disabled: s,
+				"aria-label": "Limpar Data Selecionada",
+				"aria-controls": l,
+				"data-state-read-only": o,
+				"data-state-visible": f,
+				"data-state-valid-date-selected": h || g,
+				onClick: S,
+				onMouseDown: (e) => {
+					e.preventDefault();
+				},
+				children: /* @__PURE__ */ i(e, { name: "cancel" })
+			}),
+			/* @__PURE__ */ i("button", {
+				"data-testid": v,
+				className: "open-calendar",
+				type: "button",
+				title: b,
+				tabIndex: -1,
+				disabled: s,
+				"aria-label": b,
+				"aria-controls": l,
+				"data-state-visible": d,
+				"data-state-read-only": o,
+				onClick: m,
+				onMouseDown: (e) => {
+					e.preventDefault();
+				},
+				children: /* @__PURE__ */ i(e, { name: "calendar" })
+			}),
+			r
+		]
+	});
+});
+u.displayName = "BaseDateTriggers";
+//#endregion
+export { c as Container, l as Input, s as Label, o as Root, u as Triggers };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/inputs2/date/base/index.tsx"],"sourcesContent":["import '../../../assets/styles/datepicker2.scss';\n\nimport { forwardRef, MouseEvent } from 'react';\nimport Icon from '../../../icons';\nimport Popover, { PopoverText } from '../../../popover';\nimport type {\n  BaseDateInputRootProps,\n  BaseDateInputLabelProps,\n  BaseDateInputContainerProps,\n  BaseDateInputProps,\n  BaseDateInputTriggersProps,\n} from '../types';\n\nexport const Root = forwardRef<HTMLDivElement, BaseDateInputRootProps>((props, ref) => {\n  const { children, customClassWrapper = '', hasValidationErrors = false, ...rest } = props;\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-state-error={hasValidationErrors}\n      className={`date-field-root ${customClassWrapper}`}>\n      {children}\n    </div>\n  );\n});\n\nRoot.displayName = 'BaseDateRoot';\n\nexport const Label = forwardRef<HTMLSpanElement, BaseDateInputLabelProps>((props, ref) => {\n  const {\n    hint, label, inputId, isDisabled = false, isReadOnly = false, required = false, \n    hasHintMessages = false, labelUppercase = false, skeletonize = false, hintPosition = 'below', \n    themePopover = 'light', popoverAlign = 'left', customClassLabel = '', ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={`root-label ${customClassLabel}`}\n      data-state-skeletonize={skeletonize}>\n      <label\n        className=\"label\"\n        title={label}\n        htmlFor={inputId}\n        aria-disabled={isDisabled}\n        data-state-disabled={isDisabled}\n        data-state-read-only={isReadOnly}\n        data-state-input-required={required}\n        data-state-label-uppercase={labelUppercase}>\n        {label}\n      </label>\n      {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n        <Popover\n          customClass=\"label-popover\"\n          theme={themePopover}\n          align={popoverAlign}\n          iconColor=\"#03bde2\">\n          <PopoverText text={hint} />\n        </Popover>\n      )}\n    </span>\n  );\n});\n\nLabel.displayName = 'BaseDateLabel';\n\nexport const Container = forwardRef<HTMLDivElement, BaseDateInputContainerProps>((props, ref) => {\n  const { children, skeletonize = false, customClassInputContainer = '', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-state-skeletonize={skeletonize}\n      className={`container ${customClassInputContainer}`}>\n      {children}\n    </div>\n  );\n});\n\nContainer.displayName = 'BaseDateContainer';\n\nexport const Input = forwardRef<HTMLInputElement, BaseDateInputProps>((props, ref) => {\n  const { customClass = '', ...rest } = props;\n\n  return (\n    <input\n      {...rest}\n      ref={ref}\n      multiple={false}\n      type=\"text\"\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      className={`input ${customClass}`}\n      aria-autocomplete=\"list\" />\n  );\n});\n\nInput.displayName = 'BaseDateInput';\n\nexport const Triggers = forwardRef<HTMLDivElement, BaseDateInputTriggersProps>((props, ref) => {\n  const {\n    children, isReadOnly, isDisabled, skeletonize, inputFieldId, calendarBoxOpen,\n    showCalendarButton, showClearButton, onClearSelectedDate, onClickTriggerCalendar, \n    hasValidDateSelection = false, hasValidPeriodSelected = false, clearButtonTestId = 'test-date-trigger-clear', \n    calendarButtonTestId = 'test-date-trigger-open-calendar', ...rest\n  } = props;\n  const ariaLabel = !calendarBoxOpen ? 'Abrir Calendário' : 'Fechar Calendário';\n  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;\n\n  const handleOnClickClear = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!shouldHavePermitClickOnTrigger) {\n      event.preventDefault();\n    } else {\n      onClearSelectedDate();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className=\"triggers\"\n      data-state-disabled={isDisabled}\n      data-state-read-only={isReadOnly}\n      data-state-skeletonize={skeletonize}>\n      <button\n        data-testid={clearButtonTestId}\n        className=\"clear-selected-date\"\n        type=\"button\"\n        title=\"Limpar Data Selecionada\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label=\"Limpar Data Selecionada\"\n        aria-controls={inputFieldId}\n        data-state-read-only={isReadOnly}\n        data-state-visible={showClearButton}\n        data-state-valid-date-selected={hasValidDateSelection || hasValidPeriodSelected}\n        onClick={handleOnClickClear}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <Icon name=\"cancel\" />\n      </button>\n      <button\n        data-testid={calendarButtonTestId}\n        className=\"open-calendar\"\n        type=\"button\"\n        title={ariaLabel}\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        aria-controls={inputFieldId}\n        data-state-visible={showCalendarButton}\n        data-state-read-only={isReadOnly}\n        onClick={onClickTriggerCalendar}\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <Icon name=\"calendar\" />\n      </button>\n      {children}\n    </div>\n  );\n});\n\nTriggers.displayName = 'BaseDateTriggers';\n"],"mappings":";;;;;;;AAaA,IAAa,IAAO,GAAoD,GAAO,MAAQ;CACrF,IAAM,EAAE,aAAU,wBAAqB,IAAI,yBAAsB,IAAO,GAAG,MAAS;AACpF,QACE,kBAAC,OAAD;EACE,GAAI;EACC;EACL,oBAAkB;EAClB,WAAW,mBAAmB;EAC7B;EACG,CAAA;EAER;AAEF,EAAK,cAAc;AAEnB,IAAa,IAAQ,GAAsD,GAAO,MAAQ;CACxF,IAAM,EACJ,SAAM,UAAO,YAAS,gBAAa,IAAO,gBAAa,IAAO,cAAW,IACzE,qBAAkB,IAAO,oBAAiB,IAAO,iBAAc,IAAO,kBAAe,SACrF,kBAAe,SAAS,kBAAe,QAAQ,sBAAmB,IAAI,GAAG,MACvE;AAEJ,QACE,kBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,cAAc;EACzB,0BAAwB;YAJ1B,CAKE,kBAAC,SAAD;GACE,WAAU;GACV,OAAO;GACP,SAAS;GACT,iBAAe;GACf,uBAAqB;GACrB,wBAAsB;GACtB,6BAA2B;GAC3B,8BAA4B;aAC3B;GACK,CAAA,EACP,KAAmB,MAAiB,kBAAkB,CAAC,KACtD,kBAAC,GAAD;GACE,aAAY;GACZ,OAAO;GACP,OAAO;GACP,WAAU;aACV,kBAAC,GAAD,EAAa,MAAM,GAAQ,CAAA;GACnB,CAAA,CAAA;;EAIhB;AAEF,EAAM,cAAc;AAEpB,IAAa,IAAY,GAAyD,GAAO,MAAQ;CAC/F,IAAM,EAAE,aAAU,iBAAc,IAAO,+BAA4B,IAAI,GAAG,MAAS;AAEnF,QACE,kBAAC,OAAD;EACE,GAAI;EACC;EACL,0BAAwB;EACxB,WAAW,aAAa;EACvB;EACG,CAAA;EAER;AAEF,EAAU,cAAc;AAExB,IAAa,IAAQ,GAAkD,GAAO,MAAQ;CACpF,IAAM,EAAE,iBAAc,IAAI,GAAG,MAAS;AAEtC,QACE,kBAAC,SAAD;EACE,GAAI;EACC;EACL,UAAU;EACV,MAAK;EAEL,MAAK;EACL,iBAAc;EACd,WAAW,SAAS;EACpB,qBAAkB;EAAS,CAAA;EAE/B;AAEF,EAAM,cAAc;AAEpB,IAAa,IAAW,GAAwD,GAAO,MAAQ;CAC7F,IAAM,EACJ,aAAU,eAAY,eAAY,gBAAa,iBAAc,oBAC7D,uBAAoB,oBAAiB,wBAAqB,2BAC1D,2BAAwB,IAAO,4BAAyB,IAAO,uBAAoB,2BACnF,0BAAuB,mCAAmC,GAAG,MAC3D,GACE,IAAa,IAAuC,sBAArB,oBAC/B,IAAiC,CAAC,KAAc,CAAC,GAEjD,KAAsB,MAAyC;AACnE,EAAK,IAGH,GAAqB,GAFrB,EAAM,gBAAgB;;AAM1B,QACE,kBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAU;EACV,uBAAqB;EACrB,wBAAsB;EACtB,0BAAwB;YAN1B;GAOE,kBAAC,UAAD;IACE,eAAa;IACb,WAAU;IACV,MAAK;IACL,OAAM;IACN,UAAU;IACV,UAAU;IACV,cAAW;IACX,iBAAe;IACf,wBAAsB;IACtB,sBAAoB;IACpB,kCAAgC,KAAyB;IACzD,SAAS;IACT,cAAc,MAAU;AAAE,OAAM,gBAAgB;;cAChD,kBAAC,GAAD,EAAM,MAAK,UAAW,CAAA;IACf,CAAA;GACT,kBAAC,UAAD;IACE,eAAa;IACb,WAAU;IACV,MAAK;IACL,OAAO;IACP,UAAU;IACV,UAAU;IACV,cAAY;IACZ,iBAAe;IACf,sBAAoB;IACpB,wBAAsB;IACtB,SAAS;IACT,cAAc,MAAU;AAAE,OAAM,gBAAgB;;cAChD,kBAAC,GAAD,EAAM,MAAK,YAAa,CAAA;IACjB,CAAA;GACR;GAAA;;EAGL;AAEF,EAAS,cAAc"}

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DateFieldInputBaseProps } from './types';
+export declare const InputBase: React.ForwardRefExoticComponent<DateFieldInputBaseProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,221 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import t from "../../../node_modules/uuid/dist/v1.js";
+import { Tooltip as n } from "../../../tooltip/index.js";
+import { require_lodash as r } from "../../../node_modules/lodash/lodash.js";
+import i from "../../../hint/index.js";
+import a from "../../../node_modules/moment/dist/moment.js";
+import { mergeRefs as ee } from "../../../form2/helpers.js";
+import { useIMask as te } from "../../../node_modules/react-imask/esm/hook.js";
+import "../../../node_modules/react-imask/esm/index.js";
+import { Keys as o } from "../types.js";
+import { NAVIGATION_KEYS as s, TOKEN_ISO_FORMAT as c, TOKEN_MASK as ne, TOKEN_PTBR_FORMAT as l } from "../helpers.js";
+import { Container as re, Input as ie, Label as u, Root as d } from "../base/index.js";
+import { DateFieldContext as f } from "./context.js";
+import { Triggers as p } from "./triggers.js";
+import { CalendarBox as m } from "./calendarbox.js";
+import h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortal as ae } from "react-dom";
+//#region src/lib/inputs2/date/datefield/base.tsx
+var v = /* @__PURE__ */ e(r(), 1), y = h.forwardRef((e, r) => {
+	let { label: y, errors: b, tooltip: oe, tooltipPosition: se, tooltipWidth: ce, shouldCloseOnSelect: x = !0, returnValueType: le = "default", customClass: ue = "", customClassLabel: de = "", customClassWrapper: fe = "", customClassInputContainer: pe = "", textAlign: me = "left", labelUppercase: he = !1, skeletonize: S = !1, hintPosition: C = "below", themePopover: ge = "light", popoverAlign: _e = "left", showCalendarButton: ve = !0, openCalendarOnFocus: ye = !0, undigitable: w = !1, showClearDateButton: be = !0, placeholder: T = l, readOnly: E, disabled: D, ...O } = e, [k, A] = h.useState(!1), [j, M] = h.useState(a().format(c)), [N, P] = h.useState(null), [F, I] = h.useState(N ?? a()), L = h.useRef(null), R = h.useRef(null), z = h.useRef(null), B = h.useRef(null), { setValue: V, unmaskedValue: H, value: U } = te({
+		mask: ne,
+		lazy: !1,
+		placeholderChar: "_"
+	}, {
+		ref: z,
+		defaultValue: N?.format(l),
+		onComplete: (e) => {
+			let t = a(e, l);
+			t.isValid() && q(t);
+		}
+	}), W = h.useMemo(() => e.id || e.name || t(), [e.id, e.name]), xe = !v.default.isEmpty(e?.label), G = !!e.hint?.length, K = !!b?.length, Se = !v.default.isEmpty(e?.value), q = h.useCallback((t) => {
+		let n = t.format(c), r = t.toISOString();
+		P(t.clone()), I(t.clone()), e.onChange?.({ target: {
+			name: e.name,
+			value: le === "default" ? n : r
+		} }), x && Y();
+	}, [
+		N,
+		e.name,
+		e.onChange,
+		x
+	]), J = h.useCallback(() => A(!0), []), Y = h.useCallback(() => A(!1), []), X = h.useCallback(() => I((e) => e.clone().add(1, "month")), []), Z = h.useCallback(() => I((e) => e.clone().subtract(1, "month")), []), Ce = h.useCallback(() => {
+		A((e) => (z.current !== document.activeElement && z?.current?.focus?.(), !e));
+	}, []), Q = h.useCallback((e) => {
+		I((t) => {
+			let n = t.clone().add(e, "day");
+			return M(n.format(c)), n;
+		});
+	}, []), $ = h.useCallback((e) => {
+		I((t) => {
+			let n = t;
+			return e === "end" && (n = t.clone().endOf("week")), e === "start" && (n = t.clone().startOf("week")), M(n.format(c)), n;
+		});
+	}, []), we = h.useCallback(() => {
+		e.onChange?.({ target: {
+			name: e.name,
+			value: ""
+		} }), P(null), V(""), Y();
+	}, [e.onChange]), Te = (t) => {
+		if (e?.onBlur?.(t), Y(), M((N ?? a()).format(c)), I(N ?? a()), v.default.size(H) !== 8) {
+			let t = a(v.default.toString(e?.value), c);
+			t.isValid() && V(t.format("DD/MM/YYYY"));
+		}
+	}, Ee = (t) => {
+		e?.onFocus?.(t), M((N ?? a()).format(c)), I(N ?? a()), !E && ye && J();
+	}, De = (t) => {
+		w ? t.preventDefault() : e.onPaste?.(t);
+	}, Oe = (t) => {
+		w ? t.preventDefault() : e.onBeforeInput?.(t);
+	}, ke = (t) => {
+		if (e?.onKeyDown?.(t), k && t.key && !t.shiftKey && !t.altKey && s.includes(t.key)) switch (t.preventDefault(), t.key) {
+			case o.arrowLeft:
+				Q(-1);
+				break;
+			case o.arrowRight:
+				Q(1);
+				break;
+			case o.arrowUp:
+				Q(-7);
+				break;
+			case o.arrowDown:
+				Q(7);
+				break;
+			case o.pageUp:
+				X();
+				break;
+			case o.pageDown:
+				Z();
+				break;
+			case o.home:
+				$("start");
+				break;
+			case o.end:
+				$("end");
+				break;
+			case o.escape:
+				Y();
+				break;
+			case o.enter:
+				q(a(v.default.toString(j), c));
+				break;
+			default: break;
+		}
+	};
+	h.useEffect(() => {
+		let t = e?.value ?? null, n = a(v.default.toString(t), c);
+		P(n.isValid() ? n : null), V(n.format(l));
+	}, [e?.value]);
+	let Ae = {
+		label: y,
+		inputFieldId: W,
+		activeDescendant: j,
+		calendarBoxOpen: k,
+		isReadOnly: !!E,
+		isDisabled: !!D,
+		skeletonize: S,
+		showCalendarButton: ve,
+		hasValidDateSelected: Se,
+		dateInputRef: z,
+		dateContainerRef: B,
+		handleOpenCalendar: J,
+		handleCloseCalendar: Y,
+		handleNextMonth: X,
+		handlePreviousMonth: Z,
+		handleSelectDate: q,
+		selectedDate: N,
+		unmaskedValue: H,
+		maskedValue: U,
+		showClearDateButton: be,
+		handleChangeCalendarBoxState: Ce,
+		handleOnClickClearSelectedDate: we,
+		calendarDisplayDate: F,
+		calendarRef: L
+	};
+	return /* @__PURE__ */ _(h.Fragment, { children: [/* @__PURE__ */ g(f.Provider, {
+		value: Ae,
+		children: /* @__PURE__ */ _(d, {
+			ref: R,
+			"data-testid": "test-date-field-root",
+			customClassWrapper: fe,
+			hasValidationErrors: K,
+			children: [
+				xe && /* @__PURE__ */ g(u, {
+					"data-testid": "test-date-field-label",
+					label: y,
+					inputId: W,
+					hint: e?.hint,
+					isDisabled: D,
+					isReadOnly: E,
+					skeletonize: S,
+					required: e?.required,
+					hintPosition: C,
+					themePopover: ge,
+					popoverAlign: _e,
+					labelUppercase: he,
+					hasHintMessages: G,
+					customClassLabel: de
+				}),
+				/* @__PURE__ */ _(re, {
+					ref: B,
+					skeletonize: S,
+					customClassInputContainer: pe,
+					children: [/* @__PURE__ */ g(ie, {
+						...O,
+						ref: ee(r, z),
+						id: W,
+						name: e?.name,
+						value: U,
+						readOnly: E,
+						disabled: D,
+						customClass: ue,
+						tabIndex: !E && !S ? 0 : -1,
+						placeholder: T,
+						"aria-activedescendant": j,
+						"aria-expanded": k,
+						"aria-controls": W,
+						"aria-labelledby": W,
+						"data-state-is-period-input": !1,
+						"data-testid": "test-date-field-input",
+						"data-state-error": K,
+						"data-state-read-only": E,
+						"data-state-text-align": me,
+						"data-state-undigitable": w,
+						"data-state-skeletonize": S,
+						onBlur: Te,
+						onFocus: Ee,
+						onPaste: De,
+						onKeyDown: ke,
+						onBeforeInput: Oe
+					}), /* @__PURE__ */ g(p, {})]
+				}),
+				k && ae(/* @__PURE__ */ g(m, { ref: L }), document.body),
+				C === "below" && /* @__PURE__ */ g(i, {
+					customClass: "hint",
+					description: e.hint,
+					disabled: D,
+					skeletonize: S,
+					visible: G
+				}),
+				K && /* @__PURE__ */ g("span", {
+					"data-testid": "test-date-field-list-errors",
+					className: "error",
+					"data-state-skeletonize": S,
+					"aria-describedby": String(e.name).concat("-errors"),
+					children: b?.map((e, t) => /* @__PURE__ */ _(h.Fragment, { children: [e, " "] }, `${t + 1}-${e}`))
+				})
+			]
+		})
+	}), /* @__PURE__ */ g(n, {
+		targetRef: R,
+		text: oe,
+		width: ce,
+		position: se
+	})] });
+});
+y.displayName = "DateFieldInputBase";
+//#endregion
+export { y as InputBase };
+
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../../../src/lib/inputs2/date/datefield/base.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { v1 as uuid } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport moment, { type Moment } from 'moment';\nimport Hint from '../../../hint';\nimport { Tooltip } from '../../../tooltip';\nimport { mergeRefs } from '../../../form2/helpers';\nimport { Keys } from '../types';\nimport * as BaseDate from '../base';\nimport { NAVIGATION_KEYS, TOKEN_ISO_FORMAT, TOKEN_MASK, TOKEN_PTBR_FORMAT } from '../helpers';\nimport { Triggers } from './triggers';\nimport { CalendarBox } from './calendarbox';\nimport { DateFieldContext } from './context';\nimport type { DateFieldInputBaseProps } from './types';\n\nexport const InputBase = \n  React.forwardRef<HTMLInputElement, DateFieldInputBaseProps>((props, ref) => {\n    const {\n      label, errors, tooltip, tooltipPosition, tooltipWidth, shouldCloseOnSelect = true, returnValueType = 'default',\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '', textAlign = 'left',\n      labelUppercase = false, skeletonize = false, hintPosition = 'below', themePopover = 'light',\n      popoverAlign = 'left', showCalendarButton = true, openCalendarOnFocus = true, undigitable = false, \n      showClearDateButton = true, placeholder = TOKEN_PTBR_FORMAT, readOnly, disabled, ...rest\n    } = props;\n    const [calendarBoxOpen, setCalendarBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string>(\n      moment().format(TOKEN_ISO_FORMAT),\n    );\n    const [selectedDate, setSelectedDate] = React.useState<Moment | null>(null);\n    const [calendarDisplayDate, setCalendarDisplayDate] = React.useState<Moment>(\n      selectedDate ?? moment(),\n    );\n    const calendarRef = React.useRef<HTMLDivElement | null>(null);\n    const inputRootRef = React.useRef<HTMLInputElement | null>(null);\n    const dateInputRef = React.useRef<HTMLInputElement | null>(null);\n    const dateContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const { setValue: setMaskValue, unmaskedValue, value: maskedValue } = useIMask(\n      { mask: TOKEN_MASK, lazy: false, placeholderChar: '_' },\n      {\n        ref: dateInputRef,\n        defaultValue: selectedDate?.format(TOKEN_PTBR_FORMAT),\n        onComplete: (value) => {\n          const date = moment(value, TOKEN_PTBR_FORMAT);\n          if (date.isValid()) { handleUpdateDateState(date); }\n        },\n      },\n    );\n\n    const inputId = React.useMemo(() => props.id || props.name || uuid(), [props.id, props.name]);\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n    const hasValidDateSelected = !_.isEmpty(props?.value);\n\n    const handleUpdateDateState = React.useCallback((date: Moment) => {\n      const nonIsoDateFormat = date.format(TOKEN_ISO_FORMAT);\n      const isoDateFormat = date.toISOString();\n      setSelectedDate(date.clone());\n      setCalendarDisplayDate(date.clone());\n      props.onChange?.({\n        target: {\n          name: props.name,\n          value: returnValueType === 'default' ? nonIsoDateFormat : isoDateFormat,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (shouldCloseOnSelect) handleCloseCalendar();\n    }, [selectedDate, props.name, props.onChange, shouldCloseOnSelect]);\n\n    const handleOpenCalendar = React.useCallback(() => setCalendarBoxOpen(true), []);\n    const handleCloseCalendar = React.useCallback(() => setCalendarBoxOpen(false), []);\n    const handleNextMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().add(1, 'month')), []);\n    const handlePreviousMonth = React.useCallback(() => setCalendarDisplayDate(prevDisplayDate =>\n      prevDisplayDate.clone().subtract(1, 'month')), []);\n    const handleChangeCalendarBoxState = React.useCallback(() => {\n      setCalendarBoxOpen((prevState) => {\n        if (dateInputRef.current !== document.activeElement) {\n          dateInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    }, []);\n    const handleNavigateWithDays = React.useCallback((offset: number) => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        const daySelected = prevDisplayDate.clone().add(offset, 'day');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n    const handleNavigateWithWeeks = React.useCallback((when: 'start' | 'end') => {\n      setCalendarDisplayDate((prevDisplayDate) => {\n        let daySelected = prevDisplayDate;\n        if (when === 'end') daySelected = prevDisplayDate.clone().endOf('week');\n        if (when === 'start') daySelected = prevDisplayDate.clone().startOf('week');\n        setActiveDescendant(daySelected.format(TOKEN_ISO_FORMAT));\n        return daySelected;\n      });\n    }, []);\n\n    const handleOnClickClearSelectedDate = React.useCallback(() => {\n      props.onChange?.({\n        target: { name: props.name, value: '' },\n      } as React.ChangeEvent<HTMLInputElement>);\n      setSelectedDate(null);\n      setMaskValue('');\n      handleCloseCalendar();\n    }, [props.onChange]);\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      handleCloseCalendar();\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (_.size(unmaskedValue) !== 8) {\n        const date = moment(_.toString(props?.value), TOKEN_ISO_FORMAT);\n        if (date.isValid()) { setMaskValue(date.format('DD/MM/YYYY')); }\n      }\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      setActiveDescendant((selectedDate ?? moment()).format(TOKEN_ISO_FORMAT));\n      setCalendarDisplayDate(selectedDate ?? moment());\n      if (!readOnly && openCalendarOnFocus) {\n        handleOpenCalendar();\n      }\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      if (calendarBoxOpen && event.key && !event.shiftKey && \n        !event.altKey && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n        switch (event.key) {\n          case Keys.arrowLeft: handleNavigateWithDays(-1);\n            break;\n          case Keys.arrowRight: handleNavigateWithDays(1);\n            break;\n          case Keys.arrowUp: handleNavigateWithDays(-7);\n            break;\n          case Keys.arrowDown: handleNavigateWithDays(7);\n            break;\n          case Keys.pageUp: handleNextMonth();\n            break;\n          case Keys.pageDown: handlePreviousMonth();\n            break;\n          case Keys.home: handleNavigateWithWeeks('start');\n            break;\n          case Keys.end: handleNavigateWithWeeks('end');\n            break;\n          case Keys.escape: handleCloseCalendar();\n            break;\n          case Keys.enter: handleUpdateDateState(\n            moment(_.toString(activeDescendant), TOKEN_ISO_FORMAT),\n          );\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    React.useEffect(() => {\n      const currentValue = props?.value ?? null;\n      const date = moment(_.toString(currentValue), TOKEN_ISO_FORMAT);\n      setSelectedDate(date.isValid() ? date : null);\n      setMaskValue(date.format(TOKEN_PTBR_FORMAT));\n    }, [props?.value]);\n\n    const contextValues = ({\n      label, inputFieldId: inputId, activeDescendant, calendarBoxOpen, \n      isReadOnly: Boolean(readOnly), isDisabled: Boolean(disabled), skeletonize, showCalendarButton,\n      hasValidDateSelected, dateInputRef, dateContainerRef, handleOpenCalendar, \n      handleCloseCalendar, handleNextMonth, handlePreviousMonth, \n      handleSelectDate: handleUpdateDateState, selectedDate, unmaskedValue, maskedValue, \n      showClearDateButton, handleChangeCalendarBoxState, handleOnClickClearSelectedDate,\n      calendarDisplayDate, calendarRef,\n    });\n\n    return (\n      <React.Fragment>\n        <DateFieldContext.Provider value={contextValues}>\n          <BaseDate.Root\n            ref={inputRootRef}\n            data-testid=\"test-date-field-root\"\n            customClassWrapper={customClassWrapper}\n            hasValidationErrors={hasValidationErrors}>\n            {hasLabel && (\n            <BaseDate.Label\n              data-testid=\"test-date-field-label\"\n              label={label}\n              inputId={inputId}\n              hint={props?.hint}\n              isDisabled={disabled}\n              isReadOnly={readOnly}\n              skeletonize={skeletonize}\n              required={props?.required}\n              hintPosition={hintPosition}\n              themePopover={themePopover}\n              popoverAlign={popoverAlign}\n              labelUppercase={labelUppercase}\n              hasHintMessages={hasHintMessages}\n              customClassLabel={customClassLabel} />\n            )}\n            <BaseDate.Container\n              ref={dateContainerRef}\n              skeletonize={skeletonize}\n              customClassInputContainer={customClassInputContainer}>\n              <BaseDate.Input\n                {...rest}\n                ref={mergeRefs(ref, dateInputRef)}\n                id={inputId}\n                name={props?.name}\n                value={maskedValue}\n                readOnly={readOnly}\n                disabled={disabled}\n                customClass={customClass}\n                tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                placeholder={placeholder}\n                aria-activedescendant={activeDescendant}\n                aria-expanded={calendarBoxOpen}\n                aria-controls={inputId}\n                aria-labelledby={inputId}\n                data-state-is-period-input={false}\n                data-testid=\"test-date-field-input\"\n                data-state-error={hasValidationErrors}\n                data-state-read-only={readOnly}\n                data-state-text-align={textAlign}\n                data-state-undigitable={undigitable}\n                data-state-skeletonize={skeletonize}\n                onBlur={handleOnBlur}\n                onFocus={handleOnFocus}\n                onPaste={handleOnPaste}\n                onKeyDown={handleOnKeyDown}\n                onBeforeInput={handleOnBeforeInput} />\n              <Triggers />\n            </BaseDate.Container>\n            {calendarBoxOpen &&\n              createPortal(<CalendarBox ref={calendarRef} />, document.body)\n          }\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              data-testid=\"test-date-field-list-errors\"\n              className=\"error\"\n              data-state-skeletonize={skeletonize}\n              aria-describedby={String(props.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          </BaseDate.Root>\n        </DateFieldContext.Provider>\n        <Tooltip\n          targetRef={inputRootRef}\n          text={tooltip}\n          width={tooltipWidth}\n          position={tooltipPosition} />\n      </React.Fragment>\n    );\n  });\n\nInputBase.displayName = 'DateFieldInputBase';\n"],"mappings":"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"}

package/lib/inputs2/date/datefield/calendarbox.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+interface DateFieldCalendarBoxProps extends ComponentProps<'div'> {
+}
+declare const CalendarBox: import('react').ForwardRefExoticComponent<Omit<DateFieldCalendarBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CalendarBox };
+export type { DateFieldCalendarBoxProps };