linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.26

package/lib/inputs/select/helper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.returnDropdownDynamicStyles = exports.getFilteredMultipleDataCombo = exports.getFilteredSimpleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
+exports.returnDropdownDynamicStyles = exports.getFilteredSimpleDataCombo = exports.getFilteredMultipleDataCombo = exports.getDropdownItemCssClass = exports.contentClass = void 0;
 
 var contentClass = function contentClass(props) {
   return "content ".concat(props.showClearButton ? '' : 'noclear');
@@ -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

@@ -1,36 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+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"];
+var _excluded = ["gridLayout", "multiple", "value"];
+
+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; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var SelectField = function SelectField(props) {
   var gridLayout = props.gridLayout,
       multiple = props.multiple,
-      newProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var component = multiple ? /*#__PURE__*/_react["default"].createElement(_multiple["default"], newProps) : /*#__PURE__*/_react["default"].createElement(_simple["default"], newProps);
+      value = props.value,
+      newProps = _objectWithoutProperties(props, _excluded);
+
+  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 : '',
+    value: value,
+    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);
@@ -39,13 +51,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

@@ -1,42 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 }; }
 
 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 };