linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/inputs/select/Dropdown.js

@@ -1,16 +1,14 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icons = _interopRequireDefault(require("../../icons"));
 
 var _avatar = _interopRequireDefault(require("../../avatar"));
@@ -19,13 +17,13 @@ var helper = _interopRequireWildcard(require("./helper"));
 
 var _Popup = _interopRequireDefault(require("../../dropdown/Popup"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -40,26 +38,30 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var Dropdown = function Dropdown(props) {
-  var dataCombo = props.dataCombo,
+  var _props$imageAlign = props.imageAlign,
+      imageAlign = _props$imageAlign === void 0 ? 'left' : _props$imageAlign,
+      _props$striped = props.striped,
+      striped = _props$striped === void 0 ? false : _props$striped,
+      dataCombo = props.dataCombo,
+      descriptionKey = props.descriptionKey,
+      imgSrcKey = props.imgSrcKey,
+      dropdownRef = props.dropdownRef,
+      _props$currents = props.currents,
+      currents = _props$currents === void 0 ? [] : _props$currents,
       dropdownWidth = props.dropdownWidth,
-      selected = props.selected,
+      gridWrapperStyle = props.gridWrapperStyle,
       handleOnSelect = props.handleOnSelect,
+      handleOnBlur = props.handleOnBlur,
+      inputValue = props.inputValue,
+      handleOnFocus = props.handleOnFocus,
+      opened = props.opened,
       handleOnFilter = props.handleOnFilter,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? null : _props$selected,
       searchOnDropdown = props.searchOnDropdown,
       handleOnKeydown = props.handleOnKeydown,
       searchNotFoundText = props.searchNotFoundText,
-      handleOnBlur = props.handleOnBlur,
-      handleOnFocus = props.handleOnFocus,
-      opened = props.opened,
-      idKey = props.idKey,
-      descriptionKey = props.descriptionKey,
-      currents = props.currents,
-      imageAlign = props.imageAlign,
-      striped = props.striped,
-      imgSrcKey = props.imgSrcKey,
-      gridWrapperStyle = props.gridWrapperStyle,
-      inputValue = props.inputValue,
-      dropdownRef = props.dropdownRef;
+      idKey = props.idKey;
 
   var _useState = (0, _react.useState)(helper.returnDropdownDynamicStyles(_extends({}, props))),
       _useState2 = _slicedToArray(_useState, 2),
@@ -71,11 +73,11 @@ var Dropdown = function Dropdown(props) {
       setDropdownDynamicStyles(helper.returnDropdownDynamicStyles(_extends({}, props)));
     }
   }, [dropdownRef.current, dataCombo]);
-  return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+  return /*#__PURE__*/_react.default.createElement(_Popup.default, {
+    align: "left",
     leftPosition: dropdownDynamicStyles.left,
-    topPosition: dropdownDynamicStyles.top,
-    minWidth: dropdownWidth
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+    topPosition: dropdownDynamicStyles.top
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "select-dropdown",
     ref: dropdownRef,
     style: {
@@ -83,9 +85,9 @@ var Dropdown = function Dropdown(props) {
       marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',
       maxHeight: dropdownDynamicStyles.maxHeight
     }
-  }, searchOnDropdown && /*#__PURE__*/_react["default"].createElement("div", {
+  }, searchOnDropdown && /*#__PURE__*/_react.default.createElement("div", {
     className: "filtercontainer"
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     className: "filterinput",
     type: "text",
     value: inputValue,
@@ -99,21 +101,21 @@ var Dropdown = function Dropdown(props) {
       handleOnKeydown(e);
     },
     autoFocus: opened
-  }), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: "search",
     viewBox: "0 0 32 32"
   })), dataCombo.map(function (item) {
-    var disabled = currents.length > 0 ? currents.some(function (s) {
-      return s === item;
+    var disabled = currents && currents.length > 0 ? currents.some(function (s) {
+      return s[idKey] === item[idKey];
     }) : false;
-    var itemSelected = selected === item;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    var itemSelected = Boolean(selected && selected[idKey] === item[idKey]);
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "dropdowmIten ".concat(item[idKey], "}"),
       className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
-    }, /*#__PURE__*/_react["default"].createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       role: "button",
       className: "menubutton",
-      tabIndex: "-1",
+      tabIndex: -1,
       onKeyPress: function onKeyPress() {},
       onClick: function onClick() {
         if (!disabled) {
@@ -121,60 +123,25 @@ var Dropdown = function Dropdown(props) {
           handleOnBlur(item);
         }
       }
-    }, item.iconName && /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    }, 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],
+    }), imgSrcKey && item.imgSrcKey && /*#__PURE__*/_react.default.createElement(_avatar.default, {
+      src: item.imgSrcKey,
       customClass: "menuicon",
       style: {
         order: imageAlign === 'left' ? 0 : 1
       }
-    }), /*#__PURE__*/_react["default"].createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
     }, item[descriptionKey])));
