linear-react-components-ui 1.1.27-rc.1 → 2.0.0-beta.1

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

@@ -1,37 +0,0 @@
-import * as imask from 'imask';
-import 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 };

package/lib/inputs/date/helpers.js

@@ -1,48 +0,0 @@
-"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 = {
-  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 +0,0 @@
-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 };

package/lib/inputs/date/index.js

@@ -1,300 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("../../assets/styles/datepicker.scss");
-var _react = _interopRequireWildcard(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _calendar = _interopRequireDefault(require("../../calendar"));
-var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _helpers = require("./helpers");
-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 DatePicker = props => {
-  const {
-    showButtonOpen = true,
-    openOnFocus = true,
-    shouldCloseOnSelect = true,
-    setFocusOnSelect = true,
-    showCalendarInDialog = false,
-    required = false,
-    value = '',
-    name = '',
-    inputRef: inputRefProp,
-    dialogSize = {
-      width: '384px',
-      height: '384px'
-    },
-    gridLayout,
-    shouldCloseOnEsc = true,
-    isDateTimeField = false
-  } = props;
-  const maskFormat = !isDateTimeField ? '00/00/0000' : Date;
-  const patternFormat = !isDateTimeField ? undefined : 'DD/MM/YYYY HH:mm';
-  const brFormatter = !isDateTimeField ? _helpers.PT_BR_FORMAT : _helpers.PT_BR_FORMAT_DATETIME;
-  const usFormatter = !isDateTimeField ? _helpers.EN_US_FORMAT : _helpers.EN_US_FORMAT_DATETIME;
-  const [valueState, setValueState] = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined);
-  const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
-  const [valueFromProps, setValueFromProps] = (0, _react.useState)((0, _moment.default)(value, patternFormat).format());
-  const [inputDimensions, setInputDimensions] = (0, _react.useState)();
-  const [calendarOnDialog, setCalendarOnDialog] = (0, _react.useState)(false);
-  const [onDenied, setOnDenied] = (0, _react.useState)({
-    disabled: false,
-    readOnly: false,
-    unvisible: false,
-    hideContent: false
-  });
-  const inputDateRef = (0, _react.useRef)();
-  const buttonOpenRef = (0, _react.useRef)();
-  const dropdownContainer = (0, _react.useRef)();
-  const currentDateButtonRef = (0, _react.useRef)();
-  const calendarContainerRef = (0, _react.useRef)(null);
-  const datePickerContainerRef = (0, _react.useRef)(null);
-  const onScreenResize = () => {
-    var _inputDateRef$current;
-    setInputDimensions(inputDateRef === null || inputDateRef === void 0 ? void 0 : (_inputDateRef$current = inputDateRef.current) === null || _inputDateRef$current === void 0 ? void 0 : _inputDateRef$current.getBoundingClientRect());
-  };
-  const onCloseDateDialog = () => {
-    setShowCalendar(false);
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        var _inputDateRef$current2;
-        setCalendarOnDialog(false);
-        (_inputDateRef$current2 = inputDateRef.current) === null || _inputDateRef$current2 === void 0 ? void 0 : _inputDateRef$current2.focus();
-      }, 100);
-    }
-  };
-  const onCloseWithoutBlur = event => {
-    var _datePickerContainerR;
-    const focusOnAnotherField = !((_datePickerContainerR = datePickerContainerRef.current) !== null && _datePickerContainerR !== void 0 && _datePickerContainerR.contains(event.relatedTarget));
-    if (!showCalendarInDialog && showCalendar && focusOnAnotherField) {
-      setShowCalendar(false);
-    }
-  };
-  const onKeyDownPress = event => {
-    if (shouldCloseOnEsc && showCalendar && event && event.key && event.key === 'Escape') {
-      var _inputDateRef$current3;
-      event.preventDefault();
-      setShowCalendar(false);
-      (_inputDateRef$current3 = inputDateRef.current) === null || _inputDateRef$current3 === void 0 ? void 0 : _inputDateRef$current3.focus();
-    }
-    if (showCalendar && showCalendarInDialog && event && event.key && event.key === 'Tab') {
-      var _calendarContainerRef, _calendarContainerRef2;
-      const buttonForNavigateCalendar = (_calendarContainerRef = calendarContainerRef.current) === null || _calendarContainerRef === void 0 ? void 0 : _calendarContainerRef.getElementsByClassName('navbutton');
-      const datePicked = (_calendarContainerRef2 = calendarContainerRef.current) === null || _calendarContainerRef2 === void 0 ? void 0 : _calendarContainerRef2.getElementsByClassName('-selectedday');
-      const buttonDatePicked = datePicked[0].firstChild;
-      const buttonsForFocus = Array.from([...buttonForNavigateCalendar, buttonDatePicked]);
-      const firstElement = buttonsForFocus[0];
-      const lastElement = buttonsForFocus[buttonsForFocus.length - 1];
-      if (event.shiftKey && document.activeElement === firstElement) {
-        event.preventDefault();
-        lastElement.focus();
-      } else if (!event.shiftKey && document.activeElement === lastElement) {
-        event.preventDefault();
-        firstElement.focus();
-      }
-    }
-    event.stopPropagation();
-  };
-  const keepPositionCalendarByScroll = () => {
-    var _inputDateRef$current4;
-    const inputDateDimensions = (_inputDateRef$current4 = inputDateRef.current) === null || _inputDateRef$current4 === void 0 ? void 0 : _inputDateRef$current4.getBoundingClientRect();
-    const positionTop = inputDateDimensions && inputDateDimensions.bottom;
-    if (dropdownContainer && dropdownContainer.current && inputDateDimensions) {
-      dropdownContainer.current.style.top = String(positionTop).concat('px');
-    }
-  };
-  const openCalendar = () => {
-    setShowCalendar(true);
-    if (inputDateRef.current) {
-      var _inputDateRef$current5;
-      inputDateRef.current.focus();
-      setInputDimensions((_inputDateRef$current5 = inputDateRef.current) === null || _inputDateRef$current5 === void 0 ? void 0 : _inputDateRef$current5.getBoundingClientRect());
-    }
-    if (showCalendarInDialog) {
-      setTimeout(() => {
-        var _currentDateButtonRef;
-        (_currentDateButtonRef = currentDateButtonRef.current) === null || _currentDateButtonRef === void 0 ? void 0 : _currentDateButtonRef.focus();
-      }, 100);
-    }
-  };
-  const onInputFocus = e => {
-    if (props.onFocus) props.onFocus(e);
-    if (openOnFocus && !showCalendar && !calendarOnDialog) {
-      openCalendar();
-    }
-  };
-  const onInputBlur = e => {
-    if (props.onBlur) props.onBlur(e);
-  };
-  const isValidDate = date => {
-    if (typeof date === 'object' && !(date instanceof Date)) {
-      const initialValid = (0, _moment.default)(date.initial, brFormatter, true).isValid();
-      const finalValid = (0, _moment.default)(date.final, brFormatter, true).isValid();
-      return initialValid && finalValid;
-    }
-    return (0, _moment.default)(date, brFormatter, true).isValid();
-  };
-  const onInputChange = function (event) {
-    let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    if (typeof valueInput === 'string') {
-      var _event$target$value;
-      const date = (_event$target$value = event.target.value) !== null && _event$target$value !== void 0 ? _event$target$value : '';
-      if (props.onChange) {
-        if (isValidDate(date)) {
-          const newValue = (0, _moment.default)(date, brFormatter).format(usFormatter);
-          const obj = {
-            target: {
-              value: newValue,
-              name: event.target.name
-            }
-          };
-          props.onChange(obj, date);
-        } else if (event.target.value === '') {
-          const obj = {
-            target: {
-              value: '',
-              name: event.target.name
-            }
-          };
-          props.onChange(obj, date);
-          setShowCalendar(false);
-          setValueState(undefined);
-        }
-      }
-    }
-  };
-  const setValue = (valueParam, e) => {
-    var _inputDateRef$current6;
-    if (showCalendar && setFocusOnSelect) (_inputDateRef$current6 = inputDateRef.current) === null || _inputDateRef$current6 === void 0 ? void 0 : _inputDateRef$current6.focus();
-    if (props.onComplete) props.onComplete(e, valueParam);
-    if (props.onChange) onInputChange({
-      target: {
-        value: valueParam !== null && valueParam !== void 0 ? valueParam : '',
-        name
-      }
-    }, valueParam);
-    if (shouldCloseOnSelect) setShowCalendar(false);
-    setValueState((0, _moment.default)(valueParam, brFormatter));
-  };
-  const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
-  const getButtonOpen = () => {
-    if (!showButtonOpen) return undefined;
-    return /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      key: "button-open-date-picker",
-      disabled: shouldDisable(),
-      tabIndex: -1,
-      customClass: "calendar-button",
-      iconName: "calendar",
-      title: showCalendar ? 'Fechar Calendário' : 'Abrir Calendário',
-      onClick: () => {
-        if (showCalendar) {
-          setShowCalendar(false);
-        } else openCalendar();
-      },
-      targetRef: ref => {
-        buttonOpenRef.current = ref;
-      }
-    });
-  };
-  const getCalendar = (valueCalendar, calendarColorStyle) => /*#__PURE__*/_react.default.createElement(_calendar.default, {
-    colorStyle: calendarColorStyle,
-    currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
-    onDateChange: date => {
-      setValue(date.format(brFormatter), undefined);
-      if (showCalendarInDialog) setCalendarOnDialog(false);
-    },
-    currentDateButton: buttonElement => currentDateButtonRef.current = buttonElement,
-    calendarContainer: calendarContainer => {
-      calendarContainerRef.current = calendarContainer;
-    }
-  });
-  const getCalendarComponent = () => {
-    if (onDenied && onDenied.readOnly) return null;
-    if (showCalendarInDialog) {
-      return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-        dialogSize: dialogSize,
-        handlerClose: onCloseDateDialog
-      }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
-    }
-    return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
-      showButtonOpen: showButtonOpen,
-      inputDimensions: inputDimensions,
-      containerRef: datePickerContainerRef,
-      dropdownRef: el => {
-        dropdownContainer.current = el;
-      }
-    }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
-  };
-  (0, _react.useEffect)(() => {
-    if (value && (0, _moment.default)(value, usFormatter).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, usFormatter).format() !== (0, _moment.default)(value, usFormatter).format()) {
-      setValueState((0, _moment.default)(value, usFormatter));
-      setValueFromProps(value);
-    } else if (!value && value !== valueFromProps) {
-      setValueState(undefined);
-      setValueFromProps(value);
-    }
-  }, [value]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener('resize', onScreenResize);
-    document.addEventListener('keydown', onKeyDownPress);
-    if (inputDateRef.current) onScreenResize();
-    if (showCalendar && showCalendarInDialog) setCalendarOnDialog(true);
-    return () => {
-      window.removeEventListener('resize', onScreenResize);
-      document.removeEventListener('keydown', onKeyDownPress);
-    };
-  }, [inputDateRef.current, showCalendar]);
-  (0, _react.useEffect)(() => {
-    var _document$getElementB;
-    document.addEventListener('scroll', keepPositionCalendarByScroll);
-    (_document$getElementB = document.getElementById('modal-dialog-content')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.addEventListener('scroll', keepPositionCalendarByScroll);
-    return () => {
-      var _document$getElementB2;
-      document.removeEventListener('scroll', keepPositionCalendarByScroll);
-      (_document$getElementB2 = document.getElementById('modal-dialog-content')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.removeEventListener('scroll', keepPositionCalendarByScroll);
-    };
-  }, []);
-  if (onDenied && onDenied.unvisible) return null;
-  const component = () => /*#__PURE__*/_react.default.createElement("div", {
-    ref: datePickerContainerRef,
-    onBlur: onCloseWithoutBlur,
-    className: "datepicker-container"
-  }, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
-    gridLayout: undefined,
-    isDateTimeField: isDateTimeField,
-    value: !valueState ? ' ' : valueState.format(brFormatter),
-    mask: maskFormat,
-    pattern: patternFormat,
-    blocks: !isDateTimeField ? {} : _helpers.blocksDateTimeFormat,
-    onComplete: e => {
-      if (e) {
-        var _e$target;
-        setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.maskedValue, e);
-      }
-    },
-    onBlur: onInputBlur,
-    onFocus: e => {
-      onInputFocus(e);
-    },
-    onChange: (e, date) => {
-      if (date) onInputChange(e, date);
-    },
-    inputRef: inputRefProp,
-    rightElements: getButtonOpen(),
-    required: required,
-    handlerSetOnDenied: () => setOnDenied(onDenied)
-  })), showCalendar && getCalendarComponent());
-  return !gridLayout ? component() : /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    customClass: "-withinput",
-    cols: gridLayout
-  }, component());
-};
-var _default = exports.default = DatePicker;

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

