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

package/lib/inputs/multiSelect/ActionButtons.d.ts

@@ -1,13 +0,0 @@
-import { IActionButtonsProps } from './types.js';
-import 'react';
-import '../../@types/DataCombo.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 ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
-
-export { ActionButtons as default };

package/lib/inputs/multiSelect/ActionButtons.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _list = _interopRequireWildcard(require("../../list"));
-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); }
-const ActionButtons = _ref => {
-  let {
-    disabled,
-    dropdownOpened,
-    handleOpenClose,
-    handleCheckAll,
-    handleUncheckAll,
-    dropdownAlignButton = 'left'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    transparent: true,
-    tabIndex: -1,
-    disabled: disabled,
-    boxShadow: false,
-    size: "small",
-    onClick: handleOpenClose,
-    customClass: "actionbutton",
-    iconName: dropdownOpened ? 'up' : 'down'
-  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    dropdown: true,
-    transparent: true,
-    disabled: disabled,
-    tabIndex: -1,
-    boxShadow: false,
-    showIconDropdown: false,
-    iconName: "more1",
-    customClass: "actionbutton",
-    dropdownAlign: dropdownAlignButton
-  }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    itemId: "1",
-    text: "Marcar Todos",
-    onClick: handleCheckAll
-  }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    itemId: "2",
-    text: "Desmarcar Todos",
-    onClick: handleUncheckAll
-  }))));
-};
-var _default = exports.default = ActionButtons;

package/lib/inputs/multiSelect/Dropdown.d.ts

@@ -1,13 +0,0 @@
-import { IDropdownMultiSelectProps } from './types.js';
-import 'react';
-import '../../@types/DataCombo.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 Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
-
-export { Dropdown as default };

package/lib/inputs/multiSelect/Dropdown.js

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _avatar = _interopRequireDefault(require("../../avatar"));
-var _icons = _interopRequireDefault(require("../../icons"));
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const returnDropdownDynamicStyles = (selectFieldRef, dropdownMaxHeight) => {
-  var _selectFieldRef$curre, _selectFieldRef$curre2, _selectFieldRef$curre3;
-  const selectFieldRects = selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre = selectFieldRef.current) === null || _selectFieldRef$curre === void 0 ? void 0 : _selectFieldRef$curre.getBoundingClientRect();
-  const bottom = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.bottom ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
-  const offsetTop = selectFieldRef !== null && selectFieldRef !== void 0 && (_selectFieldRef$curre2 = selectFieldRef.current) !== null && _selectFieldRef$curre2 !== void 0 && _selectFieldRef$curre2.offsetTop ? selectFieldRef === null || selectFieldRef === void 0 ? void 0 : (_selectFieldRef$curre3 = selectFieldRef.current) === null || _selectFieldRef$curre3 === void 0 ? void 0 : _selectFieldRef$curre3.offsetTop : 0;
-  const dropdownBottomDistance = window.innerHeight - bottom;
-  let maxDropdownBottomDistance = 200;
-  let height = dropdownMaxHeight;
-  let dropdownPosition;
-  if (!height || height <= 0) {
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      height = selectFieldRects !== null && selectFieldRects !== void 0 && selectFieldRects.top ? selectFieldRects.top : 0;
-      dropdownPosition = window.innerHeight - offsetTop + 10;
-    } else {
-      height = dropdownBottomDistance;
-    }
-  } else {
-    maxDropdownBottomDistance = height;
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      dropdownPosition = window.innerHeight - offsetTop + 10;
-    }
-  }
-  return {
-    maxHeight: "".concat(height - 30, "px"),
-    bottom: "".concat(dropdownPosition, "px")
-  };
-};
-const Dropdown = props => {
-  const {
-    imageAlign = 'left',
-    descriptionKey,
-    idKey,
-    dropdownMaxHeight,
-    selectFieldRef,
-    isAllChecked,
-    dropdownWidth,
-    inputValue,
-    gridWrapperStyle,
-    onFocus,
-    onFilter,
-    onBlur,
-    dataCombo,
-    opened,
-    onUncheckAll,
-    onCheckAll,
-    selecteds,
-    onSelect,
-    dropdownMaxWidth
-  } = props;
-  const [dropdownDynamicStyles] = (0, _react.useState)(returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dropdown",
-    style: _objectSpread({
-      width: dropdownMaxWidth || dropdownWidth,
-      marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0'
-    }, dropdownDynamicStyles)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filtercontainer"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: "filterinput",
-    type: "text",
-    value: inputValue,
-    onFocus: () => {
-      onFocus();
-    },
-    onBlur: e => {
-      onBlur(e);
-    },
-    onChange: e => {
-      onFilter(e.target.value);
-    },
-    autoFocus: opened
-  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
-    customClass: "filtericon",
-    name: "search",
-    size: 14
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "listcontainer"
-  }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "item selectall"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "menubutton",
-    tabIndex: -1,
-    onClick: () => isAllChecked ? onUncheckAll(true) : onCheckAll(true)
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
-    customClass: "checkboxicon"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "label"
-  }, inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'))), dataCombo === null || dataCombo === void 0 ? void 0 : dataCombo.map(item => {
-    const isChecked = selecteds ? selecteds.find(selected => selected[idKey] === item[idKey]) : undefined;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "dropdowmItem ".concat(item[idKey], "}"),
-      className: "item ".concat(isChecked && '-selected')
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "menubutton",
-      tabIndex: -1,
-      onClick: () => {
-        onSelect(item);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2',
-      customClass: "checkboxicon"
-    }), item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: item.iconName,
-      customClass: "menuicon",
-      style: {
-        order: imageAlign === 'left' ? 0 : 1
-      }
-    }), item.imgSrcKey && /*#__PURE__*/_react.default.createElement(_avatar.default, {
-      src: item.imgSrcKey,
-      customClass: "menuicon",
-      style: {
-        order: imageAlign === 'left' ? 0 : 1
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "label"
-    }, typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item))));
-  })));
-};
-var _default = exports.default = Dropdown;

