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

package/lib/inputs/base/InputTextBase.js

@@ -0,0 +1,188 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useRef as A, useState as Ie, useEffect as z } from "react";
+import De from "../../_virtual/lodash.js";
+import we from "../inputHOC.js";
+import '../../assets/styles/input.css';/* empty css                             */
+import { getRightElements as Oe, getInputWrapperClass as Fe, getInputClass as Ne } from "./helpers.js";
+import { actionsOnPermissionDenied as Pe, OPTIONS_ON_DENIED as f } from "../../permissionValidations.js";
+import Re from "../../hint/index.js";
+import { ErrorMessage as We } from "../errorMessage/index.js";
+import H from "../../textContent/index.js";
+import Be from "../../popover/index.js";
+import { Tooltip as Te } from "../../tooltip/index.js";
+import Ee from "../../popover/PopoverText.js";
+const Le = (t) => {
+  const {
+    textAlign: m = "left",
+    value: j,
+    defaultValue: q,
+    type: v = "text",
+    readOnly: p = !1,
+    placeHolder: M,
+    required: y,
+    leftElements: x,
+    rightElements: U,
+    children: V,
+    customClass: G,
+    customClassForInputContent: J,
+    customClassForLabel: C,
+    customClassForSideButtons: Q,
+    inputRef: l,
+    inputBaseRef: X,
+    label: r,
+    labelUppercase: I,
+    hint: a,
+    hintPosition: D = "below",
+    errorMessages: w,
+    visible: Y = !0,
+    permissionAttr: Z,
+    onDeniedActions: ee,
+    handlerSetOnDenied: O,
+    skeletonize: h = !1,
+    style: te,
+    styleForInputContent: ne,
+    styleForWrapper: oe,
+    styleForSideButtons: se,
+    disabled: F = !1,
+    autoFocus: ie,
+    maxLength: le,
+    name: re,
+    id: ae,
+    multiple: ce = !1,
+    accept: de,
+    onChange: N,
+    onDragOver: P,
+    onDrop: R,
+    onDragLeave: W,
+    onClick: B,
+    readOnlyClass: ue,
+    autoComplete: fe = "on",
+    themePopover: me = "light",
+    popoverAlign: pe = "left",
+    tabIndex: T,
+    tooltip: he,
+    tooltipPosition: ge,
+    tooltipWidth: be
+  } = t;
+  let c;
+  const ve = [f.disabled, f.unvisible, f.readOnly, f.hideContent], s = A(null), d = ee || Pe(ve, Z), {
+    hideContent: u,
+    unvisible: ye
+  } = d, [xe, g] = Ie(!1), E = A(null);
+  z(() => {
+    O && O(d);
+  }, []);
+  const L = () => p ? -1 : T || 0, b = () => F || d.disabled, S = () => p || d.readOnly, _ = () => {
+    const o = S() || b() || u;
+    return c = {
+      value: u ? "" : j,
+      defaultValue: q,
+      accept: de,
+      type: v,
+      readOnly: S(),
+      placeholder: M,
+      disabled: b() || u,
+      autoFocus: ie,
+      maxLength: le,
+      name: re,
+      id: ae,
+      multiple: ce,
+      className: Ne({
+        textAlign: m,
+        readOnly: p,
+        readOnlyClass: ue
+      }),
+      ref: (e) => {
+        l && (De.isFunction(l) ? l(e) : l.current = e), E.current = e;
+      }
+    }, o || (c = {
+      ...c,
+      onFocus: (e) => {
+        t.onInputReceiveFocus?.(), t.onFocus && t.onFocus(e);
+      },
+      onBlur: (e) => {
+        t.onInputLostFocus?.(), t.onBlur && t.onBlur(e);
+      },
+      onKeyDown: (e) => {
+        t.onKeyDown && t.onKeyDown(e);
+      },
+      onKeyPress: (e) => {
+        t.onKeyPress && t.onKeyPress(e);
+      },
+      onChange: (e) => {
+        N && N(e);
+      },
+      onDragOver: (e) => {
+        P && P(e);
+      },
+      onDrop: (e) => {
+        R && R(e);
+      },
+      onDragLeave: (e) => {
+        W && W(e);
+      },
+      onClick: (e) => {
+        B && B(e);
+      }
+    }), c;
+  }, Ce = (o) => {
+    const e = o.target;
+    e.offsetWidth < e.scrollWidth && g(!0);
+  };
+  if (z(() => {
+    const o = new ResizeObserver(([e]) => {
+      const {
+        target: $
+      } = e;
+      g((K) => {
+        const k = $.clientWidth < $.scrollWidth;
+        return K === k ? K : k;
+      });
+    });
+    return s.current && o.observe(s.current), () => {
+      o && o.disconnect();
+    };
+  }, []), s.current) {
+    const o = s.current;
+    o.offsetWidth < o.scrollWidth && !xe && g(!0);
+  }
+  return !Y || ye ? null : /* @__PURE__ */ i("div", { style: te, className: `input-base-component ${h ? "-skeletonized" : ""} ${G}`, ref: X, children: [
+    r && /* @__PURE__ */ i("div", { className: "labelcontainer", style: {
+      textAlign: m === "center" ? "left" : m
+    }, children: [
+      /* @__PURE__ */ n(H, { ref: s, required: y, label: r, onHoverLabel: Ce, className: C, labelUppercase: I, tooltip: r.toString(), tooltipPosition: "top" }),
+      /* @__PURE__ */ n("div", { className: "text-content", style: {
+        display: "flex"
+      }, children: /* @__PURE__ */ i("div", { className: `label ${C} ${I && " -uppercase"}`, style: {
+        alignSelf: "center"
+      }, children: [
+        r,
+        y && /* @__PURE__ */ n("span", { className: "-requiredlabel", children: "*" }),
+        !!a && D === "onLabelRight" && !h && /* @__PURE__ */ n(Be, { theme: me, align: pe, customClass: "-hint", iconColor: "#03bde2", style: {
+          margin: "0px 5px",
+          height: "auto",
+          width: 20
+        }, children: /* @__PURE__ */ n(Ee, { text: a }) })
+      ] }) }),
+      /* @__PURE__ */ n(H, {})
+    ] }),
+    /* @__PURE__ */ i("div", { "data-testid": "testInputWrapper", style: oe, className: Fe({
+      ...t,
+      disabled: b() || u
+    }), children: [
+      x && /* @__PURE__ */ n("div", { style: se, className: `sidebuttons ${Q}`, children: x }),
+      /* @__PURE__ */ i("div", { "data-testid": "testInputContent", style: ne, className: `inputcontent ${J}`, children: [
+        v === "textarea" ? /* @__PURE__ */ n("textarea", { rows: t.rows, cols: t.cols, tabIndex: L(), ..._() }) : /* @__PURE__ */ n("input", { autoComplete: fe, tabIndex: L(), "data-testid": "teste-123", ..._() }),
+        V
+      ] }),
+      Oe(w || [], h, U)
+    ] }),
+    /* @__PURE__ */ n(Re, { disabled: F, visible: !!a && D === "below", customClass: "hint", description: a }),
+    /* @__PURE__ */ n(We, { messages: w }),
+    /* @__PURE__ */ n(Te, { targetRef: E, text: he, width: be, position: ge })
+  ] });
+}, Ge = we(Le);
+export {
+  Ge as default
+};
+//# sourceMappingURL=InputTextBase.js.map

