@unbxd-ui/unbxd-react-components 0.2.103 → 0.2.105

package/components/Form/Dropdown.js

@@ -13,8 +13,8 @@ var _Form = require("./Form");
 var _FormElementWrapper = _interopRequireDefault(require("./FormElementWrapper"));
 var _ServerPaginatedDDList = _interopRequireDefault(require("./ServerPaginatedDDList"));
 var _utils = _interopRequireDefault(require("../../core/utils"));
-var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem"],
-  _excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "ListHeaderItem", "onSearchChange"];
+var _excluded = ["items", "selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "ListHeaderItem", "showClippedContentTitle"],
+  _excluded2 = ["halign", "label", "showLabel", "name", "SelectionSummary", "className", "value", "defaultValue", "onChange", "disabled", "options", "showSearch", "searchPlaceholder", "idAttribute", "nameAttribute", "noSelectionLabel", "appearance", "multiSelect", "DropdownItem", "validations", "paginationType", "requestId", "requestParams", "pageNoKey", "perPageKey", "pageSize", "searchAttribute", "maxHeight", "responseFormatter", "getUrlParams", "showCreateCTA", "createCTAComponent", "onCreateCTAClick", "serverListClassName", "showClear", "onClear", "minPageNo", "ListHeaderItem", "onSearchChange", "showClippedContentTitle"];
 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; }
