linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/inputs/base/helpers.js

@@ -1,46 +1,28 @@
-"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 a from "react";
+import l from "lodash";
+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"}`;
+}, c = (r, t, n) => {
+  let e = n || [];
+  return t ? null : (l.isArray(e) || (e = [e]), e = e.map((s, o) => s && a.cloneElement(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,
+  c as getRightElements
 };
-exports.getRightElements = getRightElements;

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

@@ -1,16 +1,13 @@
-import { MutableRefObject, MouseEvent, KeyboardEvent, DragEvent, RefObject, CSSProperties } from 'react';
-import { TextAlign } from '../../@types/Align.js';
-import { Period } from '../../@types/Period.js';
-import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
-import { WithTooltipProps } from '../../internals/types.js';
-import '../../@types/Position.js';
-
-interface CustomInputEvent {
+import { CSSProperties, KeyboardEvent, MutableRefObject, RefObject, DragEvent, MouseEvent, JSX } from 'react';
+import { TextAlign } from 'src/lib/@types/Align';
+import { WithTooltipProps } from 'src/lib/internals/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;
@@ -20,7 +17,7 @@ interface CustomInputEvent {
         files?: FileList | null;
     };
 }
-interface InputLabelProps extends WithTooltipProps {
+export interface InputLabelProps extends WithTooltipProps {
     label?: string | string[];
     customClassForLabel?: string;
     styleForLabel?: object;
@@ -30,7 +27,7 @@ interface InputLabelProps extends WithTooltipProps {
     labelRef?: MutableRefObject<HTMLSpanElement | null>;
     onHoverLabel?: React.MouseEventHandler<HTMLSpanElement>;
 }
-interface IBaseProps {
+export interface IBaseProps {
     inputHasFocus?: boolean;
     onInputReceiveFocus?: () => void;
     onInputLostFocus?: () => void;
@@ -64,7 +61,7 @@ interface IBaseProps {
     onDragLeave?: (e: DragEvent) => void;
     leftElements?: JSX.Element | JSX.Element[];
     rightElements?: JSX.Element | JSX.Element[];
-    children?: React.ReactNode;
+    children?: JSX.Element | JSX.Element[];
     customClass?: string;
     customClassForWrapper?: string;
     customClassForInputContent?: string;
@@ -99,5 +96,3 @@ interface IBaseProps {
     tabIndex?: number;
     defaultValue?: string | string[];
 }
-
-export { CustomInputEvent, IBaseProps, InputLabelProps };

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,78 @@
-"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 => {
+import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as k, useRef as x, useEffect as g } from "react";
+import h from "lodash";
+import j from "../text/index.js";
+import v from "../../buttons/Button.js";
+import "../../icons/index.js";
+import '../../assets/button.css';import '../../assets/index20.css';/* empty css                           */
+const F = (u) => {
   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 => {
-    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);
-    }
+    asTextField: m = !0,
+    value: c = "#aaaaaa",
+    onChange: n,
+    onButtonClick: r,
+    name: s
+  } = u, [l, i] = k(c), a = x(null), p = h.debounce((o, t) => {
+    o(t);
+  }, 300), d = (o) => {
+    const { target: t } = o;
+    i(t.value), n && p(n, o);
+  }, f = (o) => {
+    const { target: t } = o;
+    i(t.value), n && (o.persist(), p(n, o));
+  }, C = () => {
+    a.current && a.current.click();
   };
-  const onInputChangeDefault = e => {
-    const {
-      target
-    } = e;
-    setColor(target.value);
-    if (onChange) {
-      e.persist();
-      debouncedOnChange(onChange, e);
+  return g(() => {
+    i(c);
+  }, [c]), m ? /* @__PURE__ */ e.jsx(
+    j,
+    {
+      ...u,
+      value: l,
+      onChange: (o) => {
+        o && d(o);
+      },
+      leftElements: [
+        /* @__PURE__ */ e.jsx("div", { className: "colorpicker-colormirror", style: { background: l } }, "colorMirror"),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            className: "colorpicker-hideinputcolor",
+            ref: a,
+            type: "color",
+            defaultValue: l,
+            name: s,
+            onClick: (o) => r ? r(o) : void 0,
+            onInput: f
+          },
+          "inputColor"
+        )
+      ],
+      rightElements: /* @__PURE__ */ e.jsx(
+        v,
+        {
+          className: "colorpicker-palettebutton",
+          onClick: C,
+          iconName: "pallete",
+          boxShadow: !1
+        },
+        "palettebutton"
+      )
     }
-  };
-  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,
+  ) : /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      name: s,
+      ref: a,
       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
-  });
+      defaultValue: l,
+      onClick: (o) => r ? r(o) : void 0,
+      onInput: f
+    },
+    "inputColor"
+  );
+};
+export {
+  F as default
 };