@@ -1,64 +0,0 @@
-import { ReactNode, RefObject } 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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-interface IDatePickerProps {
-    value?: string;
-    openOnFocus?: boolean;
-    showButtonOpen?: boolean;
-    shouldCloseOnEsc?: boolean;
-    shouldCloseOnSelect?: boolean;
-    setFocusOnSelect?: 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;
-    gridLayout?: string;
-    hint?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
-    isDateTimeField?: boolean;
-}
-interface IDateDropdownProps {
-    children: ReactNode | ReactNode[];
-    dropdownRef: (el: HTMLDivElement) => void;
-    containerRef: RefObject<HTMLDivElement | HTMLElement>;
-    showButtonOpen: boolean;
-    inputDimensions?: DOMRect;
-}
-interface IDateDialogProps {
-    children: ReactNode | ReactNode[];
-    handlerClose: (open: boolean) => void;
-    dialogSize: {
-        width: string;
-        height: string;
-    };
-}
-
-export { IDateDialogProps, IDateDropdownProps, IDatePickerProps };

package/lib/inputs/date/types.js

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

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

@@ -1,16 +0,0 @@
-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 '../../tooltip/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

@@ -1,25 +0,0 @@
-"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 _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); }
-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 ".concat(customClass)
-  }, messages.join(', '));
-});
-ErrorMessage.displayName = 'ErrorMessage';
-var _default = exports.default = ErrorMessage;

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

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

