@innovaccer/design-system 2.22.0 → 2.23.0

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1695891566322 
+   * Generated on: 1697533162690 
    *      Package: @innovaccer/design-system
-   *      Version: v2.22.0
+   *      Version: v2.23.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -2341,6 +2341,36 @@
       });
     };
 
+    var iconTypeMapper = {
+      timelapse: 'outlined',
+      content_copy: 'outlined',
+      speed: 'outlined',
+      add_circle_outline: 'outlined',
+      turned_in_not: 'outlined',
+      important_devices: 'outlined',
+      thumb_down_off_alt: 'outlined',
+      alarm_on: 'outlined',
+      calendar_view_month: 'outlined',
+      aspect_ratio: 'outlined',
+      change_history: 'outlined',
+      arrow_circle_down: 'outlined',
+      card_membership: 'outlined',
+      query_builder: 'outlined',
+      copyright: 'outlined',
+      arrow_circle_up: 'outlined',
+      alarm: 'outlined',
+      work_outline: 'outlined',
+      bookmark_border: 'outlined',
+      delete_outline: 'outlined',
+      credit_card: 'outlined',
+      highlight_of: 'outlined',
+      check_circle_outline: 'outlined',
+      help_outline: 'outlined',
+      schedule: 'outlined',
+      radio_button_unchecked: 'outlined',
+      radio_button_checked: 'outlined',
+      "delete": 'outlined'
+    };
     var Icon = function Icon(props) {
       var _a;
 
@@ -2358,7 +2388,7 @@
         filled: 'rounded',
         'two-tone': 'rounded'
       };
-      var type = props.type && mapper[props.type] || props.type;
+      var type = props.type && mapper[props.type] || props.type || name && iconTypeMapper[name] || 'rounded';
 
       var getIconAppearance = function getIconAppearance(iconColor) {
         var x = iconColor.indexOf('_');
@@ -2387,8 +2417,7 @@
     };
     Icon.displayName = 'Icon';
     Icon.defaultProps = {
-      size: 16,
-      type: 'rounded'
+      size: 16
     };
 
     var GenericText = function GenericText(_a) {
@@ -5166,8 +5195,18 @@
 
               var disabledOptions = _this.getDisabledOptions(unSelectedGroup.slice(0, _this.staticLimit));
 
+              var errorResult = errorType;
+
+              if (optionsLength === 0 && searchTerm === '') {
+                errorResult = 'DEFAULT';
+              } else if (searchTerm !== '') {
+                errorResult = 'NO_RECORDS_FOUND';
+              } else {
+                errorResult = 'FAILED_TO_FETCH';
+              }
+
               _this.setState(__assign(__assign({}, _this.state), {
-                errorType: fetchOptions && errorType !== 'NO_RECORDS_FOUND' ? 'FAILED_TO_FETCH' : errorType,
+                errorType: fetchOptions ? errorResult : errorType,
                 scrollIndex: res.scrollToIndex || 0,
                 optionsLength: optionsLength,
                 loading: false,
@@ -5183,6 +5222,11 @@
 
               if (updatedAsync || withSearch) (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
+          })["catch"](function () {
+            _this.setState({
+              errorType: fetchOptions ? 'FAILED_TO_FETCH' : errorType,
+              loading: false
+            });
           });
         };
 
@@ -10176,7 +10220,7 @@
       withTrigger: true
     };
 
-    var Status = function Status(props) {
+    var Status$1 = function Status(props) {
       var _a, _b;
 
       var type = props.type,
@@ -10273,7 +10317,7 @@
           return null;
       }
     };
-    Status.displayName = 'Status';
+    Status$1.displayName = 'Status';
 
     var Box = function Box(props) {
       var _a;
@@ -10346,7 +10390,7 @@
         typingText: typingText,
         isTyping: isTyping,
         statusType: statusType
-      }), !isTyping && statusOptions && /*#__PURE__*/React__namespace.createElement(Status, __assign({}, statusOptions)));
+      }), !isTyping && statusOptions && /*#__PURE__*/React__namespace.createElement(Status$1, __assign({}, statusOptions)));
     };
     ChatMessage.displayName = 'ChatMessage';
 
