linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/inputs/file/File.js

@@ -1,31 +1,64 @@
-import { j as n } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useRef as l, useEffect as u } from "react";
-import p from "./DefaultFile.js";
-import C from "./DragDropFile.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import '../../assets/gridlayout.css';/* empty css                               */
-import R from "../../gridlayout/GridCol.js";
-import { transformFilesToFileList as k } from "./helpers.js";
-const I = ({
-  applyDragDrop: m = !1,
-  defaultFiles: r,
-  gridLayout: o,
-  onBtnClickRemove: e,
-  ...i
-}) => {
-  const t = l(null), c = () => {
-    t.current?.click();
-  }, f = () => {
-    t.current && (t.current.value = ""), e && e();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
+var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
+var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
+var _helpers = require("./helpers");
+const _excluded = ["applyDragDrop", "defaultFiles", "gridLayout", "onBtnClickRemove"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const File = _ref => {
+  let {
+      applyDragDrop = false,
+      defaultFiles,
+      gridLayout,
+      onBtnClickRemove: onBtnClickRemoveProp
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const inputFileRef = (0, _react.useRef)(null);
+  const onBtnClickInsert = () => {
+    var _inputFileRef$current;
+    (_inputFileRef$current = inputFileRef.current) === null || _inputFileRef$current === void 0 ? void 0 : _inputFileRef$current.click();
   };
-  u(() => {
-    t?.current && r && (t.current.files = k(r));
-  }, [t?.current]);
-  const s = m ? /* @__PURE__ */ n.jsx(C, { ...i, defaultFiles: r, inputRef: t, onBtnClickInsert: () => c() }) : /* @__PURE__ */ n.jsx(p, { ...i, inputRef: t, defaultFiles: r, onBtnClickRemove: () => f(), onBtnClickInsert: () => c() });
-  return o !== void 0 ? /* @__PURE__ */ n.jsx(R, { customClass: "-withinput", cols: o, style: {
-    height: "100%"
-  }, children: s }) : s;
-};
-export {
-  I as default
+  const onBtnClickRemove = () => {
+    if (inputFileRef.current) {
+      inputFileRef.current.value = '';
+      if (onBtnClickRemoveProp) onBtnClickRemoveProp();
+    }
+    if (onBtnClickRemoveProp) onBtnClickRemoveProp();
+  };
+  (0, _react.useEffect)(() => {
+    if (inputFileRef !== null && inputFileRef !== void 0 && inputFileRef.current && defaultFiles) {
+      inputFileRef.current.files = (0, _helpers.transformFilesToFileList)(defaultFiles);
+    }
+  }, [inputFileRef === null || inputFileRef === void 0 ? void 0 : inputFileRef.current]);
+  const component = applyDragDrop ? /*#__PURE__*/_react.default.createElement(_DragDropFile.default, _extends({}, rest, {
+    defaultFiles: defaultFiles,
+    inputRef: inputFileRef,
+    onBtnClickInsert: () => onBtnClickInsert()
+  })) : /*#__PURE__*/_react.default.createElement(_DefaultFile.default, _extends({}, rest, {
+    inputRef: inputFileRef,
+    defaultFiles: defaultFiles,
+    onBtnClickRemove: () => onBtnClickRemove(),
+    onBtnClickInsert: () => onBtnClickInsert()
+  }));
+  if (gridLayout !== undefined) {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+      customClass: "-withinput",
+      cols: gridLayout,
+      style: {
+        height: '100%'
+      }
+    }, component);
+  }
+  return component;
 };
+var _default = exports.default = File;

package/lib/inputs/file/FileButtonSettings.d.ts

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

package/lib/inputs/file/FileButtonSettings.js

@@ -1,24 +1,33 @@
-import { j as m } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import f from "../../buttons/Button.js";
-import b from "../../icons/index.js";
-import '../../assets/button.css';/* empty css                           */
-const _ = (p) => {
-  const t = u.c(9), {
-    size: c,
-    labelButton: d,
-    id: s,
-    onBtnClickInsert: n
-  } = p, r = c === void 0 ? "medium" : c, a = d === void 0 ? "Selecionar" : d;
-  let o, l;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
-    height: "100%"
-  }, l = /* @__PURE__ */ m.jsx(b, { name: "file_download" }), t[0] = o, t[1] = l) : (o = t[0], l = t[1]);
-  let e;
-  t[2] !== a || t[3] !== n || t[4] !== r ? (e = /* @__PURE__ */ m.jsx(f, { className: "uploadButton simple-search-file-button -shadowsdisabled -transparent", onClick: n, size: r, style: o, icon: l, label: a }), t[2] = a, t[3] = n, t[4] = r, t[5] = e) : e = t[5];
-  let i;
-  return t[6] !== s || t[7] !== e ? (i = /* @__PURE__ */ m.jsx("label", { id: "", htmlFor: s, children: e }), t[6] = s, t[7] = e, t[8] = i) : i = t[8], i;
-};
-export {
-  _ as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _icons = _interopRequireDefault(require("../../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FileButtonSettings = props => {
+  const {
+    size = 'medium',
+    labelButton = 'Selecionar',
+    id,
+    onBtnClickInsert
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: id
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",
+    onClick: onBtnClickInsert,
+    size: size,
+    style: {
+      height: '100%'
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "file_download"
+    }),
+    label: labelButton
+  }));
 };