package/lib/inputs/base/InputTextBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextBase.js","sources":["../../../src/lib/inputs/base/InputTextBase.tsx"],"sourcesContent":["import { useEffect, KeyboardEvent, useRef, useState, MouseEvent, MouseEventHandler, DragEvent } from 'react';\nimport _ from 'lodash';\nimport inputHOC from '../inputHOC';\nimport '../../assets/styles/input.scss';\nimport * as helpers from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { CustomInputEvent, IBaseProps } from './types';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport Hint from '../../hint';\nimport { ErrorMessage } from '../errorMessage';\nimport TextContent from '../../textContent';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\n\nconst InputTextBase = (props: IBaseProps) => {\n  const {\n    textAlign = 'left',\n    value,\n    defaultValue,\n    type = 'text',\n    readOnly = false,\n    placeHolder,\n    required,\n    leftElements,\n    rightElements,\n    children,\n    customClass,\n    customClassForInputContent,\n    customClassForLabel,\n    customClassForSideButtons,\n    inputRef,\n    inputBaseRef,\n    label,\n    labelUppercase,\n    hint,\n    hintPosition = 'below',\n    errorMessages,\n    visible = true,\n    permissionAttr,\n    onDeniedActions,\n    handlerSetOnDenied,\n    skeletonize = false,\n    style,\n    styleForInputContent,\n    styleForWrapper,\n    styleForSideButtons,\n    disabled = false,\n    autoFocus,\n    maxLength,\n    name,\n    id,\n    multiple = false,\n    accept,\n    onChange,\n    onDragOver,\n    onDrop,\n    onDragLeave,\n    onClick,\n    readOnlyClass,\n    autoComplete = 'on',\n    themePopover = 'light',\n    popoverAlign = 'left',\n    tabIndex,\n    tooltip,\n    tooltipPosition,\n    tooltipWidth,\n  } = props;\n\n  let propsInput;\n  const options = [\n    OPTIONS_ON_DENIED.disabled,\n    OPTIONS_ON_DENIED.unvisible,\n    OPTIONS_ON_DENIED.readOnly,\n    OPTIONS_ON_DENIED.hideContent,\n  ];\n\n  const labelRef = useRef<HTMLSpanElement | HTMLParagraphElement | null>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n  const [showTooltip, setShowTooltip] = useState(false);\n  const inputElementRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n\n  useEffect(() => {\n    if (handlerSetOnDenied) handlerSetOnDenied(onDenied);\n  }, []);\n\n  const applyTabIndex = () => {\n    if (readOnly) return -1;\n    if (tabIndex) return tabIndex;\n    return 0;\n  };\n\n  const shouldDisable = () => disabled || onDenied.disabled;\n\n  const shouldBeReadOnly = () => readOnly || onDenied.readOnly;\n\n  const inputProps = () => {\n    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;\n    propsInput = {\n      value: hideContent ? '' : value,\n      defaultValue,\n      accept,\n      type,\n      readOnly: shouldBeReadOnly(),\n      placeholder: placeHolder,\n      disabled: shouldDisable() || hideContent,\n      autoFocus,\n      maxLength,\n      name,\n      id,\n      multiple,\n      className: helpers.getInputClass({ textAlign, readOnly, readOnlyClass }),\n      ref: (r: HTMLInputElement | HTMLTextAreaElement | null) => {\n        if (inputRef) {\n          if (!_.isFunction(inputRef)) {\n            inputRef.current = r;\n          } else {\n            inputRef(r);\n          }\n        }\n        inputElementRef.current = r;\n      },\n    };\n    if (!disableCallbacks) {\n      propsInput = {\n        ...propsInput,\n        onFocus: (e: CustomInputEvent) => {\n          props.onInputReceiveFocus?.();\n          if (props.onFocus) props.onFocus(e);\n        },\n        onBlur: (e: CustomInputEvent) => {\n          props.onInputLostFocus?.();\n          if (props.onBlur) props.onBlur(e);\n        },\n        onKeyDown: (e: KeyboardEvent<Element>) => {\n          if (props.onKeyDown) props.onKeyDown(e);\n        },\n        onKeyPress: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (props.onKeyPress) props.onKeyPress(e);\n        },\n        onChange: (e: CustomInputEvent) => {\n          if (onChange) onChange(e);\n        },\n        onDragOver: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDragOver) onDragOver(e);\n        },\n        onDrop: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onDrop) onDrop(e);\n        },\n        onDragLeave: (e: DragEvent) => {\n          if (onDragLeave) onDragLeave(e);\n        },\n        onClick: (e: MouseEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n          if (onClick) onClick(e);\n        },\n      };\n    }\n    return propsInput;\n  };\n\n  const onHoverLabel: MouseEventHandler<HTMLSpanElement> = (e) => {\n    const target = e.target as unknown as HTMLSpanElement;\n    if (target.offsetWidth < target.scrollWidth) {\n      setShowTooltip(true);\n    }\n  };\n\n  useEffect(() => {\n    const resize = new ResizeObserver(([element]) => {\n      const { target } = element;\n      setShowTooltip((prevState) => {\n        const overflowing = target.clientWidth < target.scrollWidth;\n\n        return prevState === overflowing ? prevState : overflowing;\n      });\n    });\n\n    if (labelRef.current) {\n      resize.observe(labelRef.current);\n    }\n\n    return () => {\n      if (resize) {\n        resize.disconnect();\n      }\n    };\n  }, []);\n\n  if (labelRef.current) {\n    const element = labelRef.current;\n    const overflowing = element.offsetWidth < element.scrollWidth;\n\n    if (overflowing && !showTooltip) {\n      setShowTooltip(true);\n    }\n  }\n\n  if (!visible || unvisible) return null;\n\n  return (\n    <div\n      style={style}\n      className={`input-base-component ${skeletonize ? '-skeletonized' : ''} ${customClass}`}\n      ref={inputBaseRef}>\n      {label && (\n        <div\n          className=\"labelcontainer\"\n          style={{ textAlign: textAlign === 'center' ? 'left' : textAlign }}>\n          <TextContent\n            ref={labelRef}\n            required={required}\n            label={label}\n            onHoverLabel={onHoverLabel}\n            className={customClassForLabel}\n            labelUppercase={labelUppercase}\n            tooltip={label.toString()}\n            tooltipPosition=\"top\" />\n          <div\n            className=\"text-content\"\n            style={{ display: 'flex' }}>\n            <div\n              className={`label ${customClassForLabel} ${labelUppercase && ' -uppercase'}`}\n              style={{ alignSelf: 'center' }}>\n              {label}\n              {required && <span className=\"-requiredlabel\">*</span>}\n              {!!hint && hintPosition === 'onLabelRight' && !skeletonize && (\n                <Popover\n                  theme={themePopover}\n                  align={popoverAlign}\n                  customClass=\"-hint\"\n                  iconColor=\"#03bde2\"\n                  style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n                  <PopoverText text={hint} />\n                </Popover>\n              )}\n            </div>\n          </div>\n          <TextContent />\n        </div>\n      )}\n      <div\n        data-testid=\"testInputWrapper\"\n        style={styleForWrapper}\n        className={helpers.getInputWrapperClass({\n          ...props, disabled: shouldDisable() || hideContent,\n        })}>\n        {leftElements && (\n          <div\n            style={styleForSideButtons}\n            className={`sidebuttons ${customClassForSideButtons}`}>\n            {leftElements}\n          </div>\n        )}\n        <div\n          data-testid=\"testInputContent\"\n          style={styleForInputContent}\n          className={`inputcontent ${customClassForInputContent}`}>\n          {type === 'textarea' ?\n            <textarea \n              rows={props.rows} \n              cols={props.cols} \n              tabIndex={applyTabIndex()} \n              {...inputProps()} /> :\n            <input\n              autoComplete={autoComplete}\n              tabIndex={applyTabIndex()}\n              data-testid=\"teste-123\"\n              {...inputProps()} />}\n          {children}\n        </div>\n        {helpers.getRightElements(errorMessages || [], skeletonize, rightElements)}\n      </div>\n      <Hint\n        disabled={disabled}\n        visible={!!hint && hintPosition === 'below'}\n        customClass=\"hint\"\n        description={hint} />\n      <ErrorMessage messages={errorMessages} />\n      <Tooltip \n        targetRef={inputElementRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition} />\n    </div>\n  );\n};\nexport default inputHOC(InputTextBase);\n"],"names":["InputTextBase","props","textAlign","value","defaultValue","type","readOnly","placeHolder","required","leftElements","rightElements","children","customClass","customClassForInputContent","customClassForLabel","customClassForSideButtons","inputRef","inputBaseRef","label","labelUppercase","hint","hintPosition","errorMessages","visible","permissionAttr","onDeniedActions","handlerSetOnDenied","skeletonize","style","styleForInputContent","styleForWrapper","styleForSideButtons","disabled","autoFocus","maxLength","name","id","multiple","accept","onChange","onDragOver","onDrop","onDragLeave","onClick","readOnlyClass","autoComplete","themePopover","popoverAlign","tabIndex","tooltip","tooltipPosition","tooltipWidth","propsInput","options","OPTIONS_ON_DENIED","unvisible","hideContent","labelRef","useRef","onDenied","actionsOnPermissionDenied","showTooltip","setShowTooltip","useState","inputElementRef","useEffect","applyTabIndex","shouldDisable","shouldBeReadOnly","inputProps","disableCallbacks","placeholder","className","helpers","ref","r","_","isFunction","current","onFocus","e","onInputReceiveFocus","onBlur","onInputLostFocus","onKeyDown","onKeyPress","onHoverLabel","target","offsetWidth","scrollWidth","resize","ResizeObserver","element","prevState","overflowing","clientWidth","observe","disconnect","jsxs","jsx","TextContent","toString","display","alignSelf","Popover","margin","height","width","PopoverText","rows","cols","Hint","ErrorMessage","Tooltip","InputTextBase$1","inputHOC"],"mappings":"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"}

package/lib/inputs/base/helpers.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+import { IBaseProps } from './types';
+import { TextAlign } from '../../../lib/@types/Align';
+export declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
+    textAlign?: TextAlign;
+    readOnly?: boolean;
+    readOnlyClass?: string;
+}) => string;
+export declare const getInputWrapperClass: (props: IBaseProps) => string;
+export declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element[] | null;

