linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs/base/helpers.js

@@ -1,46 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getInputClass = _ref => {
-  let {
-    textAlign,
-    readOnly,
-    readOnlyClass
-  } = _ref;
-  return `textinput text-align-${textAlign} ${readOnlyClass} ${readOnly ? ' -readonly' : ''}`;
-};
-exports.getInputClass = getInputClass;
-const getInputWrapperClass = props => {
+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,
-    customClassForWrapper,
-    rounded,
-    errorMessages,
-    disabled
-  } = props;
-  return `inputwrapper ${inputHasFocus && ' -focusable'}
-          ${customClassForWrapper}
-          ${errorMessages && errorMessages.length > 0 && ' -requirederror'}
-          ${rounded && ' -roundedborders'}
-          ${disabled && ' -disabled'}`;
+    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);
 };
-exports.getInputWrapperClass = getInputWrapperClass;
-const getRightElements = (errorMessages, skeletonize, rightElements) => {
-  let elements = rightElements || [];
-  if (skeletonize) return null;
-  if (!_lodash.default.isArray(elements)) {
-    elements = [elements];
-  }
-  elements = elements.map((element, index) => element && /*#__PURE__*/_react.default.cloneElement(element, {
-    key: `rightelement-${index + 1}`
-  }));
-  if (errorMessages) return elements;
-  return elements;
+export {
+  p as getInputClass,
+  d as getInputWrapperClass,
+  m as getRightElements
 };
-exports.getRightElements = 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

@@ -1,11 +1,9 @@
-import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
-import { TextAlign } from '../../@types/Align.js';
-import { Period } from '../../@types/Period.js';
-import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
-import { ITooltipCommonProps } from '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-interface CustomInputEvent {
+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;
@@ -20,7 +18,7 @@ interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-interface IBaseProps extends ITooltipCommonProps {
+export interface IBaseProps extends ITooltipCommonProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -54,7 +52,7 @@ interface IBaseProps extends ITooltipCommonProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: React.ReactNode;
+    children?: ReactNode;
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -88,5 +86,3 @@ interface IBaseProps extends ITooltipCommonProps {
     tabIndex?: number;
     defaultValue?: string | string[];
 }
-
-export { CustomInputEvent, IBaseProps };

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

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

package/lib/inputs/color/index.js

@@ -1,95 +1,58 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _text = _interopRequireDefault(require("../text"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-require("../../assets/styles/colorpicker.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ColorPicker = props => {
-  const {
-    asTextField = true,
-    value = '#aaaaaa',
-    onChange,
-    onButtonClick,
-    name
-  } = props;
-  const [color, setColor] = (0, _react.useState)(value);
-  const inputRef = (0, _react.useRef)(null);
-  const debouncedOnChange = _lodash.default.debounce((func, e) => {
-    func(e);
-  }, 300);
-  const onInputChange = e => {
+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
-    } = e;
-    setColor(target.value);
-    if (onChange) {
-      // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou
-      // inferior porque o pool de eventos foi removido no React 17. CORRIGIR
-      // e.persist();
-      debouncedOnChange(onChange, e);
-    }
-  };
-  const onInputChangeDefault = e => {
+      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
-    } = e;
-    setColor(target.value);
-    if (onChange) {
-      e.persist();
-      debouncedOnChange(onChange, e);
-    }
-  };
-  const onPaletteButtonClick = () => {
-    if (inputRef.current) inputRef.current.click();
-  };
-  (0, _react.useEffect)(() => {
-    setColor(value);
-  }, [value]);
-  return asTextField ? /*#__PURE__*/_react.default.createElement(_text.default, _extends({}, props, {
-    value: color,
-    onChange: e => {
-      if (e) onInputChange(e);
-    },
-    leftElements: [/*#__PURE__*/_react.default.createElement("div", {
-      key: "colorMirror",
-      className: "colorpicker-colormirror",
-      style: {
-        background: color
-      }
-    }), /*#__PURE__*/_react.default.createElement("input", {
-      key: "inputColor",
-      className: "colorpicker-hideinputcolor",
-      ref: inputRef,
-      type: "color",
-      defaultValue: color,
-      name: `${name}-hidden`,
-      onClick: e => onButtonClick ? onButtonClick(e) : undefined,
-      onInput: onInputChangeDefault
-    })],
-    rightElements: /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      className: "colorpicker-palettebutton",
-      key: "palettebutton",
-      onClick: onPaletteButtonClick,
-      iconName: "pallete",
-      boxShadow: false
-    })
-  })) : /*#__PURE__*/_react.default.createElement("input", {
-    key: "inputColor",
-    name: name,
-    ref: inputRef,
-    type: "color",
-    defaultValue: color,
-    onClick: e => onButtonClick ? onButtonClick(e) : undefined,
-    onInput: onInputChangeDefault
-  });
+      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;
 };
-var _default = exports.default = ColorPicker;
+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

@@ -1,7 +1,6 @@
 import { MouseEvent } from 'react';