package/lib/inputs/multiSelect/helper.d.ts

@@ -1,13 +0,0 @@
-import { GetFilteredParams } from './types.js';
-import 'react';
-import '../../@types/DataCombo.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 getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
-
-export { getFilteredDataCombo as default };

package/lib/inputs/multiSelect/helper.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const getFilteredDataCombo = _ref => {
-  let {
-    dataSource,
-    descriptionKey,
-    inputText
-  } = _ref;
-  return dataSource.filter(item => {
-    var _descriptionKey;
-    if (typeof descriptionKey === 'string') {
-      return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
-    }
-    return ((_descriptionKey = descriptionKey(item)) === null || _descriptionKey === void 0 ? void 0 : _descriptionKey.toLowerCase().indexOf(inputText.toLowerCase())) > -1;
-  });
-};
-var _default = exports.default = getFilteredDataCombo;

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

@@ -1,13 +0,0 @@
-import { IMultiSelectProps } from './types.js';
-import 'react';
-import '../../@types/DataCombo.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 MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
-
-export { MultiSelectField as default };

package/lib/inputs/multiSelect/index.js

@@ -1,237 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _lodash = _interopRequireDefault(require("lodash"));
-var uuid = _interopRequireWildcard(require("uuid"));
-var _react = _interopRequireWildcard(require("react"));
-var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
-var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _helper = _interopRequireDefault(require("./helper"));
-require("../../assets/styles/multiSelect.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); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const MultiSelectField = props => {
-  const {
-    onSelect,
-    idKey,
-    disabled = false,
-    dataSource,
-    descriptionKey,
-    value,
-    onBlur,
-    gridLayout,
-    dropdownAlignButton = 'left',
-    dropdownMaxWidth = undefined
-  } = props;
-  const componentId = "multiSelect-component".concat(uuid.v1());
-  const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
-  const [selecteds, setSelecteds] = (0, _react.useState)();
-  const [inputValue, setInputValue] = (0, _react.useState)('');
-  const [label, setLabel] = (0, _react.useState)('Nenhum selecionado');
-  const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
-  const [isAllChecked, setIsAllChecked] = (0, _react.useState)(false);
-  const [opened, setOpened] = (0, _react.useState)(false);
-  const [onDenied, setOnDenied] = (0, _react.useState)();
-  const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
-  const [elementStyles, setElementStyles] = (0, _react.useState)();
-  const inputRef = (0, _react.useRef)(null);
-  const componentRef = (0, _react.useRef)(null);
-  const selectWrapper = (0, _react.useRef)();
-  const handleOnSelect = itemSelected => {
-    if (itemSelected === null) return;
-    let newSelecteds = selecteds;
-    if (newSelecteds) {
-      const hasSelected = newSelecteds.find(selected => selected[idKey] === itemSelected[idKey]);
-      if (hasSelected) {
-        newSelecteds = newSelecteds.filter(item => item[idKey] !== itemSelected[idKey]);
-      } else {
-        newSelecteds = [...newSelecteds, itemSelected];
-      }
-      if (onSelect) onSelect(newSelecteds.map(item => item[idKey]));
-    }
-    setSelecteds(newSelecteds);
-  };
-  const onFocus = () => {
-    let newDropdownWidth = dropdownWidth;
-    newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
-    setOpened(true);
-    setDropdownWidth(newDropdownWidth);
-  };
-  const onMouseMove = event => {
-    const target = event.target;
-    if ((target === null || target === void 0 ? void 0 : target.className) === '') return;
-    const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target === null || target === void 0 ? void 0 : target.className);
-    setInsideComponent(newInsideComponent);
-  };
-  const onBlurComponent = e => {
-    if (onBlur) onBlur(e);
-    if (!insideComponent) {
-      setInputValue('');
-      setDataCombo(dataSource);
-    }
-  };
-  const handleOnFilter = currentValue => {
-    let newDataCombo = dataSource;
-    if (currentValue !== '' && dataSource) {
-      newDataCombo = (0, _helper.default)({
-        dataSource,
-        descriptionKey,
-        inputText: currentValue
-      });
-    }
-    setDataCombo(newDataCombo);
-    setInputValue(currentValue);
-  };
-  const onOpenClose = () => {
-    setOpened(prevState => !prevState);
-    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
-    setDataCombo(dataSource);
-  };
-  const onCheckAll = function () {
-    let fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const currentData = fromFilter ? dataCombo : dataSource;
-    if (onSelect && currentData) onSelect(currentData.map(i => i[idKey]));
-    setSelecteds(currentData);
-  };
-  const onUncheckAll = () => {
-    if (onSelect) onSelect();
-    setSelecteds([]);
-  };
-  const onScreenResize = () => {
-    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
-  };
-  const onClickOutSide = event => {
-    var _componentRef$current;
-    const {
-      target
-    } = event;
-    if (target !== componentRef.current && !((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(target))) {
-      setOpened(false);
-      setDataCombo(dataSource);
-      setInputValue('');
-    }
-  };
-  const onBlurOutSide = event => {
-    var _componentRef$current2;
-    const {
-      relatedTarget
-    } = event;
-    if (relatedTarget !== componentRef.current && !((_componentRef$current2 = componentRef.current) !== null && _componentRef$current2 !== void 0 && _componentRef$current2.contains(relatedTarget))) {
-      setOpened(false);
-      setDataCombo(dataSource);
-      setInputValue('');
-    }
-  };
-  const setOnDeniedValue = onDeniedValue => {
-    setOnDenied(onDeniedValue);
-  };
-  const shouldDisabled = () => !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
-  const getLabel = () => {
-    const checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
-    let newLabel = label;
-    if (checkIsAll) {
-      newLabel = 'Todos';
-    } else if (selecteds && selecteds.length > 1) {
-      newLabel = 'Múltiplos';
-    } else if (selecteds && selecteds.length === 1) {
-      newLabel = typeof descriptionKey === 'string' ? selecteds[0][descriptionKey] : descriptionKey(selecteds[0]);
-    } else {
-      newLabel = 'Nenhum selecionado';
-    }
-    setLabel(newLabel);
-  };
-  (0, _react.useEffect)(() => {
-    if (gridLayout) {
-      var _selectWrapper$curren;
-      const currentGridEl = (_selectWrapper$curren = selectWrapper.current) === null || _selectWrapper$curren === void 0 ? void 0 : _selectWrapper$curren.parentElement;
-      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
-    }
-    window.addEventListener('resize', onScreenResize);
-    document.addEventListener('click', onClickOutSide);
-    document.addEventListener('focusout', onBlurOutSide);
-    document.addEventListener('mousemove', onMouseMove);
-    return () => {
-      window.removeEventListener('resize', onScreenResize);
-      document.removeEventListener('click', onClickOutSide);
-      document.removeEventListener('focusout', onBlurOutSide);
-      document.removeEventListener('mousemove', onMouseMove);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (dataSource && dataSource.length > 0) {
-      const newSelecteds = dataSource.filter(item => value === null || value === void 0 ? void 0 : value.includes(item[idKey]));
-      setSelecteds(newSelecteds);
-    }
-  }, [value === null || value === void 0 ? void 0 : value.length, dataSource === null || dataSource === void 0 ? void 0 : dataSource.length]);
-  (0, _react.useEffect)(() => {
-    if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
-      const newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
-        dataSource: dataSource || undefined,
-        inputText: inputValue
-      }));
-      setDataCombo(newDataCombo);
-    }
-  }, [dataSource]);
-  (0, _react.useEffect)(() => {
-    const checkAll = _lodash.default.isEqual(dataCombo, selecteds);
-    setIsAllChecked(checkAll);
-    getLabel();
-  }, [selecteds, dataCombo]);
-  return /*#__PURE__*/_react.default.createElement("span", {
-    id: componentId,
-    ref: componentRef,
-    className: "multiSelect-component"
-  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, _lodash.default.omit(props, ['dropdownMaxWidth']), {
-    value: label,
-    inputRef: inputRef,
-    onFocus: () => {
-      onFocus();
-    },
-    onBlur: e => {
-      onBlurComponent(e);
-    },
-    customClassForWrapper: "selectwrapper -undigitable",
-    customClassForInputContent: "multiselect",
-    inputBaseRef: r => {
-      selectWrapper.current = r;
-    },
-    handlerSetOnDenied: setOnDeniedValue,
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
-      dropdownAlignButton: dropdownAlignButton,
-      disabled: shouldDisabled(),
-      dropdownOpened: opened,
-      handleOpenClose: () => {
-        onOpenClose();
-      },
-      handleCheckAll: onCheckAll,
-      handleUncheckAll: onUncheckAll
-    })
-  })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
-    opened: opened,
-    dataCombo: dataCombo,
-    selecteds: selecteds,
-    inputValue: inputValue,
-    isAllChecked: isAllChecked,
-    onCheckAll: onCheckAll,
-    onUncheckAll: onUncheckAll,
-    dropdownWidth: dropdownWidth,
-    selectFieldRef: componentRef,
-    onSelect: handleOnSelect,
-    onFilter: handleOnFilter,
-    onFocus: onFocus,
-    onBlur: onBlurComponent,
-    gridWrapperStyle: elementStyles,
-    dropdownMaxWidth: dropdownMaxWidth
-  })));
-};
-var _default = exports.default = MultiSelectField;

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