-var _default = exports.default = ColorPicker;

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 '../../internals/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),
+import { j as a } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { B as o } from "../../chunks/index.yztgndLc.js";
+const h = ({ handlerClose: e, children: t, dialogSize: s }) => /* @__PURE__ */ a.jsx(
+  o,
+  {
+    closeOnEsc: !0,
+    closeOnOutsideClick: !0,
+    handlerClose: () => e(!1),
     wrapperClassName: "",
-    width: dialogSize.width,
-    height: dialogSize.height,
-    onOpenChange: handlerClose
-  }, children);
+    width: s.width,
+    height: s.height,
+    onOpenChange: e,
+    children: t
+  }
+);
+export {
+  h as default
 };
-var _default = exports.default = Dialog;

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 '../../internals/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,17 @@
-"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 => {
-  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);
+import { useRef as f, useEffect as d } from "react";
+import m from "react-dom";
+const s = 24, h = 250, R = (r) => {
+  const { containerRef: c, showButtonOpen: u, dropdownRef: l, children: p, inputDimensions: e } = r, t = f(document.createElement("div")), n = e && e.width + (u ? s : 0) + 4 || h;
+  return d(() => {
+    var o;
+    return t.current.className = "datepicker-component", t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px"), (o = c.current) == null || o.appendChild(t.current), l(t.current), () => {
+      var a;
+      (a = c.current) == null || a.removeChild(t.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);
+  }, []), d(() => {
+    t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px");
+  }, [r]), m.createPortal(p, t.current);
+};
+export {
+  R as default
 };
-var _default = exports.default = Dropdown;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,37 +1,5 @@
-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";
-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;
-        from: number;
-        to: number;
-    };
-    MM: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    YYYY: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    HH: {
-        mask: typeof imask.MaskedRange;
-        from: number;
-        to: number;
-    };
-    mm: {
-        mask: typeof 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, PT_BR_FORMAT, EN_US_FORMAT };

package/lib/inputs/date/helpers.js

@@ -1,48 +1,10 @@
-"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;
+import e from "moment";
+const o = "DD/MM/YYYY", r = "YYYY-MM-DD", M = (n) => {
+  let t = n;
+  return e(t, o, !0).isValid() && (t = e(t, o).format(o)), typeof t == "string" ? e(t, r) : t;
+};
+export {
+  r as EN_US_FORMAT,
+  o as PT_BR_FORMAT,
+  M as getMomentValue
 };
-exports.getMomentValue = getMomentValue;
-const blocksDateTimeFormat = exports.blocksDateTimeFormat = {
-  DD: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1,
-    to: 31
-  },
-  MM: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1,
-    to: 12
-  },
-  YYYY: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 1900,
-    to: 2999
-  },
-  HH: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 0,
-    to: 23
-  },
-  mm: {
-    mask: _reactImask.IMask.MaskedRange,
-    from: 0,
-    to: 59
-  }
-};

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 '../../internals/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;