linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

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

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { ColorStyles } from '../../@types/ColorStyles.js';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+interface IDatePickerProps {
+    value?: string;
+    showButtonOpen?: boolean;
+    shouldCloseOnSelect?: boolean;
+    setFocusOnSelect?: boolean;
+    openOnFocus?: boolean;
+    showCalendarInDialog?: boolean;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    dialogSize?: {
+        width: string;
+        height: string;
+    };
+    calendarColorStyle?: ColorStyles;
+    required?: boolean;
+    onComplete?: (e?: CustomInputEvent, maskValue?: string, date?: string) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    onFocus?: (e: CustomInputEvent) => void;
+    onChange?: (e: {
+        target: {
+            value: string | {
+                initial: string;
+                final: string;
+            };
+            name?: string;
+        };
+    }, date?: string) => void;
+    name?: string;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr;
+    label?: string;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+interface IDateDropdownProps {
+    children: ReactNode | ReactNode[];
+    dropdownRef: (el: HTMLDivElement) => void;
+    topPosition: number | string;
+    leftPosition?: number | string;
+    width: number | string;
+    minWidth: number | string;
+}
+interface IDateDialogProps {
+    children: ReactNode | ReactNode[];
+    handlerClose: (open: boolean) => void;
+    dialogSize: {
+        width: string;
+        height: string;
+    };
+}
+
+export { IDateDialogProps, IDateDropdownProps, IDatePickerProps };

package/lib/inputs/date/types.js

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

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { ErrorProps } from '../types.js';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const ErrorMessage: React__default.ForwardRefExoticComponent<ErrorProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { ErrorMessage, ErrorMessage as default };

package/lib/inputs/errorMessage/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorMessage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("../../assets/styles/error.scss");
+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; }
+const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    customClass = '',
+    messages: messagesProp,
+    style
+  } = _ref;
+  if (!messagesProp || messagesProp.length === 0) return null;
+  const messages = Array.isArray(messagesProp) ? messagesProp : [messagesProp];
+  return /*#__PURE__*/_react.default.createElement("p", {
+    ref: ref,
+    style: style,
+    className: `errormessages-component ${customClass}`
+  }, messages.join(', '));
+});
+ErrorMessage.displayName = 'ErrorMessage';
+var _default = exports.default = ErrorMessage;

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

@@ -0,0 +1,13 @@
+import { IDefaultFileProps } 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 '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const DefaultFile: (props: IDefaultFileProps) => JSX.Element;
+
+export { DefaultFile as default };

