@unbxd-ui/unbxd-react-components 0.3.3-beta.2 → 0.3.3-beta.4

package/components/Form/Dropdown.js

@@ -148,8 +148,7 @@ var CheckboxDropdownItem = exports.CheckboxDropdownItem = function CheckboxDropd
     style = props.style,
     paginationType = props.paginationType,
     _props$itemData = props.itemData,
-    itemData = _props$itemData === void 0 ? {} : _props$itemData,
-    labelTitle = props.labelTitle;
+    itemData = _props$itemData === void 0 ? {} : _props$itemData;
   var pageType = "";
   if (!paginationType) {
     pageType = data.paginationType;
@@ -166,7 +165,8 @@ var CheckboxDropdownItem = exports.CheckboxDropdownItem = function CheckboxDropd
     _ref3$idAttribute = _ref3.idAttribute,
     idAttribute = _ref3$idAttribute === void 0 ? "id" : _ref3$idAttribute,
     _ref3$nameAttribute = _ref3.nameAttribute,
-    nameAttribute = _ref3$nameAttribute === void 0 ? "name" : _ref3$nameAttribute;
+    nameAttribute = _ref3$nameAttribute === void 0 ? "name" : _ref3$nameAttribute,
+    labelTitle = _ref3.labelTitle;
   var item = pageType === "SERVER" ? items[index] || {} : itemData;
   var id = item[idAttribute];
   var labelContent = DDItem ? /*#__PURE__*/_react["default"].createElement(DDItem, _extends({
@@ -338,6 +338,7 @@ var Dropdown = function Dropdown(props, ref) {
     /** Close modal after reset */
     hideModal();
   };
+  console.log("labelTitle", labelTitle);
   var commonAttributes = {
     selectedItems: selectedItems,
     selectItem: selectItem,
@@ -413,12 +414,14 @@ var Dropdown = function Dropdown(props, ref) {
     DropdownItem: multiSelect ? CheckboxDropdownItem : DropdownItem,
     DDItem: DropdownItem
   }, serverListAttrs, restProps, {
-    LoaderComponent: LoaderComponent
+    LoaderComponent: LoaderComponent,
+    labelTitle: labelTitle
   })) : /*#__PURE__*/_react["default"].createElement(NormalList, _extends({}, commonAttributes, {
     DropdownItem: multiSelect ? CheckboxDropdownItem : DropdownItem
   }, restProps, {
     items: getFilteredOptions(options, searchQuery, nameAttribute),
-    DDItem: DropdownItem
+    DDItem: DropdownItem,
+    labelTitle: labelTitle
   })), showCreateCTA && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-dd-create-cta",
     onClick: onCreateCTAClick

package/components/NoDataPlaceholder/NoDataPlaceholder.js

@@ -4,19 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _lazyLoadImage = _interopRequireDefault(require("../../core/lazyLoadImage"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var NoDataPlaceholder = function NoDataPlaceholder(props) {
   var className = props.className,
     image = props.image,
+    _props$imageUrl = props.imageUrl,
+    imageUrl = _props$imageUrl === void 0 ? "" : _props$imageUrl,
+    _props$imageAlt = props.imageAlt,
+    imageAlt = _props$imageAlt === void 0 ? "" : _props$imageAlt,
+    _props$imageClassname = props.imageClassname,
+    imageClassname = _props$imageClassname === void 0 ? "" : _props$imageClassname,
     title = props.title,
     description = props.description;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-no-data-placeholder ".concat(className)
-  }, image && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (image || imageUrl) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-no-data-image"
-  }, image), title && /*#__PURE__*/_react["default"].createElement("div", {
+  }, imageUrl ? /*#__PURE__*/_react["default"].createElement(_lazyLoadImage["default"], {
+    src: imageUrl,
+    alt: imageAlt || "No data",
+    className: imageClassname
+  }) : image), title && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-no-data-title"
   }, title), description && /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-no-data-description"
@@ -27,6 +38,12 @@ NoDataPlaceholder.propTypes = {
   className: _propTypes["default"].string,
   /** React element (typically an image or icon) to display */
   image: _propTypes["default"].element,
+  /** Image URL string for lazy loading */
+  imageUrl: _propTypes["default"].string,
+  /** Alt text for the lazy loaded image */
+  imageAlt: _propTypes["default"].string,
+  /** Class name for the lazy loaded image */
+  imageClassname: _propTypes["default"].string,
   /** Title text to display */
   title: _propTypes["default"].string,
   /** Description text to display */

package/components/NoDataPlaceholder/NoDataPlaceholder.stories.js

@@ -36,6 +36,9 @@ var Default = exports.Default = {
       src: "https://placehold.co/100",
       alt: "No Data"
     }),
+    imageUrl: "https://placehold.co/100",
+    imageAlt: "No Data Image",
+    imageClassname: "",
     title: 'No Data Available',
     description: 'There is no data to display at the moment.'
   }

package/components/UIDItemComponent/UIDItemComponent.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = UIDItemComponent;
 var _react = _interopRequireWildcard(require("react"));
-var _p = _interopRequireDefault(require("../../assets/p1.svg"));
 var _icon = _interopRequireDefault(require("../../core/icon"));
 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 _interopRequireWildcard(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 (var _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); }
@@ -33,7 +32,7 @@ function UIDItemComponent(props) {
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
     _props$avatars = props.avatars,
-    clientAvatars = _props$avatars === void 0 ? [_p["default"]] : _props$avatars;
+    clientAvatars = _props$avatars === void 0 ? [] : _props$avatars;
   var _data$items = data.items,
     items = _data$items === void 0 ? [] : _data$items,
     _data$paginationType = data.paginationType,
@@ -43,7 +42,7 @@ function UIDItemComponent(props) {
     _data$selectedItems = data.selectedItems,
     serverSelectedItems = _data$selectedItems === void 0 ? [] : _data$selectedItems,
     _data$avatars = data.avatars,
-    serverAvatars = _data$avatars === void 0 ? [_p["default"]] : _data$avatars;
+    serverAvatars = _data$avatars === void 0 ? [] : _data$avatars;
 
   // Determine the pagination type
   var paginationType = clientPaginationType ? "CLIENT" : serverPaginationType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.3.3-beta.2",
+  "version": "0.3.3-beta.4",
   "description": "React components library",
   "keywords": [
     "react components",