package/lib/inputs/base/helpers.js

@@ -0,0 +1,31 @@
+import { cloneElement as l } from "react";
+import u from "../../_virtual/lodash.js";
+const p = ({
+  textAlign: r,
+  readOnly: t,
+  readOnlyClass: n
+}) => `textinput text-align-${r} ${n} ${t ? " -readonly" : ""}`, d = (r) => {
+  const {
+    inputHasFocus: t,
+    customClassForWrapper: n,
+    rounded: e,
+    errorMessages: s,
+    disabled: o
+  } = r;
+  return `inputwrapper ${t && " -focusable"}
+          ${n}
+          ${s && s.length > 0 && " -requirederror"}
+          ${e && " -roundedborders"}
+          ${o && " -disabled"}`;
+}, m = (r, t, n) => {
+  let e = n || [];
+  return t ? null : (u.isArray(e) || (e = [e]), e = e.map((s, o) => s && l(s, {
+    key: `rightelement-${o + 1}`
+  })), e);
+};
+export {
+  p as getInputClass,
+  d as getInputWrapperClass,
+  m as getRightElements
+};
+//# sourceMappingURL=helpers.js.map

package/lib/inputs/base/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/base/helpers.tsx"],"sourcesContent":["import { cloneElement, JSX } from 'react';\nimport _ from 'lodash';\nimport { IBaseProps } from './types';\nimport { TextAlign } from '../../../lib/@types/Align';\n\nexport const getInputClass = ({\n  textAlign,\n  readOnly,\n  readOnlyClass,\n}: {\n  textAlign?: TextAlign,\n  readOnly?: boolean,\n  readOnlyClass?: string\n}) => `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;\n\nexport const getInputWrapperClass = (props: IBaseProps) => {\n  const {\n    inputHasFocus,\n    customClassForWrapper,\n    rounded,\n    errorMessages,\n    disabled,\n  } = props;\n  return `inputwrapper ${inputHasFocus && ' -focusable'}\n          ${customClassForWrapper}\n          ${(errorMessages && errorMessages.length > 0) && ' -requirederror'}\n          ${rounded && ' -roundedborders'}\n          ${disabled && ' -disabled'}`;\n};\n\nexport const getRightElements = (\n  errorMessages: string[],\n  skeletonize: boolean,\n  rightElements?: JSX.Element | JSX.Element[],\n) => {\n  let elements = rightElements || [];\n  if (skeletonize) return null;\n  if (!_.isArray(elements)) {\n    elements = [elements];\n  }\n  elements = elements.map((element: any, index: number) => element && cloneElement(element, { key: `rightelement-${index + 1}` }));\n  if (errorMessages) return elements;\n\n  return elements;\n};\n"],"names":["getInputClass","textAlign","readOnly","readOnlyClass","getInputWrapperClass","props","inputHasFocus","customClassForWrapper","rounded","errorMessages","disabled","length","getRightElements","skeletonize","rightElements","elements","_","isArray","map","element","index","cloneElement","key"],"mappings":";;AAKO,MAAMA,IAAgBA,CAAC;AAAA,EAC5BC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA;AAKF,MAAM,wBAAwBF,CAAS,IAAIE,CAAa,IAAID,IAAW,eAAe,EAAE,IAE3EE,IAAuBA,CAACC,MAAsB;AACzD,QAAM;AAAA,IACJC,eAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,UAAAA;AAAAA,EAAAA,IACEL;AACJ,SAAO,gBAAgBC,KAAiB,aAAa;AAAA,YAC3CC,CAAqB;AAAA,YACpBE,KAAiBA,EAAcE,SAAS,KAAM,iBAAiB;AAAA,YAChEH,KAAW,kBAAkB;AAAA,YAC7BE,KAAY,YAAY;AACpC,GAEaE,IAAmBA,CAC9BH,GACAI,GACAC,MACG;AACH,MAAIC,IAAWD,KAAiB,CAAA;AAChC,SAAID,IAAoB,QACnBG,EAAEC,QAAQF,CAAQ,MACrBA,IAAW,CAACA,CAAQ,IAEtBA,IAAWA,EAASG,IAAI,CAACC,GAAcC,MAAkBD,KAAWE,EAAaF,GAAS;AAAA,IAAEG,KAAK,gBAAgBF,IAAQ,CAAC;AAAA,EAAA,CAAI,CAAC,GACrGL;AAG5B;"}

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

@@ -0,0 +1,88 @@
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX, ReactNode } from 'react';
+import { TextAlign } from 'src/lib/@types/Align';
+import { ITooltipCommonProps } from 'src/lib/tooltip/types';
+import { Period } from '../../@types/Period';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
+export interface CustomInputEvent {
+    preventDefault?: () => void;
+    stopPropagation?: () => void;
+    dataTransfer?: DataTransfer;
+    keyCode?: number;
+    key?: number;
+    code?: number;
+    target: {
+        value: string;
+        maskedValue?: string;
+        typedValue?: number | Date | null;
+        name?: string;
+        files?: FileList | null;
+    };
+}
+export interface IBaseProps extends ITooltipCommonProps {
+    inputHasFocus?: boolean;
+    onInputReceiveFocus?: () => void;
+    onInputLostFocus?: () => void;
+    value?: string | string[];
+    label?: string | string[];
+    id?: string;
+    labelUppercase?: boolean;
+    rows?: number;
+    cols?: number;
+    type?: string;
+    readOnly?: boolean;
+    placeHolder?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    maxLength?: number;
+    name?: string;
+    required?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    onFocus?: (e: CustomInputEvent) => void;
+    onReset?: (e: CustomInputEvent) => void;
+    onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    onChange?: (e: CustomInputEvent, maskValue?: string, date?: {
+        initial: string;
+        final: string;
+    }, period?: Period) => void;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent) => void;
+    onKeyPress?: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onDragOver?: (e: DragEvent<HTMLInputElement | HTMLTextAreaElement | HTMLDivElement>) => void;
+    onDrop?: (e: DragEvent) => void;
+    onDragLeave?: (e: DragEvent) => void;
+    leftElements?: JSX.Element | JSX.Element[];
+    rightElements?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
+    customClass?: string;
+    customClassForWrapper?: string;
+    customClassForInputContent?: string;
+    customClassForLabel?: string;
+    customClassForSideButtons?: string;
+    requiredError?: boolean;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    textAlign?: TextAlign;
+    rounded?: boolean;
+    errorMessages?: string[] | undefined;
+    visible?: boolean;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+    handlerSetOnDenied?: (onDenied: OnDenied) => void;
+    gridLayout?: string;
+    skeletonize?: boolean;
+    style?: CSSProperties;
+    styleForInputContent?: object;
+    styleForWrapper?: object;
+    styleForLabel?: object;
+    styleForSideButtons?: object;
+    accept?: string;
+    multiple?: boolean;
+    readOnlyClass?: string;
+    autoComplete?: 'on' | 'off';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    tabIndex?: number;
+    defaultValue?: string | string[];
+}

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

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

package/lib/inputs/color/index.js

@@ -0,0 +1,58 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as S } from "../../_virtual/compiler-runtime.js";
+import { useState as B, useRef as F, useEffect as R } from "react";
+import T from "../../_virtual/lodash.js";
+import _ from "../text/index.js";
+import P from "../../buttons/Button.js";
+import '../../assets/styles/colorpicker.css';import '../../assets/styles/button.css';/* empty css                              */
+/* empty css                                   */
+const A = (l) => {
+  const e = S.c(17), {
+    asTextField: y,
+    value: E,
+    onChange: o,
+    onButtonClick: n,
+    name: a
+  } = l, g = y === void 0 ? !0 : y, i = E === void 0 ? "#aaaaaa" : E, [r, v] = B(i), s = F(null);
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = T.debounce(V, 300), e[0] = u) : u = e[0];
+  const I = u;
+  let m;
+  e[1] !== o ? (m = (t) => {
+    const {
+      target: x
+    } = t;
+    v(x.value), o && I(o, t);
+  }, e[1] = o, e[2] = m) : m = e[2];
+  const b = m;
+  let f;
+  e[3] !== o ? (f = (t) => {
+    const {
+      target: x
+    } = t;
+    v(x.value), o && (t.persist(), I(o, t));
+  }, e[3] = o, e[4] = f) : f = e[4];
+  const p = f;
+  let d;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
+    s.current && s.current.click();
+  }, e[5] = d) : d = e[5];
+  const N = d;
+  let C, h;
+  e[6] !== i ? (C = () => {
+    v(i);
+  }, h = [i], e[6] = i, e[7] = C, e[8] = h) : (C = e[7], h = e[8]), R(C, h);
+  let k;
+  return e[9] !== g || e[10] !== r || e[11] !== a || e[12] !== n || e[13] !== b || e[14] !== p || e[15] !== l ? (k = g ? /* @__PURE__ */ c(_, { ...l, value: r, onChange: (t) => {
+    t && b(t);
+  }, leftElements: [/* @__PURE__ */ c("div", { className: "colorpicker-colormirror", style: {
+    background: r
+  } }, "colorMirror"), /* @__PURE__ */ c("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: `${a}-hidden`, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c(P, { className: "colorpicker-palettebutton", onClick: N, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (t) => n ? n(t) : void 0, onInput: p }, "inputColor"), e[9] = g, e[10] = r, e[11] = a, e[12] = n, e[13] = b, e[14] = p, e[15] = l, e[16] = k) : k = e[16], k;
+};
+function V(l, e) {
+  l(e);
+}
+export {
+  A as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/color/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, MouseEvent, ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport TextField from '../text';\nimport Button from '../../buttons';\nimport '../../assets/styles/colorpicker.scss';\nimport { IColorProps } from './types';\nimport { CustomInputEvent } from '../base/types';\n\nconst ColorPicker = (props: IColorProps) => {\n  const {\n    asTextField = true,\n    value = '#aaaaaa',\n    onChange,\n    onButtonClick,\n    name,\n  } = props;\n  const [color, setColor] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedOnChange = _.debounce((func, e) => { func(e); }, 300);\n\n  const onInputChange = (e: CustomInputEvent) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou\n      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR\n      // e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onInputChangeDefault = (e: ChangeEvent<HTMLInputElement>) => {\n    const { target } = e;\n    setColor(target.value);\n    if (onChange) {\n      e.persist();\n      debouncedOnChange(onChange, e);\n    }\n  };\n\n  const onPaletteButtonClick = () => {\n    if (inputRef.current) inputRef.current.click();\n  };\n\n  useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  return (\n    asTextField\n      ? (\n        <TextField\n          {...props}\n          value={color}\n          onChange={(e?: CustomInputEvent) => {\n            if (e) onInputChange(e);\n          }}\n          leftElements={[\n            <div key=\"colorMirror\" className=\"colorpicker-colormirror\" style={{ background: color }} />,\n            <input\n              key=\"inputColor\"\n              className=\"colorpicker-hideinputcolor\"\n              ref={inputRef}\n              type=\"color\"\n              defaultValue={color}\n              name={`${name}-hidden`}\n              onClick={(e: MouseEvent<HTMLInputElement>) => (\n                onButtonClick ? onButtonClick(e) : undefined\n              )}\n              onInput={onInputChangeDefault} />,\n          ]}\n          rightElements={\n            <Button\n              className=\"colorpicker-palettebutton\"\n              key=\"palettebutton\"\n              onClick={onPaletteButtonClick}\n              iconName=\"pallete\"\n              boxShadow={false} />} />\n        )\n      : (\n        <input\n          key=\"inputColor\"\n          name={name}\n          ref={inputRef}\n          type=\"color\"\n          defaultValue={color}\n          onClick={(e: MouseEvent<HTMLInputElement>) => (\n            onButtonClick ? onButtonClick(e) : undefined\n          )}\n          onInput={onInputChangeDefault} />\n        )\n  );\n};\n\nexport default ColorPicker;\n"],"names":["ColorPicker","props","$","_c","asTextField","t0","value","t1","onChange","onButtonClick","name","undefined","color","setColor","useState","inputRef","useRef","t2","Symbol","for","_","debounce","_temp","debouncedOnChange","t3","e_0","target","e","onInputChange","t4","e_1","target_0","persist","onInputChangeDefault","t5","current","click","onPaletteButtonClick","t6","t7","useEffect","t8","TextField","e_2","background","jsx","e_3","Button","e_4","func"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { MouseEvent } from 'react';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+export interface IColorProps {
+    onChange?: () => void;
+    asTextField?: boolean;
+    value?: string;
+    onButtonClick?: (e: MouseEvent<HTMLInputElement>) => void;
+    name?: string;
+    permissionAttr?: PermissionAttr;
+    visible?: boolean;
+    label?: string;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}

package/lib/inputs/date/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { IDateDialogProps } from './types';
+declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Dialog;

package/lib/inputs/date/Dialog.js

@@ -0,0 +1,18 @@
+import { jsx as h } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import n from "../../dialog/base/index.js";
+const p = (r) => {
+  const e = a.c(8), {
+    handlerClose: t,
+    children: s,
+    dialogSize: i
+  } = r;
+  let o;
+  e[0] !== t ? (o = () => t(!1), e[0] = t, e[1] = o) : o = e[1];
+  let l;
+  return e[2] !== s || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== o ? (l = /* @__PURE__ */ h(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: o, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: s }), e[2] = s, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = o, e[7] = l) : l = e[7], l;
+};
+export {
+  p as default
+};
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/lib/inputs/date/Dialog.tsx"],"sourcesContent":["import BaseDialog from '../../dialog/base';\nimport { IDateDialogProps } from './types';\n\nconst Dialog = ({ handlerClose, children, dialogSize }: IDateDialogProps) => (\n  <BaseDialog\n    closeOnEsc\n    closeOnOutsideClick\n    handlerClose={() => handlerClose(false)}\n    wrapperClassName=''\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={handlerClose}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"names":["Dialog","t0","$","_c","handlerClose","children","dialogSize","t1","t2","height","width","BaseDialog"],"mappings":";;;AAGA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,SAAAE,KAItDG,IAAAA,MAAMH,EAAa,EAAK,GAACF,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAM;AAAA,SAAAN,SAAAG,KAAAH,EAAA,CAAA,MAAAI,EAAAG,UAAAP,SAAAI,EAAAI,SAAAR,SAAAE,KAAAF,EAAA,CAAA,MAAAK,KAHzCC,sBAACG,GAAA,EACC,YAAA,IACA,qBAAA,IACc,cAAAJ,GACG,kBAAA,IACV,OAAAD,EAAUI,OACT,QAAAJ,EAAUG,QACJL,cAAAA,GACbC,UAAAA,GACH,GAAaH,OAAAG,GAAAH,EAAA,CAAA,IAAAI,EAAAG,QAAAP,EAAA,CAAA,IAAAI,EAAAI,OAAAR,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GATbM;AASa;"}

package/lib/inputs/date/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { IDateDropdownProps } from './types';
+declare const Dropdown: (props: IDateDropdownProps) => import('react').ReactPortal;
+export default Dropdown;

package/lib/inputs/date/Dropdown.js

@@ -0,0 +1,20 @@
+import { useRef as a, useEffect as o } from "react";
+import d from "react-dom";
+const p = 24, m = 250, h = (n) => {
+  const {
+    containerRef: r,
+    showButtonOpen: i,
+    dropdownRef: u,
+    children: s,
+    inputDimensions: e
+  } = n, t = a(document.createElement("div")), c = e && e.width + (i ? p : 0) + 4 || m;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px");
+  }, [n]), d.createPortal(s, t.current);
+};
+export {
+  h as default
+};
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/date/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IDateDropdownProps } from './types';\n\nconst CALENDAR_BUTTON_WIDTH = 24;\nconst CALENDAR_MIN_WIDTH = 250;\n\nconst Dropdown = (props: IDateDropdownProps) => {\n  const { containerRef, showButtonOpen, dropdownRef, children, inputDimensions } = props;\n  const elementRef = useRef<HTMLDivElement>(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width + (\n    showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0\n  ) + 4 || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"names":["CALENDAR_BUTTON_WIDTH","CALENDAR_MIN_WIDTH","Dropdown","props","containerRef","showButtonOpen","dropdownRef","children","inputDimensions","elementRef","useRef","document","createElement","width","useEffect","current","className","style","String","concat","top","bottom","appendChild","removeChild","ReactDOM","createPortal"],"mappings":";;AAIA,MAAMA,IAAwB,IACxBC,IAAqB,KAErBC,IAAWA,CAACC,MAA8B;AAC9C,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,gBAAAA;AAAAA,IAAgBC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,iBAAAA;AAAAA,EAAAA,IAAoBL,GAC3EM,IAAaC,EAAuBC,SAASC,cAAc,KAAK,CAAC,GACjEC,IAAQL,KAAmBA,EAAgBK,SAC/CR,IAAiBL,IAAwB,KACvC,KAAKC;AAETa,SAAAA,EAAU,OACRL,EAAWM,QAAQC,YAAY,wBAC/BP,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI,GAE1Ef,EAAaW,SAASO,YAAYb,EAAWM,OAAO,GACpDT,EAAYG,EAAWM,OAAO,GAEvB,MAAM;AACXX,IAAAA,EAAaW,SAASQ,YAAYd,EAAWM,OAAO;AAAA,EACtD,IACC,CAAA,CAAE,GAELD,EAAU,MAAM;AACdL,IAAAA,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI;AAAA,EAC5E,GAAG,CAAChB,CAAK,CAAC,GAEHqB,EAASC,aAAalB,GAAUE,EAAWM,OAAO;AAC3D;"}

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

@@ -0,0 +1,34 @@
+import { default as moment } from 'moment';
+declare const PT_BR_FORMAT = "DD/MM/YYYY";
+declare const PT_BR_FORMAT_DATETIME = "DD/MM/YYYY HH:mm";
+declare const EN_US_FORMAT = "YYYY-MM-DD";
+declare const EN_US_FORMAT_DATETIME = "YYYY-MM-DD HH.mm";
+declare const getMomentValue: (value: string) => moment.Moment;
+declare const blocksDateTimeFormat: {
+    DD: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    MM: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    YYYY: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    HH: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+    mm: {
+        mask: typeof import('imask').MaskedRange;
+        from: number;
+        to: number;
+    };
+};
+export { getMomentValue, blocksDateTimeFormat, PT_BR_FORMAT, PT_BR_FORMAT_DATETIME, EN_US_FORMAT, EN_US_FORMAT_DATETIME, };

package/lib/inputs/date/helpers.js

@@ -0,0 +1,52 @@
+import t from "../../node_modules/moment/dist/moment.js";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import m from "../../node_modules/imask/esm/core/holder.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 "react";
+import "../../node_modules/react-imask/esm/mixin.js";
+const r = "DD/MM/YYYY", g = "DD/MM/YYYY HH:mm", a = "YYYY-MM-DD", d = "YYYY-MM-DD HH.mm", A = (M) => {
+  let o = M;
+  return t(o, r, !0).isValid() && (o = t(o, r).format(r)), typeof o == "string" ? t(o, a) : o;
+}, E = {
+  DD: {
+    mask: m.MaskedRange,
+    from: 1,
+    to: 31
+  },
+  MM: {
+    mask: m.MaskedRange,
+    from: 1,
+    to: 12
+  },
+  YYYY: {
+    mask: m.MaskedRange,
+    from: 1900,
+    to: 2999
+  },
+  HH: {
+    mask: m.MaskedRange,
+    from: 0,
+    to: 23
+  },
+  mm: {
+    mask: m.MaskedRange,
+    from: 0,
+    to: 59
+  }
+};
+export {
+  a as EN_US_FORMAT,
+  d as EN_US_FORMAT_DATETIME,
+  r as PT_BR_FORMAT,
+  g as PT_BR_FORMAT_DATETIME,
+  E as blocksDateTimeFormat,
+  A as getMomentValue
+};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/date/helpers.ts"],"sourcesContent":["import moment from 'moment';\nimport { IMask } from 'react-imask';\n\nconst PT_BR_FORMAT = 'DD/MM/YYYY';\nconst PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';\nconst EN_US_FORMAT = 'YYYY-MM-DD';\nconst EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';\n\nconst getMomentValue = (value: string) => {\n  let newValue = value;\n  if (moment(newValue, PT_BR_FORMAT, true).isValid()) {\n    newValue = moment(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);\n  }\n\n  return (typeof newValue === 'string' ? moment(newValue, EN_US_FORMAT) : newValue);\n};\n\nconst blocksDateTimeFormat = {\n  DD: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 31,\n  },\n  MM: {\n    mask: IMask.MaskedRange,\n    from: 1,\n    to: 12,\n  },\n  YYYY: {\n    mask: IMask.MaskedRange,\n    from: 1900,\n    to: 2999,\n  },\n  HH: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 23,\n  },\n  mm: {\n    mask: IMask.MaskedRange,\n    from: 0,\n    to: 59,\n  },\n};\n\nexport {\n  getMomentValue,\n  blocksDateTimeFormat,\n  PT_BR_FORMAT,\n  PT_BR_FORMAT_DATETIME,\n  EN_US_FORMAT,\n  EN_US_FORMAT_DATETIME,\n};\n"],"names":["PT_BR_FORMAT","PT_BR_FORMAT_DATETIME","EN_US_FORMAT","EN_US_FORMAT_DATETIME","getMomentValue","value","newValue","moment","isValid","format","blocksDateTimeFormat","DD","mask","IMask","MaskedRange","from","to","MM","YYYY","HH","mm"],"mappings":";;;;;;;;;;;;;AAGA,MAAMA,IAAe,cACfC,IAAwB,oBACxBC,IAAe,cACfC,IAAwB,oBAExBC,IAAiBA,CAACC,MAAkB;AACxC,MAAIC,IAAWD;AACf,SAAIE,EAAOD,GAAUN,GAAc,EAAI,EAAEQ,cACvCF,IAAWC,EAAOD,GAAUN,CAAY,EAAES,OAAOT,CAAY,IAGvD,OAAOM,KAAa,WAAWC,EAAOD,GAAUJ,CAAY,IAAII;AAC1E,GAEMI,IAAuB;AAAA,EAC3BC,IAAI;AAAA,IACFC,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENC,IAAI;AAAA,IACFL,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENE,MAAM;AAAA,IACJN,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENG,IAAI;AAAA,IACFP,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAAA,EAENI,IAAI;AAAA,IACFR,MAAMC,EAAMC;AAAAA,IACZC,MAAM;AAAA,IACNC,IAAI;AAAA,EAAA;AAER;"}

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

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