@@ -15616,6 +15660,83 @@
       rounded: false
     };
 
+    var Status = function Status(props) {
+      var status = props.status,
+          meta = props.meta,
+          navigationPosition = props.navigationPosition,
+          navigation = props.navigation,
+          tabs = props.tabs;
+      var statusClasses = classNames__default["default"]({
+        'PageHeader-statusWrapper': true,
+        'mb-3': navigationPosition === 'bottom' && navigation || tabs
+      });
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, (status || meta) && /*#__PURE__*/React__namespace.createElement("div", {
+        className: statusClasses,
+        "data-test": "DesignSystem-PageHeader--Status"
+      }, status, meta));
+    };
+    var Action = function Action(props) {
+      var actions = props.actions,
+          navigation = props.navigation,
+          stepper = props.stepper;
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, actions ? /*#__PURE__*/React__namespace.createElement(Column, {
+        size: "4",
+        sizeXL: "4",
+        sizeM: "4",
+        "data-test": "DesignSystem-PageHeader--Actions"
+      }, /*#__PURE__*/React__namespace.createElement("div", {
+        className: "PageHeader-actionsWrapper"
+      }, actions)) : (navigation || stepper) && /*#__PURE__*/React__namespace.createElement(Column, {
+        size: "4",
+        sizeXL: "4",
+        sizeM: "4",
+        "data-test": "DesignSystem-PageHeader--Actions"
+      }, /*#__PURE__*/React__namespace.createElement("div", {
+        className: "PageHeader-actionsWrapper"
+      })));
+    };
+    var Nav = function Nav(props) {
+      var navigation = props.navigation,
+          stepper = props.stepper;
+
+      if (!navigation && !stepper) {
+        return null;
+      }
+
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        className: "PageHeader-navigationWrapper",
+        "data-test": "DesignSystem-PageHeader--Nav"
+      }, navigation || stepper);
+    };
+    var CenterNav = function CenterNav(props) {
+      var colSize = props.colSize,
+          breadcrumbs = props.breadcrumbs,
+          navigationPosition = props.navigationPosition;
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, (!breadcrumbs || navigationPosition === 'center') && colSize === '4' && /*#__PURE__*/React__namespace.createElement(Column, {
+        size: "4",
+        sizeXL: "4",
+        sizeM: "4",
+        "data-test": "DesignSystem-PageHeader--CenterNav"
+      }, /*#__PURE__*/React__namespace.createElement(Nav, __assign({}, props))));
+    };
+    var BackButton = function BackButton(props) {
+      var button = props.button;
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, button && /*#__PURE__*/React__namespace.createElement("div", {
+        className: "mr-5 my-3",
+        "data-test": "DesignSystem-PageHeader--Button"
+      }, button));
+    };
+    var Title = function Title(props) {
+      var badge = props.badge,
+          title = props.title;
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        className: "PageHeader-titleWrapper",
+        "data-test": "DesignSystem-PageHeader--Title"
+      }, /*#__PURE__*/React__namespace.createElement(Heading, {
+        className: "PageHeader-title"
+      }, title), badge);
+    };
+
     var PageHeader = function PageHeader(props) {
       var _a;
 
@@ -15630,57 +15751,64 @@
           status = props.status,
           meta = props.meta,
           navigationPosition = props.navigationPosition,
-          className = props.className;
+          className = props.className,
+          button = props.button;
       var baseProps = extractBaseProps(props);
       var wrapperClasses = classNames__default["default"]((_a = {
         'PageHeader-wrapper': true
-      }, _a['PageHeader-wrapper--separator'] = separator, _a['PageHeader-wrapper--withTabs'] = tabs, _a), className);
+      }, _a['PageHeader-wrapper--withTabs'] = tabs, _a), className);
       var classes = classNames__default["default"]({
         PageHeader: true
       });
-
-      var renderNav = function renderNav() {
-        if (!navigation && !stepper) {
-          return null;
-        }
-
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "PageHeader-navigationWrapper"
-        }, navigation || stepper);
-      };
-
       var colSize = (navigation || stepper) && navigationPosition === 'center' ? '4' : actions ? '8' : '12';