-  }), dataCombo.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }), dataCombo && dataCombo.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "notfound"
   }, searchNotFoundText)));
 };
 
-Dropdown.propTypes = {
-  dataCombo: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  imgSrcKey: _propTypes["default"].string,
-  dropdownWidth: _propTypes["default"].number.isRequired,
-  selected: _propTypes["default"].object,
-  handleOnSelect: _propTypes["default"].func.isRequired,
-  handleOnFilter: _propTypes["default"].func.isRequired,
-  searchOnDropdown: _propTypes["default"].bool.isRequired,
-  handleOnKeydown: _propTypes["default"].func.isRequired,
-  searchNotFoundText: _propTypes["default"].string.isRequired,
-  handleOnBlur: _propTypes["default"].func.isRequired,
-  handleOnFocus: _propTypes["default"].func.isRequired,
-  opened: _propTypes["default"].bool.isRequired,
-  dropdownRef: _propTypes["default"].object.isRequired,
-  currents: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  imageAlign: _propTypes["default"].oneOf(['left', 'right']),
-  striped: _propTypes["default"].bool,
-  gridWrapperStyle: _propTypes["default"].object,
-  selectFieldRef: _propTypes["default"].object,
-  dropdownMaxHeight: _propTypes["default"].number,
-  inputValue: _propTypes["default"].string
-};
-Dropdown.defaultProps = {
-  selected: null,
-  currents: [],
-  imageAlign: 'left',
-  striped: false,
-  imgSrcKey: undefined,
-  gridWrapperStyle: undefined,
-  selectFieldRef: undefined,
-  dropdownMaxHeight: undefined,
-  inputValue: undefined
-};
 var _default = Dropdown;
-exports["default"] = _default;
+exports.default = _default;

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

@@ -0,0 +1,25 @@
+import { DataCombo } from '../../@types/DataCombo.js';
+import { IDropdownSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import './types.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const contentClass: (props: IDropdownSelectProps) => string;
+declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
+interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: string;
+    inputText: string;
+    currents: DataCombo[];
+}
+declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetFilteredParams, 'currents'>) => any[];
+declare const getFilteredMultipleDataCombo: ({ dataSource, inputText, descriptionKey, currents, }: GetFilteredParams) => any[];
+declare const returnDropdownDynamicStyles: ({ selectFieldRef, dropdownMaxHeight, dropdownRef }: IDropdownSelectProps) => {
+    maxHeight: number;
+    top: number;
+    left: number;
+};
+
+export { contentClass, getDropdownItemCssClass, getFilteredMultipleDataCombo, getFilteredSimpleDataCombo, returnDropdownDynamicStyles };

package/lib/inputs/select/helper.js