package/lib/inputs/file/DefaultFile.js

@@ -1,80 +0,0 @@
-"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 _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 DefaultFile = props => {
-  const {
-    id = 'file',
-    accept = 'image/*',
-    onBtnClickInsert,
-    onBtnClickRemove,
-    inputRef,
-    defaultFiles,
-    hint = '',
-    multiple,
-    onChange
-  } = props;
-  const getFilesList = files => !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, file => file);
-  const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
-  const ifExistFiles = fileList instanceof Array && fileList.length > 0;
-  const handleChange = e => {
-    var _e$preventDefault;
-    (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
-    const files = getFilesList(e.target.files);
-    setFileList(files);
-    onChange === null || onChange === void 0 ? void 0 : 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",
-    customClassForWrapper: "file-wrapper",
-    customClassForInputContent: "file-content -absolute -pointEventDisabled -disabledVisualApply",
-    type: "file",
-    id: id,
-    accept: accept,
-    inputRef: inputRef,
-    onChange: handleChange,
-    rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
-      id: id,
-      onBtnClickInsert: () => onBtnClickInsert()
-    })
-  }), multiple && /*#__PURE__*/_react.default.createElement("div", {
-    className: "size-position-icon ".concat(!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: "".concat(file.name).concat(file.size)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "file-name"
-  }, /*#__PURE__*/_react.default.createElement("span", null, file.name))))))), /*#__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"
-    })
-  })));
-};
-var _default = exports.default = DefaultFile;

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

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