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

package/lib/inputs/color/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;mCAQM,KAAe,MAAuB;CAC1C,IAAM,EACJ,iBAAc,IACd,WAAQ,WACR,aACA,kBACA,YACE,GACE,CAAC,GAAO,KAAY,EAAS,EAAM,EACnC,IAAW,EAAyB,KAAK,EAEzC,IAAoB,EAAA,QAAE,UAAU,GAAM,MAAM;AAAE,IAAK,EAAE;IAAK,IAAI,EAE9D,KAAiB,MAAwB;EAC7C,IAAM,EAAE,cAAW;AAEnB,EADA,EAAS,EAAO,MAAM,EAClB,KAIF,EAAkB,GAAU,EAAE;IAI5B,KAAwB,MAAqC;EACjE,IAAM,EAAE,QAAA,MAAW;AAEnB,EADA,EAAS,EAAO,MAAM,EAClB,MACF,EAAE,SAAS,EACX,EAAkB,GAAU,EAAE;IAI5B,UAA6B;AACjC,EAAI,EAAS,WAAS,EAAS,QAAQ,OAAO;;AAOhD,QAJA,QAAgB;AACd,IAAS,EAAM;IACd,CAAC,EAAM,CAAC,EAGT,IAEI,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAW,MAAyB;AAClC,GAAI,KAAG,EAAc,EAAE;;EAEzB,cAAc,CACZ,kBAAC,OAAD;GAAuB,WAAU;GAA0B,OAAO,EAAE,YAAY,GAAA;GAAW,EAAlF,cAAkF,EAC3F,kBAAC,SAAD;GAEE,WAAU;GACV,KAAK;GACL,MAAK;GACL,cAAc;GACd,MAAM,GAAG,EAAA;GACT,UAAU,MACR,IAAgB,EAAc,EAAE,GAAG,KAAA;GAErC,SAAS;GAAwB,EAT7B,aAS6B,CACpC;EACD,eACE,kBAAC,GAAD;GACE,WAAU;GAEV,SAAS;GACT,UAAS;GACT,WAAW;GAAS,EAHhB,gBAAA;EAGoB,CAAA,GAG9B,kBAAC,SAAD;EAEQ;EACN,KAAK;EACL,MAAK;EACL,cAAc;EACd,UAAU,MACR,IAAgB,EAAc,EAAE,GAAG,KAAA;EAErC,SAAS;EAAwB,EAR7B,aAQ6B"}

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