@@ -25,7 +25,7 @@ var getFilteredSimpleDataCombo = function getFilteredSimpleDataCombo(_ref) {
   var dataSource = _ref.dataSource,
       descriptionKey = _ref.descriptionKey,
       inputText = _ref.inputText;
-  return dataSource.filter(function (item) {
+  return dataSource && dataSource.filter(function (item) {
     return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
   });
 };
@@ -34,11 +34,11 @@ exports.getFilteredSimpleDataCombo = getFilteredSimpleDataCombo;
 
 var getFilteredMultipleDataCombo = function getFilteredMultipleDataCombo(_ref2) {
   var dataSource = _ref2.dataSource,
+      inputText = _ref2.inputText,
       descriptionKey = _ref2.descriptionKey,
-      inputValue = _ref2.inputValue,
       currents = _ref2.currents;
   return dataSource.filter(function (item) {
-    return item[descriptionKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1 && !currents.includes(item);
+    return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1 && !currents.includes(item);
   });
 };
 
@@ -51,7 +51,7 @@ var returnDropdownPosition = function returnDropdownPosition(_ref3) {
   var aboveDropdown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var DEFAULT_MARGIN_BOTTOM = 10;
 
-  if (aboveDropdown) {
+  if (aboveDropdown && dropdownRef !== null && dropdownRef !== void 0 && dropdownRef.current && dropdownRects !== null && dropdownRects !== void 0 && dropdownRects.height) {
     return selectFieldRects.top + window.scrollY - (dropdownRef.current && dropdownRects.height) - DEFAULT_MARGIN_BOTTOM;
   }
 
@@ -62,17 +62,19 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(_ref4) {
   var selectFieldRef = _ref4.selectFieldRef,
       dropdownMaxHeight = _ref4.dropdownMaxHeight,
       dropdownRef = _ref4.dropdownRef;
-  var selectFieldRects = selectFieldRef.current.getBoundingClientRect();
-  var dropdownRects = dropdownRef.current && dropdownRef.current.getBoundingClientRect();
-  var dropdownBottomDistance = window.innerHeight - selectFieldRects.bottom;
+  var selectFieldRects = selectFieldRef !== null && selectFieldRef !== void 0 && selectFieldRef.current ? selectFieldRef.current.getBoundingClientRect() : undefined;
+  var dropdownRects = dropdownRef !== null && dropdownRef !== void 0 && dropdownRef.current ? dropdownRef.current.getBoundingClientRect() : undefined;
+  var selectFieldRectsBottom = selectFieldRects ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.bottom : 0;
+  var selectFieldRectsTop = selectFieldRects ? selectFieldRects === null || selectFieldRects === void 0 ? void 0 : selectFieldRects.top : 0;
+  var dropdownBottomDistance = window.innerHeight - selectFieldRectsBottom;
   var bottomOffset = 30;
   var maxDropdownBottomDistance = 200;
   var height = dropdownMaxHeight;
   var dropdownPosition;
 
   if (!height || height <= 0) {
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
-      height = selectFieldRects.top;
+    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {
+      height = selectFieldRectsTop;
       dropdownPosition = returnDropdownPosition({
         selectFieldRects: selectFieldRects,
         dropdownRef: dropdownRef,
@@ -80,28 +82,30 @@ var returnDropdownDynamicStyles = function returnDropdownDynamicStyles(_ref4) {
       }, true);
     } else {
       height = dropdownBottomDistance;
-      dropdownPosition = returnDropdownPosition({
+      dropdownPosition = selectFieldRects ? returnDropdownPosition({
         selectFieldRects: selectFieldRects
-      });
+      }) : 0;
     }
   } else {
     maxDropdownBottomDistance = height;
 
-    if (dropdownBottomDistance < maxDropdownBottomDistance) {
+    if (dropdownBottomDistance < maxDropdownBottomDistance && selectFieldRects) {
       dropdownPosition = returnDropdownPosition({
         selectFieldRects: selectFieldRects,
         dropdownRef: dropdownRef,
         dropdownRects: dropdownRects
       }, true);
     } else {
-      dropdownPosition = returnDropdownPosition(selectFieldRects);
+      dropdownPosition = selectFieldRects ? returnDropdownPosition({
+        selectFieldRects: selectFieldRects
+      }) : 0;
     }
   }
 
   return {
     maxHeight: height - bottomOffset,
     top: dropdownPosition,
-    left: selectFieldRects.left
+    left: selectFieldRects ? selectFieldRects.left : 0
   };
 };
 

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

@@ -0,0 +1,10 @@
+import { ISelectFieldProps } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
+
+export { SelectField as default };

package/lib/inputs/select/index.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _simple = _interopRequireDefault(require("./simple"));
 
 var _multiple = _interopRequireDefault(require("./multiple"));
 
-var _simple = _interopRequireDefault(require("./simple"));
-
 require("../../assets/styles/select.scss");
 
 var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
 
 var _excluded = ["gridLayout", "multiple"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -30,10 +30,17 @@ var SelectField = function SelectField(props) {
       multiple = props.multiple,
       newProps = _objectWithoutProperties(props, _excluded);
 
-  var component = multiple ? /*#__PURE__*/_react["default"].createElement(_multiple["default"], newProps) : /*#__PURE__*/_react["default"].createElement(_simple["default"], newProps);
+  var component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, _extends({
+    dataSource: props.dataSource ? props.dataSource : [],
+    idKey: props.idKey ? props.idKey : '',
+    descriptionKey: props.descriptionKey ? props.descriptionKey : ''
+  }, newProps)) : /*#__PURE__*/_react.default.createElement(_simple.default, _extends({
+    idKey: props.idKey ? props.idKey : '',
+    descriptionKey: props.descriptionKey ? props.descriptionKey : ''
+  }, newProps));
 
   if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withinput",
       cols: gridLayout
     }, component);
@@ -42,13 +49,5 @@ var SelectField = function SelectField(props) {
   return component;
 };
 
-SelectField.propTypes = {
-  multiple: _propTypes["default"].bool,
-  gridLayout: _propTypes["default"].string
-};
-SelectField.defaultProps = {
-  multiple: false,
-  gridLayout: undefined
-};
 var _default = SelectField;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -0,0 +1,10 @@
+import { ISelectedsMultipleProps } from '../types.js';
+import 'react';
+import '../../../@types/DataCombo.js';
+import '../../../@types/PermissionAttr.js';
+import '../../base/types.js';
+import '../../../@types/Period.js';
+
+declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
+
+export { Selecteds as default };

package/lib/inputs/select/multiple/Selecteds.js

@@ -3,40 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Selecteds = function Selecteds(_ref) {
   var currents = _ref.currents,
       descriptionKey = _ref.descriptionKey,
       idKey = _ref.idKey,
       handleOnUnselect = _ref.handleOnUnselect;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, currents.map(function (s) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currents.map(function (selected) {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "selecteditem",
-      key: "selected-".concat(s[idKey])
-    }, s[descriptionKey], /*#__PURE__*/_react["default"].createElement("span", {
+      key: "selected-".concat(selected[idKey])
+    }, selected[descriptionKey], /*#__PURE__*/_react.default.createElement("span", {
       className: "close",
       role: "button",
-      tabIndex: "-1",
+      tabIndex: -1,
       onKeyPress: function onKeyPress() {},
       onClick: function onClick() {
-        return handleOnUnselect(s[idKey]);
+        return handleOnUnselect(selected[idKey]);
       }
     }));
   }));
 };
 
-Selecteds.propTypes = {
-  idKey: _propTypes["default"].string.isRequired,
-  descriptionKey: _propTypes["default"].string.isRequired,
-  currents: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  handleOnUnselect: _propTypes["default"].func.isRequired
-};
 var _default = Selecteds;
-exports["default"] = _default;
+exports.default = _default;

package/lib/inputs/select/multiple/index.d.ts

@@ -0,0 +1,10 @@
+import { IMultipleSelectProps } from '../types.js';
+import 'react';
+import '../../../@types/DataCombo.js';
+import '../../../@types/PermissionAttr.js';
+import '../../base/types.js';
+import '../../../@types/Period.js';
+
+declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
+
+export { MultipleSelect as default };