@@ -76,19 +76,30 @@ var DefaultDropdownItem = function DefaultDropdownItem(props) {
     _props$selectedItems = props.selectedItems,
     selectedItems = _props$selectedItems === void 0 ? [] : _props$selectedItems,
     idAttribute = props.idAttribute,
-    nameAttribute = props.nameAttribute;
+    nameAttribute = props.nameAttribute,
+    showClippedContentTitle = props.showClippedContentTitle;
   var idValue = itemData[idAttribute];
   var name = itemData[nameAttribute];
   var isSelected = selectedItems.find(function (obj) {
     return obj[idAttribute] === idValue;
   }) ? true : false;
   var className = "RCB-list-item " + (isSelected ? "selected" : "");
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    onClick: function onClick() {
-      return selectItem(itemData);
-    },
-    className: className
-  }, name);
+  if (showClippedContentTitle) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      onClick: function onClick() {
+        return selectItem(itemData);
+      },
+      className: className,
+      title: name
+    }, name);
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      onClick: function onClick() {
+        return selectItem(itemData);
+      },
+      className: className
+    }, name);
+  }
 };
 exports.DefaultDropdownItem = DefaultDropdownItem;
 DefaultDropdownItem.propTypes = {
@@ -96,7 +107,8 @@ DefaultDropdownItem.propTypes = {
   selectItem: _propTypes["default"].func.isRequired,
   selectedItems: _propTypes["default"].array,
   idAttribute: _propTypes["default"].string,
-  nameAttribute: _propTypes["default"].string
+  nameAttribute: _propTypes["default"].string,
+  showClippedContentTitle: _propTypes["default"].bool
 };
 var NormalList = function NormalList(_ref2) {
   var _ref2$items = _ref2.items,
@@ -107,6 +119,7 @@ var NormalList = function NormalList(_ref2) {
     nameAttribute = _ref2.nameAttribute,
     DropdownItem = _ref2.DropdownItem,
     ListHeaderItem = _ref2.ListHeaderItem,
+    showClippedContentTitle = _ref2.showClippedContentTitle,
     restProps = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, items.length ? ListHeaderItem : "", /*#__PURE__*/_react["default"].createElement(_List["default"], _extends({
     items: items
@@ -115,6 +128,7 @@ var NormalList = function NormalList(_ref2) {
     ListItem: DropdownItem,
     selectedItems: selectedItems,
     selectItem: selectItem,
+    showClippedContentTitle: showClippedContentTitle,
     idAttribute: idAttribute,
     nameAttribute: nameAttribute
   })));
@@ -165,6 +179,7 @@ var Dropdown = function Dropdown(props, ref) {
     minPageNo = props.minPageNo,
     ListHeaderItem = props.ListHeaderItem,
     propSearchChange = props.onSearchChange,
+    showClippedContentTitle = props.showClippedContentTitle,
     restProps = _objectWithoutProperties(props, _excluded2);
   var _useState = (0, _react.useState)(""),
     _useState2 = _slicedToArray(_useState, 2),
@@ -259,7 +274,8 @@ var Dropdown = function Dropdown(props, ref) {
     idAttribute: idAttribute,
     nameAttribute: nameAttribute,
     DropdownItem: DropdownItem,
-    ListHeaderItem: ListHeaderItem
+    ListHeaderItem: ListHeaderItem,
+    showClippedContentTitle: showClippedContentTitle
   };
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -361,6 +377,8 @@ Dropdown.propTypes = {
   idAttribute: _propTypes["default"].string,
   /** name attribute key to use when rendering the dropdown items, if the name attribute is other than "name" */
   nameAttribute: _propTypes["default"].string,
+  /** Add title attribute to list element for large data */
+  showClippedContentTitle: _propTypes["default"].bool,
   /** Provide a custom element for rendering dropdown item */
   DropdownItem: _propTypes["default"].oneOfType([_propTypes["default"].instanceOf(Element), _propTypes["default"].func]),
   /** Pass true to show a create CTA at the end of the dropdown */

package/components/Form/ServerPaginatedDDList.js

@@ -11,7 +11,7 @@ var _reactWindow = require("react-window");
 var _reactWindowInfiniteLoader = _interopRequireDefault(require("react-window-infinite-loader"));
 var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
 var _utils = _interopRequireDefault(require("../../core/utils"));
-var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately"];
+var _excluded = ["selectedItems", "selectItem", "idAttribute", "nameAttribute", "DropdownItem", "requestId", "requestParams", "responseFormatter", "pageNoKey", "perPageKey", "pageSize", "maxHeight", "searchAttribute", "searchQuery", "getUrlParams", "serverListClassName", "ddItemHeight", "minPageNo", "delay", "loadImmediately", "showClippedContentTitle"];
 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; }
@@ -32,6 +32,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
+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); }
 /* eslint-disable react/prop-types */
 
 var DefaultDropdownItem = function DefaultDropdownItem(props) {
@@ -44,7 +45,8 @@ var DefaultDropdownItem = function DefaultDropdownItem(props) {
     _data$selectedItems = data.selectedItems,
     selectedItems = _data$selectedItems === void 0 ? [] : _data$selectedItems,
     idAttribute = data.idAttribute,
-    nameAttribute = data.nameAttribute;
+    nameAttribute = data.nameAttribute,
+    showClippedContentTitle = data.showClippedContentTitle;
   var itemData = items[index] || {};
   var idValue = itemData[idAttribute];
   var name = itemData[nameAttribute];
@@ -56,13 +58,16 @@ var DefaultDropdownItem = function DefaultDropdownItem(props) {
   if (!isItemLoaded(index)) {
     content = "Loading...";
   }
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
     style: style,
     onClick: function onClick() {
       return selectItem(itemData);
-    },
+    }
+  }, showClippedContentTitle ? {
+    title: content
+  } : {}, {
     className: className
-  }, content);
+  }), content);
 };
 exports.DefaultDropdownItem = DefaultDropdownItem;
 var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
@@ -88,6 +93,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
     delay = _props$delay === void 0 ? 500 : _props$delay,
     _props$loadImmediatel = props.loadImmediately,
     loadImmediately = _props$loadImmediatel === void 0 ? true : _props$loadImmediatel,
+    showClippedContentTitle = props.showClippedContentTitle,
     restProps = _objectWithoutProperties(props, _excluded);
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -209,7 +215,8 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
     idAttribute: idAttribute,
     nameAttribute: nameAttribute,
     items: items,
-    isItemLoaded: isItemLoaded
+    isItemLoaded: isItemLoaded,
+    showClippedContentTitle: showClippedContentTitle
   }, restProps);
   if (total === null) {
     return [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.2.103",
+  "version": "0.2.105",
   "description": "React components library",
   "keywords": [
     "react components",