+var _default = exports.default = FileButtonSettings;

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

@@ -1,2 +1,13 @@
-import { CustomFile } from './types';
-export declare const transformFilesToFileList: (files: CustomFile) => FileList;
+import { CustomFile } from './types.js';
+import 'react';
+import '../../@types/Size.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const transformFilesToFileList: (files: CustomFile) => FileList;
+
+export { transformFilesToFileList };

package/lib/inputs/file/helpers.js

@@ -1,11 +1,21 @@
-const n = (s) => {
-  let e = s;
-  if (!(e instanceof FileList)) {
-    const i = new DataTransfer();
-    e instanceof File ? (i.items.add(e), e = i.files) : (e.map((t) => i.items.add(t)), e = i.files);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformFilesToFileList = void 0;
+const transformFilesToFileList = files => {
+  let newFiles = files;
+  if (!(newFiles instanceof FileList)) {
+    const dt = new DataTransfer();
+    if (newFiles instanceof File) {
+      dt.items.add(newFiles);
+      newFiles = dt.files;
+    } else {
+      newFiles.map(file => dt.items.add(file));
+      newFiles = dt.files;
+    }
   }
-  return e;
-};
-export {
-  n as transformFilesToFileList
+  return newFiles;
 };
+exports.transformFilesToFileList = transformFilesToFileList;

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

@@ -1,5 +1,16 @@
-import { default as File } from './File';
-import { default as DefaultFile } from './DefaultFile';
-import { default as DragDropFile } from './DragDropFile';
-export default File;
-export { DefaultFile, DragDropFile, };
+import File from './File.js';
+export { default as DefaultFile } from './DefaultFile.js';
+export { default as DragDropFile } from './DragDropFile.js';
+import './types.js';
+import 'react';
+import '../../@types/Size.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+
+
+export { File as default };

package/lib/inputs/file/index.js

@@ -1,8 +1,23 @@
-import r from "./File.js";
-import { default as t } from "./DefaultFile.js";
-import { default as l } from "./DragDropFile.js";
-export {
-  t as DefaultFile,
-  l as DragDropFile,
-  r as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultFile", {
+  enumerable: true,
+  get: function () {
+    return _DefaultFile.default;
+  }
+});
+Object.defineProperty(exports, "DragDropFile", {
+  enumerable: true,
+  get: function () {
+    return _DragDropFile.default;
+  }
+});
+exports.default = void 0;
+var _File = _interopRequireDefault(require("./File"));
+var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
+var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _File.default;

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

@@ -1,8 +1,14 @@
-import { RefObject, DragEvent } from 'react';
-import { Size } from '../../@types/Size';
-import { CustomInputEvent } from '../base/types';
-export type CustomFile = FileList | File | File[];
-export interface IFileProps {
+import { DragEvent, RefObject } from 'react';
+import { Size } from '../../@types/Size.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+type CustomFile = FileList | File | File[];
+interface IFileProps {
     onBtnClickInsert?: () => void;
     onBtnClickRemove?: () => void;
     id?: string;
@@ -32,18 +38,20 @@ export interface IFileProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-export interface IDefaultFileProps extends IFileProps {
+interface IDefaultFileProps extends IFileProps {
     onBtnClickInsert: () => void;
     onBtnClickRemove: () => void;
 }
-export interface IDragDropFileProps extends IFileProps {
+interface IDragDropFileProps extends IFileProps {
     subtitleDragDrop?: string;
     titleDragDrop?: string;
 }
-export interface IFileButtonSettingsProps {
+interface IFileButtonSettingsProps {
     id: string;
     labelFileButton?: string;
     size?: Size;
     labelButton?: string;
     onBtnClickInsert: () => void;
 }
+
+export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };

package/lib/inputs/file/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/inputHOC.d.ts

@@ -1,4 +1,16 @@
-import { default as React } from 'react';
-import { IInputHOCProps } from './types';
-declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
-export default InputHOC;
+import React__default from 'react';
+import { IInputHOCProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/DataCombo.js';
+import './base/types.js';
+import '../@types/Align.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+import '../drawer/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
+
+export { InputHOC as default };

package/lib/inputs/inputHOC.js

@@ -1,42 +1,43 @@
-import { j as f } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as F } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as E } from "react";
-import '../assets/gridlayout.css';/* empty css                            */
-import I from "../gridlayout/GridCol.js";
-const g = (d) => (e) => {
-  const t = F.c(14), {
-    visible: v,
-    gridLayout: x
-  } = e, b = v === void 0 ? !0 : v, n = x === void 0 ? void 0 : x, [m, h] = E(!1), [a] = E(!1);
-  let i;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    h(!0);
-  }, t[0] = i) : i = t[0];
-  const y = i;
-  let c;
-  t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
-    h(!1);
-  }, t[1] = c) : c = t[1];
-  const C = c;
-  let l;
-  t[2] !== m || t[3] !== a ? (l = {
-    inputHasFocus: m,
-    requiredError: a,
-    onInputReceiveFocus: y,
-    onInputLostFocus: C
-  }, t[2] = m, t[3] = a, t[4] = l) : l = t[4];
-  const o = l;
-  let r;
-  t[5] !== o || t[6] !== e ? (r = /* @__PURE__ */ f.jsx(d, { ...e, ...o }), t[5] = o, t[6] = e, t[7] = r) : r = t[7];
-  let j = r;
-  if (n !== void 0 && b) {
-    let s;
-    t[8] !== o || t[9] !== e ? (s = /* @__PURE__ */ f.jsx(d, { ...e, ...o }), t[8] = o, t[9] = e, t[10] = s) : s = t[10];
-    let u;
-    t[11] !== n || t[12] !== s ? (u = /* @__PURE__ */ f.jsx(I, { customClass: "-withinput", cols: n, children: s }), t[11] = n, t[12] = s, t[13] = u) : u = t[13], j = u;
-  }
-  return j;
-};
-export {
-  g as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 InputHOC = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      visible = true,
+      gridLayout = undefined
+    } = props;
+    const [inputHasFocus, setInputHasFocus] = (0, _react.useState)(false);
+    const [requiredError] = (0, _react.useState)(false);
+    const onInputReceiveFocus = () => {
+      setInputHasFocus(true);
+    };
+    const onInputLostFocus = () => {
+      setInputHasFocus(false);
+    };
+    const newProps = {
+      inputHasFocus,
+      requiredError,
+      onInputReceiveFocus,
+      onInputLostFocus
+    };
+    let result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
+    if (gridLayout !== undefined && visible) {
+      result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+        customClass: "-withinput",
+        cols: gridLayout
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
+    }
+    return result;
+  };
+  return EnhancedComponent;
 };
+var _default = exports.default = InputHOC;

package/lib/inputs/mask/BaseMask.d.ts

@@ -1,3 +1,12 @@
-import { IBaseMaskProps } from './types';
-declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, ...rest }: IBaseMaskProps) => import("react/jsx-runtime").JSX.Element;
-export default BaseMask;
+import { IBaseMaskProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, isDateTimeField, ...rest }: IBaseMaskProps) => JSX.Element;
+
+export { BaseMask as default };