@@ -9,7 +9,7 @@ export interface IColorProps {
     permissionAttr?: PermissionAttr;
     visible?: boolean;
     label?: string;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

package/lib/inputs/date/Dialog.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":[],"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"],"mappings":";;;AAGA,IAAM,KAAU,EAAE,iBAAc,aAAU,oBACxC,kBAAC,GAAD;CACE,YAAA;CACA,qBAAA;CACA,oBAAoB,EAAa,GAAM;CACvC,kBAAiB;CACjB,OAAO,EAAW;CAClB,QAAQ,EAAW;CACnB,cAAc;CACb;CACU,CAAA"}

package/lib/inputs/date/Dropdown.js

@@ -1,19 +1,15 @@
-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
+import { useEffect as e, useRef as t } from "react";
+import n from "react-dom";
+//#region src/lib/inputs/date/Dropdown.tsx
+var r = 24, i = 250, a = (a) => {
+	let { containerRef: o, showButtonOpen: s, dropdownRef: c, children: l, inputDimensions: u } = a, d = t(document.createElement("div")), f = u && u.width + (s ? r : 0) + 4 || i;
+	return e(() => (d.current.className = "datepicker-component", d.current.style.width = String(f).concat("px"), d.current.style.top = String(u?.bottom).concat("px"), o.current?.appendChild(d.current), c(d.current), () => {
+		o.current?.removeChild(d.current);
+	}), []), e(() => {
+		d.current.style.width = String(f).concat("px"), d.current.style.top = String(u?.bottom).concat("px");
+	}, [a]), n.createPortal(l, d.current);
 };
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":[],"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"],"mappings":";;;AAIA,IAAM,IAAwB,IACxB,IAAqB,KAErB,KAAY,MAA8B;CAC9C,IAAM,EAAE,iBAAc,mBAAgB,gBAAa,aAAU,uBAAoB,GAC3E,IAAa,EAAuB,SAAS,cAAc,MAAM,CAAC,EAClE,IAAQ,KAAmB,EAAgB,SAC/C,IAAiB,IAAwB,KACvC,KAAK;AAoBT,QAlBA,SACE,EAAW,QAAQ,YAAY,wBAC/B,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,GAAiB,OAAO,CAAC,OAAO,KAAK,EAE3E,EAAa,SAAS,YAAY,EAAW,QAAQ,EACrD,EAAY,EAAW,QAAQ,QAElB;AACX,IAAa,SAAS,YAAY,EAAW,QAAQ;KAEtD,EAAE,CAAC,EAEN,QAAgB;AAEd,EADA,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,GAAiB,OAAO,CAAC,OAAO,KAAK;IAC1E,CAAC,EAAM,CAAC,EAEJ,EAAS,aAAa,GAAU,EAAW,QAAQ"}

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

@@ -1,5 +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;
-export { getMomentValue, PT_BR_FORMAT, EN_US_FORMAT };
+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

@@ -1,10 +1,38 @@
-import { h as o } from "../../chunks/moment.DMLRxgRE.js";
-const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", s = (r) => {
-  let t = r;
-  return o(t, e, !0).isValid() && (t = o(t, e).format(e)), typeof t == "string" ? o(t, Y) : t;
-};
-export {
-  Y as EN_US_FORMAT,
-  e as PT_BR_FORMAT,
-  s as getMomentValue
+import e from "../../node_modules/moment/dist/moment.js";
+import { IMask as t } from "../../node_modules/imask/esm/core/holder.js";
+import "../../node_modules/react-imask/esm/index.js";
+//#region src/lib/inputs/date/helpers.ts
+var n = "DD/MM/YYYY", r = "DD/MM/YYYY HH:mm", i = "YYYY-MM-DD", a = "YYYY-MM-DD HH.mm", o = (t) => {
+	let r = t;
+	return e(r, "DD/MM/YYYY", !0).isValid() && (r = e(r, n).format(n)), typeof r == "string" ? e(r, i) : r;
+}, s = {
+	DD: {
+		mask: t.MaskedRange,
+		from: 1,
+		to: 31
+	},
+	MM: {
+		mask: t.MaskedRange,
+		from: 1,
+		to: 12
+	},
+	YYYY: {
+		mask: t.MaskedRange,
+		from: 1900,
+		to: 2999
+	},
+	HH: {
+		mask: t.MaskedRange,
+		from: 0,
+		to: 23
+	},
+	mm: {
+		mask: t.MaskedRange,
+		from: 0,
+		to: 59
+	}
 };
+//#endregion
+export { i as EN_US_FORMAT, a as EN_US_FORMAT_DATETIME, n as PT_BR_FORMAT, r as PT_BR_FORMAT_DATETIME, s as blocksDateTimeFormat, o as getMomentValue };
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;;;AAGA,IAAM,IAAe,cACf,IAAwB,oBACxB,IAAe,cACf,IAAwB,oBAExB,KAAkB,MAAkB;CACxC,IAAI,IAAW;AAKf,QAJI,EAAO,GAAA,cAAwB,GAAK,CAAC,SAAS,KAChD,IAAW,EAAO,GAAU,EAAa,CAAC,OAAO,EAAa,GAGxD,OAAO,KAAa,WAAW,EAAO,GAAU,EAAa,GAAG;GAGpE,IAAuB;CAC3B,IAAI;EACF,MAAM,EAAM;EACZ,MAAM;EACN,IAAI;EACL;CACD,IAAI;EACF,MAAM,EAAM;EACZ,MAAM;EACN,IAAI;EACL;CACD,MAAM;EACJ,MAAM,EAAM;EACZ,MAAM;EACN,IAAI;EACL;CACD,IAAI;EACF,MAAM,EAAM;EACZ,MAAM;EACN,IAAI;EACL;CACD,IAAI;EACF,MAAM,EAAM;EACZ,MAAM;EACN,IAAI;;CAEP"}

package/lib/inputs/date/index.js

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