-      return /*#__PURE__*/React__namespace.createElement("div", __assign({}, baseProps, {
+      var centerNavProps = {
+        colSize: colSize,
+        breadcrumbs: breadcrumbs,
+        navigationPosition: navigationPosition,
+        navigation: navigation,
+        stepper: stepper
+      };
+      var statusProps = {
+        status: status,
+        meta: meta,
+        navigationPosition: navigationPosition,
+        navigation: navigation,
+        tabs: tabs
+      };
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        "data-test": "DesignSystem-PageHeader"
+      }, /*#__PURE__*/React__namespace.createElement("div", __assign({}, baseProps, {
         className: wrapperClasses
-      }), breadcrumbs, /*#__PURE__*/React__namespace.createElement("div", {
+      }), breadcrumbs && /*#__PURE__*/React__namespace.createElement("div", {
+        className: "pl-6",
+        "data-test": "DesignSystem-PageHeader--Breadcrumbs"
+      }, breadcrumbs), /*#__PURE__*/React__namespace.createElement("div", {
+        className: "d-flex pl-6"
+      }, /*#__PURE__*/React__namespace.createElement(BackButton, {
+        button: button
+      }), /*#__PURE__*/React__namespace.createElement("div", {
         className: classes
       }, /*#__PURE__*/React__namespace.createElement(Row, null, /*#__PURE__*/React__namespace.createElement(Column, {
         size: colSize,
         sizeXL: colSize,
         sizeM: colSize
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "PageHeader-titleWrapper"
-      }, /*#__PURE__*/React__namespace.createElement(Heading, {
-        className: "PageHeader-title"
-      }, title), badge)), (!breadcrumbs || navigationPosition === 'center') && colSize === '4' && /*#__PURE__*/React__namespace.createElement(Column, {
-        size: "4",
-        sizeXL: "4",
-        sizeM: "4"
-      }, renderNav()), actions ? /*#__PURE__*/React__namespace.createElement(Column, {
-        size: "4",
-        sizeXL: "4",
-        sizeM: "4"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "PageHeader-actionsWrapper"
-      }, actions)) : (navigation || stepper) && /*#__PURE__*/React__namespace.createElement(Column, {
-        size: "4",
-        sizeXL: "4",
-        sizeM: "4"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "PageHeader-actionsWrapper"
-      })))), (status || meta) && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "PageHeader-statusWrapper"
-      }, status, meta), breadcrumbs && navigationPosition === 'bottom' && renderNav(), tabs && /*#__PURE__*/React__namespace.createElement("div", null, tabs));
+      }, /*#__PURE__*/React__namespace.createElement(Title, {
+        badge: badge,
+        title: title
+      })), /*#__PURE__*/React__namespace.createElement(CenterNav, __assign({}, centerNavProps)), /*#__PURE__*/React__namespace.createElement(Action, {
+        actions: actions,
+        navigation: navigation,
+        stepper: stepper
+      })), /*#__PURE__*/React__namespace.createElement(Status, __assign({}, statusProps)))), /*#__PURE__*/React__namespace.createElement("div", {
+        className: "pl-3"
+      }, navigationPosition === 'bottom' && /*#__PURE__*/React__namespace.createElement(Nav, {
+        navigation: navigation,
+        stepper: stepper
+      }), tabs && /*#__PURE__*/React__namespace.createElement("div", {
+        "data-test": "DesignSystem-PageHeader--Tabs"
+      }, tabs))), separator && /*#__PURE__*/React__namespace.createElement(Divider, {
+        appearance: "header"
+      }));
     };
     PageHeader.defaultProps = {
       navigationPosition: 'center',
@@ -16450,7 +16578,7 @@
     SelectionCard.useMultiSelect = useMultiSelect;
     SelectionCard.useSingleSelect = useSingleSelect;
 
-    var version = "2.22.0";
+    var version = "2.23.0";
 
     exports.ActionCard = ActionCard;
     exports.Avatar = Avatar;