package/lib/inputs/file/DefaultFile.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _FileButtonSettings = _interopRequireDefault(require("./FileButtonSettings"));
+require("../../assets/styles/file.scss");
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _popover = _interopRequireWildcard(require("../../popover"));
+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 DefaultFile = props => {
+  const {
+    id = 'file',
+    accept = 'image/*',
+    onBtnClickInsert,
+    onBtnClickRemove,
+    inputRef,
+    defaultFiles,
+    hint = [],
+    onChange
+  } = props;
+  const getFilesList = files => !files?.length ? [] : _lodash.default.map(files, file => file);
+  const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
+  const ifExistFiles = fileList instanceof Array && fileList.length > 0;
+  const popUpDescription = () => /*#__PURE__*/_react.default.createElement("div", {
+    className: `size-position-icon ${!ifExistFiles ? '-disabled-popover' : ''}`
+  }, /*#__PURE__*/_react.default.createElement(_popover.default, {
+    iconSize: 16
+  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, /*#__PURE__*/_react.default.createElement("strong", null, "Arquivos"), /*#__PURE__*/_react.default.createElement("br", null), ifExistFiles && fileList.map(file => /*#__PURE__*/_react.default.createElement("div", {
+    className: "list-simple-file",
+    key: `${file.name}${file.size}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-name"
+  }, /*#__PURE__*/_react.default.createElement("span", null, file.name)))))));
+  const buttonRemoveFile = () => /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    disabled: !ifExistFiles,
+    className: "-pointerEventsRemove",
+    transparent: true,
+    boxShadow: false,
+    onClick: () => {
+      onBtnClickRemove();
+      setFileList([]);
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      customClass: "colorIconUpload",
+      name: "close"
+    })
+  });
+  const handleChange = e => {
+    e.preventDefault?.();
+    const files = getFilesList(e.target.files);
+    setFileList(files);
+    onChange?.(files, e);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "input-simple-file-container"
+  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    hint: hint,
+    readOnlyClass: "-disabledVisualApply",
+    customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply",
+    type: "file",
+    id: id,
+    accept: accept,
+    inputRef: inputRef,
+    onChange: handleChange,
+    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
+      id: id,
+      onBtnClickInsert: onBtnClickInsert
+    })
+  }), popUpDescription(), buttonRemoveFile()));
+};
+var _default = exports.default = DefaultFile;

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

@@ -0,0 +1,13 @@
+import { IDragDropFileProps } 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 '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const DragDropFile: (props: IDragDropFileProps) => JSX.Element;
+
+export { DragDropFile as default };

package/lib/inputs/file/DragDropFile.js

@@ -0,0 +1,272 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _buttons = require("../../buttons");
+var _icons = _interopRequireDefault(require("../../icons"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _hint = _interopRequireDefault(require("../../hint"));
+var _errorMessage = require("../errorMessage");
+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 getFilesList = files => !files?.length ? [] : _lodash.default.map(files, file => file);
+const getAcceptFilesLabel = valueAccept => valueAccept.split(',').map(value => value.includes('.') ? value.split('.')[1] : value.split('/')[1]).join(', ');
+const getAcceptFilesWithoutRemoveText = value => value.split(', ');
+const DragDropFile = props => {
+  const {
+    id = Math.random().toString(36).substring(2, 7),
+    accept = 'image/png, image/jpeg',
+    labelButton = 'Selecionar',
+    subtitleDragDrop = 'Selecione arquivos do tipo ',
+    titleDragDrop = 'Arquivo para importação',
+    onBtnClickInsert,
+    inputRef,
+    onChange,
+    onDragEnter,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    showSubtitle = true,
+    multiple = false,
+    hint = [],
+    hintPosition = 'below',
+    errorMessages = [],
+    skeletonize = false
+  } = props;
+  const [dragActive, setDragActive] = (0, _react.useState)(false);
+  const [fileList, setFileList] = (0, _react.useState)([]);
+  const [typeNotAccept, setTypeNotAccept] = (0, _react.useState)(false);
+  const [message, setMessage] = (0, _react.useState)({
+    class: '',
+    text: titleDragDrop,
+    subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),
+    error: false
+  });
+  const handleDrag = e => {
+    e.preventDefault?.();
+    e.stopPropagation?.();
+  };
+  const checkTypeNotAccept = (types, getTypesArray, e) => {
+    setTypeNotAccept(false);
+    getTypesArray.forEach(element => {
+      if (!typeNotAccept && types.indexOf(element) === -1) {
+        setTypeNotAccept(true);
+      }
+      return typeNotAccept;
+    });
+    if (!multiple && (e.dataTransfer.items.length > 1 || fileList.length > 0)) {
+      setMessage({
+        class: 'disapprovedFile',
+        text: 'Não é permitido anexar mais de um arquivo.',
+        subtitle: '',
+        error: true
+      });
+    } else if (typeNotAccept) {
+      setMessage({
+        class: 'disapprovedFile',
+        text: 'Por favor, verifique a extensão do(s) arquivo(s) inserido(s).',
+        subtitle: `Apenas as extensões ${getAcceptFilesLabel(accept)} são permitidas.`,
+        error: true
+      });
+    } else {
+      setMessage({
+        class: 'approvedFile',
+        text: titleDragDrop,
+        subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),
+        error: false
+      });
+    }
+  };
+  const getTypesFiles = e => {
+    let typesFilesDrag = [];
+    if (e.dataTransfer.items) {
+      Array.from(e.dataTransfer.items).map(item => {
+        if (typesFilesDrag.indexOf(item.type) === -1) {
+          typesFilesDrag = [...typesFilesDrag, item.type];
+        }
+        return typesFilesDrag;
+      });
+    }
+    return typesFilesDrag;
+  };
+  const handleDragEnter = e => {
+    const arrayTypes = getAcceptFilesWithoutRemoveText(accept);
+    const getTypesArray = getTypesFiles(e);
+    checkTypeNotAccept(arrayTypes, getTypesArray, e);
+    handleDrag(e);
+    setDragActive(true);
+    onDragEnter?.(e);
+  };
+  const handleDragLeave = e => {
+    setMessage({
+      class: '',
+      text: titleDragDrop,
+      subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),
+      error: false
+    });
+    handleDrag(e);
+    setDragActive(false);
+    onDragLeave?.(e);
+  };
+  const handleDragOver = e => {
+    handleDrag(e);
+    onDragOver?.(e);
+  };
+  const handleDrop = e => {
+    handleDrag(e);
+    setDragActive(false);
+    const input = e.dataTransfer;
+    if (input && !message.error) {
+      const files = getFilesList(input.files);
+      if (files.length > 0) {
+        const fileNoRepeat = fileList.concat(files);
+        const ids = fileNoRepeat.map(o => o.name);
+        const filtered = fileNoRepeat.filter((_ref, index) => {
+          let {
+            name
+          } = _ref;
+          return !ids.includes(name, index + 1);
+        });
+        setFileList(filtered);
+        onChange?.(files, e);
+        onDrop?.(e);
+      }
+    }
+    setMessage({
+      class: '',
+      text: titleDragDrop,
+      subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),
+      error: false
+    });
+  };
+  const handleChange = e => {
+    e.preventDefault?.();
+    const files = getFilesList(e.target.files);
+    if (files.length > 0 && !typeNotAccept) {
+      const fileNoRepeat = fileList.concat(files);
+      const ids = fileNoRepeat.map(o => o.name);
+      const filesFiltered = fileNoRepeat.filter((_ref2, index) => {
+        let {
+          name
+        } = _ref2;
+        return !ids.includes(name, index + 1);
+      });
+      setFileList(filesFiltered);
+      onChange?.(files, e);
+    }
+  };
+  const onButtonClickRemoveAll = () => setFileList([]);
+  const handleRemoveFile = fileName => {
+    setFileList(prevState => prevState.filter(file => file.name !== fileName));
+  };
+  const generateListArray = () => {
+    if (fileList?.length === 1) {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fileList[0].type === 'image/jpeg' || fileList[0].type === 'image/png' ? /*#__PURE__*/_react.default.createElement("img", {
+        alt: fileList[0].name,
+        src: URL.createObjectURL(fileList[0])
+      }) : /*#__PURE__*/_react.default.createElement(_icons.default, {
+        size: 64,
+        name: "file_excel"
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: "image-preview-solo"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "description-file"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "subtitle"
+      }, fileList[0].name))));
+    }
+    return /*#__PURE__*/_react.default.createElement("ul", {
+      className: "file-list"
+    }, fileList.length > 0 && fileList.map(file => /*#__PURE__*/_react.default.createElement("li", {
+      key: `${file.name}${file.size}`,
+      className: "file-card"
+    }, /*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
+      transparent: true,
+      boxShadow: false,
+      className: "delete-button",
+      onClick: () => handleRemoveFile(file.name),
+      icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        customClass: "color-icon-upload",
+        name: "close"
+      })
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "image-content"
+    }, (file.type === 'image/jpeg' || file.type === 'image/png') && /*#__PURE__*/_react.default.createElement("img", {
+      alt: file.name,
+      className: "image-preview",
+      src: URL.createObjectURL(file)
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "description-file"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "subtitle"
+    }, file.name)))));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "input-dragdrop-container",
+    onDragEnter: handleDragEnter,
+    onSubmit: e => e.preventDefault()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `drag-content ${skeletonize ? '-skeletonized' : ''}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${message.class} ${!skeletonize ? 'content' : ''}`
+  }, message.error || fileList.length === 0 ? /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: id
+  }, /*#__PURE__*/_react.default.createElement("h1", {
+    className: "title",
+    style: {
+      paddingBottom: '20px'
+    }
+  }, message.text), showSubtitle && /*#__PURE__*/_react.default.createElement("p", {
+    className: "subtitle"
+  }, message.subtitle), !skeletonize && /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    onClick: onBtnClickInsert,
+    label: labelButton
+  })) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, generateListArray(), /*#__PURE__*/_react.default.createElement("footer", {
+    className: "footer-button-action"
+  }, (!multiple && fileList.length < 1 || multiple) && /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    className: "selectButton",
+    onClick: onBtnClickInsert,
+    label: labelButton
+  }), /*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
+    className: "cancelButton",
+    onClick: onButtonClickRemoveAll,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "close",
+      color: "white"
+    }),
+    label: "Limpar"
+  })))), /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    inputRef: inputRef,
+    style: {
+      display: 'none'
+    },
+    type: "file",
+    id: id,
+    accept: accept,
+    multiple: multiple,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop,
+    onDragLeave: handleDragLeave,
+    onChange: handleChange
+  })), dragActive && /*#__PURE__*/_react.default.createElement("div", {
+    className: "drag-position-element",
+    id: "dragFileElement",
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop
+  })), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    visible: !!hint && hintPosition === 'below',
+    customClass: "hint",
+    description: hint
+  }));
+};
+var _default = exports.default = DragDropFile;

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

@@ -0,0 +1,13 @@
+import { IFileProps } 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 '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, 'onBtnClickInsert'>) => JSX.Element;
+
+export { File as default };

package/lib/inputs/file/File.js

@@ -0,0 +1,63 @@
+"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 _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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(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 = () => {
+    inputFileRef.current?.click();
+  };
+  const onBtnClickRemove = () => {
+    if (inputFileRef.current) {
+      inputFileRef.current.value = '';
+    }
+    if (onBtnClickRemoveProp) onBtnClickRemoveProp();
+  };
+  (0, _react.useEffect)(() => {
+    if (inputFileRef?.current && defaultFiles) {
+      inputFileRef.current.files = (0, _helpers.transformFilesToFileList)(defaultFiles);
+    }
+  }, [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

@@ -0,0 +1,13 @@
+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 '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const FileButtonSettings: (props: IFileButtonSettingsProps) => JSX.Element;
+
+export { FileButtonSettings as default };

package/lib/inputs/file/FileButtonSettings.js

@@ -0,0 +1,34 @@
+"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", {
+    id: "",
+    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

@@ -0,0 +1,13 @@
+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 '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const transformFilesToFileList: (files: CustomFile) => FileList;
+
+export { transformFilesToFileList };

package/lib/inputs/file/helpers.js

@@ -0,0 +1,21 @@
+"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 newFiles;
+};
+exports.transformFilesToFileList = transformFilesToFileList;