-import { PermissionAttr } from '../../@types/PermissionAttr.js';
-
-interface IColorProps {
+import { PermissionAttr } from '../../@types/PermissionAttr';
+export interface IColorProps {
     onChange?: () => void;
     asTextField?: boolean;
     value?: string;
@@ -15,5 +14,3 @@ interface IColorProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-
-export { IColorProps };

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

@@ -1,13 +1,3 @@
-import { IDateDialogProps } from './types.js';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => JSX.Element;
-
-export { Dialog as default };
+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

@@ -1,26 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _base = _interopRequireDefault(require("../../dialog/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Dialog = _ref => {
-  let {
-    handlerClose,
-    children,
-    dialogSize
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_base.default, {
-    closeOnEsc: true,
-    closeOnOutsideClick: true,
-    handlerClose: () => handlerClose(false),
-    wrapperClassName: "",
-    width: dialogSize.width,
-    height: dialogSize.height,
-    onOpenChange: handlerClose
-  }, children);
+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;
 };
-var _default = exports.default = Dialog;
+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

@@ -1,13 +1,3 @@
-import * as React from 'react';
-import { IDateDropdownProps } from './types.js';
-import '../../@types/ColorStyles.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;
-
-export { Dropdown as default };
+import { IDateDropdownProps } from './types';
+declare const Dropdown: (props: IDateDropdownProps) => import('react').ReactPortal;
+export default Dropdown;

package/lib/inputs/date/Dropdown.js

@@ -1,38 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CALENDAR_BUTTON_WIDTH = 24;
-const CALENDAR_MIN_WIDTH = 250;
-const Dropdown = props => {
+import { useRef as a, useEffect as o } from "react";
+import d from "react-dom";
+const p = 24, m = 250, h = (n) => {
   const {
-    containerRef,
-    showButtonOpen,
-    dropdownRef,
-    children,
-    inputDimensions
-  } = props;
-  const elementRef = (0, _react.useRef)(document.createElement('div'));
-  const width = inputDimensions && inputDimensions.width + (showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0) + 4 || CALENDAR_MIN_WIDTH;
-  (0, _react.useEffect)(() => {
-    elementRef.current.className = 'datepicker-component';
-    elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
-    containerRef.current?.appendChild(elementRef.current);
-    dropdownRef(elementRef.current);
-    return () => {
-      containerRef.current?.removeChild(elementRef.current);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    elementRef.current.style.width = String(width).concat('px');
-    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');
-  }, [props]);
-  return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
+    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);
 };
-var _default = exports.default = Dropdown;
+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

@@ -1,6 +1,4 @@
-import * as imask from 'imask';
-import moment from 'moment';
-
+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";
@@ -8,30 +6,29 @@ declare const EN_US_FORMAT_DATETIME = "YYYY-MM-DD HH.mm";
 declare const getMomentValue: (value: string) => moment.Moment;
 declare const blocksDateTimeFormat: {
     DD: {
-        mask: typeof imask.MaskedRange;
+        mask: typeof import('imask').MaskedRange;
         from: number;
         to: number;
     };
     MM: {
-        mask: typeof imask.MaskedRange;
+        mask: typeof import('imask').MaskedRange;
         from: number;
         to: number;
     };
     YYYY: {
-        mask: typeof imask.MaskedRange;
+        mask: typeof import('imask').MaskedRange;
         from: number;
         to: number;
     };
     HH: {
-        mask: typeof imask.MaskedRange;
+        mask: typeof import('imask').MaskedRange;
         from: number;
         to: number;
     };
     mm: {
-        mask: typeof imask.MaskedRange;
+        mask: typeof import('imask').MaskedRange;
         from: number;
         to: number;
     };
 };
-
-export { EN_US_FORMAT, EN_US_FORMAT_DATETIME, PT_BR_FORMAT, PT_BR_FORMAT_DATETIME, blocksDateTimeFormat, getMomentValue };
+export { getMomentValue, blocksDateTimeFormat, PT_BR_FORMAT, PT_BR_FORMAT_DATETIME, EN_US_FORMAT, EN_US_FORMAT_DATETIME, };

package/lib/inputs/date/helpers.js

@@ -1,48 +1,52 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMomentValue = exports.blocksDateTimeFormat = exports.PT_BR_FORMAT_DATETIME = exports.PT_BR_FORMAT = exports.EN_US_FORMAT_DATETIME = exports.EN_US_FORMAT = void 0;
-var _moment = _interopRequireDefault(require("moment"));
-var _reactImask = require("react-imask");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PT_BR_FORMAT = exports.PT_BR_FORMAT = 'DD/MM/YYYY';
-const PT_BR_FORMAT_DATETIME = exports.PT_BR_FORMAT_DATETIME = 'DD/MM/YYYY HH:mm';
-const EN_US_FORMAT = exports.EN_US_FORMAT = 'YYYY-MM-DD';
-const EN_US_FORMAT_DATETIME = exports.EN_US_FORMAT_DATETIME = 'YYYY-MM-DD HH.mm';
-const getMomentValue = value => {
-  let newValue = value;
-  if ((0, _moment.default)(newValue, PT_BR_FORMAT, true).isValid()) {
-    newValue = (0, _moment.default)(newValue, PT_BR_FORMAT).format(PT_BR_FORMAT);
-  }
-  return typeof newValue === 'string' ? (0, _moment.default)(newValue, EN_US_FORMAT) : newValue;
-};
-exports.getMomentValue = getMomentValue;
-const blocksDateTimeFormat = exports.blocksDateTimeFormat = {
+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: _reactImask.IMask.MaskedRange,
+    mask: m.MaskedRange,
     from: 1,
     to: 31
   },
   MM: {
-    mask: _reactImask.IMask.MaskedRange,
+    mask: m.MaskedRange,
     from: 1,
     to: 12
   },
   YYYY: {
-    mask: _reactImask.IMask.MaskedRange,
+    mask: m.MaskedRange,
     from: 1900,
     to: 2999
   },
   HH: {
-    mask: _reactImask.IMask.MaskedRange,
+    mask: m.MaskedRange,
     from: 0,
     to: 23
   },
   mm: {
-    mask: _reactImask.IMask.MaskedRange,
+    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

@@ -1,13 +1,3 @@
-import { IDatePickerProps } from './types.js';
-import 'react';
-import '../../@types/ColorStyles.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const DatePicker: (props: IDatePickerProps) => JSX.Element | null;
-
-export { DatePicker as default };
+import { IDatePickerProps } from './types';
+declare const DatePicker: (props: IDatePickerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DatePicker;