@@ -1,67 +0,0 @@
-import { ChangeEvent, RefObject } from 'react';
-import { DataCombo } from '../../@types/DataCombo.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 DescriptionKey = string | ((dataSelected: DataCombo) => string);
-interface GetFilteredParams {
-    dataSource: DataCombo[];
-    descriptionKey: DescriptionKey;
-    inputText: string;
-}
-interface IActionButtonsProps {
-    handleOpenClose: () => void;
-    handleCheckAll: () => void;
-    handleUncheckAll: () => void;
-    disabled: boolean;
-    dropdownOpened?: boolean;
-    dropdownAlignButton?: 'left' | 'right';
-}
-interface IDropdownMultiSelectProps {
-    dataCombo?: DataCombo[];
-    idKey: string;
-    descriptionKey: DescriptionKey;
-    inputValue: string;
-    isAllChecked: boolean;
-    dropdownWidth: number;
-    onBlur: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onFocus: () => void;
-    onSelect: (data: DataCombo) => void;
-    onFilter: (value: string) => void;
-    onUncheckAll: (checkAll: boolean) => void;
-    onCheckAll: (checkAll: boolean) => void;
-    opened: boolean;
-    selecteds?: DataCombo[] | null;
-    imgSrcKey?: string;
-    imageAlign?: 'left' | 'right';
-    gridWrapperStyle?: {
-        paddingLeft: string;
-        paddingRight: string;
-    };
-    selectFieldRef?: RefObject<HTMLDivElement>;
-    dropdownMaxHeight?: number;
-    dropdownMaxWidth?: number;
-}
-interface IMultiSelectProps {
-    dataSource?: DataCombo[];
-    idKey: string;
-    descriptionKey: DescriptionKey;
-    value?: any[];
-    gridLayout?: string;
-    onSelect?: (data?: string[]) => void;
-    onBlur?: (e: CustomInputEvent) => void;
-    disabled?: boolean;
-    dropdownAlignButton?: 'left' | 'right';
-    label?: string;
-    hint?: string;
-    hintPosition?: 'below' | 'onLabelRight';
-    themePopover?: 'light' | 'dark';
-    popoverAlign?: 'right' | 'left';
-    dropdownMaxWidth?: number;
-}
-
-export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

package/lib/inputs/multiSelect/types.js

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

package/lib/inputs/number/BaseNumber.d.ts

@@ -1,17 +0,0 @@
-import { IBaseNumberProps } from './types.js';
-import '../../@types/PermissionAttr.js';
-import '../base/types.js';
-import 'react';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../types.js';
-import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const BaseNumber: ({ value, ...props }: IBaseNumberProps) => JSX.Element;
-
-export { BaseNumber as default };