@xqmsg/ui-core 0.19.0 → 0.19.2

package/dist/hooks/useToast.d.ts

@@ -1,6 +1,6 @@
 import { ToastPosition } from '@chakra-ui/react';
 import React from 'react';
 import { ToastProps } from '../components/toast';
-export declare const useToast: (props: ToastProps & {
+export declare const useToast: () => (props: ToastProps & {
     position: ToastPosition;
-}) => () => React.Key;
+}) => React.Key;

package/dist/ui-core.cjs.development.js

@@ -441,6 +441,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     flexDir: orientation === 'horizontal' ? 'row' : 'column'
   }, steps.map(function (step, idx) {
     return /*#__PURE__*/React__default.createElement(react.Flex, {
+      key: idx,
       alignItems: "center",
       pr: orientation === 'horizontal' ? '16px' : 0,
       py: "4px"
@@ -742,10 +743,13 @@ var Dropdown = function Dropdown(_ref) {
       optionIndex = _ref.optionIndex;
   var DropdownContent = React.useMemo(function () {
     return options.map(function (option, idx) {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, option.value === 'section_header' && options[idx + 1] && options[idx + 1].value !== 'section_header' && /*#__PURE__*/React__default.createElement(react.Box, {
+      return /*#__PURE__*/React__default.createElement(react.Box, {
+        key: idx,
+        width: "100%"
+      }, option.value === 'section_header' && options[idx + 1] && options[idx + 1].value !== 'section_header' && /*#__PURE__*/React__default.createElement(react.Box, {
         color: colors.label.secondary.light,
         fontSize: "13px",
-        width: "fit-content",
+        width: "100%",
         fontWeight: "bold",
         px: "8px",
         bg: "inherit",
@@ -1429,8 +1433,9 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       }
     },
     ref: scrollRef
-  }, localValues.length ? localValues.map(function (option) {
+  }, localValues.length ? localValues.map(function (option, idx) {
     return /*#__PURE__*/React__default.createElement(react.Box, {
+      key: idx,
       mr: "4px",
       width: "fit-content",
       h: "16px",
@@ -1640,7 +1645,6 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     ref: inputWrapperRef,
     handler: function handler() {
       onBlur();
-      console.log('hi');
     }
   });
   return /*#__PURE__*/React__default.createElement(react.Box, {
@@ -1688,6 +1692,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     ref: scrollRef
   }, lastestFormValueToArray.length ? lastestFormValueToArray.map(function (label, index) {
     return /*#__PURE__*/React__default.createElement(react.Box, {
+      key: index,
       mr: "4px",
       border: tokenIndex === index ? "1px solid " + colors.border.focus : 'none',
       borderRadius: "full",
@@ -2018,6 +2023,7 @@ function FormSection(_ref) {
         disabled = _ref2.disabled,
         defaultValue = _ref2.defaultValue;
     return /*#__PURE__*/React__default.createElement(Input, {
+      key: name,
       control: form.control,
       label: label,
       inputType: inputType,
@@ -2938,15 +2944,17 @@ var NavigationMenu = function NavigationMenu(_ref) {
     height: "100%",
     overflowY: "auto",
     width: "220px"
-  }, sortedGroupedMenuItems == null ? void 0 : sortedGroupedMenuItems.map(function (menuItemGroup) {
+  }, sortedGroupedMenuItems == null ? void 0 : sortedGroupedMenuItems.map(function (menuItemGroup, idx) {
     return /*#__PURE__*/React__default.createElement(react.Box, {
+      key: idx,
       _notLast: {
         paddingBottom: '8px'
       }
     }, menuItemGroup.groupHeader && /*#__PURE__*/React__default.createElement(NavigationMenuHeader, {
       label: menuItemGroup.groupHeader
-    }), menuItemGroup.groupMenuItems.map(function (item) {
+    }), menuItemGroup.groupMenuItems.map(function (item, idx) {
       return /*#__PURE__*/React__default.createElement(NavigationMenuItem, Object.assign({}, item, {
+        key: idx,
         isSelected: selectedMenuItem === item.label,
         onClick: function onClick() {
           return setSelectedMenuItem(item.label);
@@ -3094,7 +3102,9 @@ var EmptyTable = function EmptyTable() {
   }, function (_, i) {
     return i + 1;
   }).map(function (i) {
-    return /*#__PURE__*/React__default.createElement(react.Tr, null, /*#__PURE__*/React__default.createElement(react.Td, {
+    return /*#__PURE__*/React__default.createElement(react.Tr, {
+      key: i
+    }, /*#__PURE__*/React__default.createElement(react.Td, {
       height: "26px",
       opacity: getOpacity(i)
     }));
@@ -3128,18 +3138,24 @@ function Table(_ref) {
     _odd: {
       bg: colors.label.primary.dark
     }
-  }, columnsAsConst.map(function (column) {
+  }, columnsAsConst.map(function (column, idx) {
     return (
       /*#__PURE__*/
       // @ts-ignore
-      React__default.createElement(react.Th, null, headers[column])
+      React__default.createElement(react.Th, {
+        key: idx
+      }, headers[column])
     );
-  }))), /*#__PURE__*/React__default.createElement(react.Tbody, null, body.map(function (row) {
-    return /*#__PURE__*/React__default.createElement(react.Tr, null, columnsAsConst.map(function (column) {
+  }))), /*#__PURE__*/React__default.createElement(react.Tbody, null, body.map(function (row, idx) {
+    return /*#__PURE__*/React__default.createElement(react.Tr, {
+      key: idx
+    }, columnsAsConst.map(function (column, idx) {
       return (
         /*#__PURE__*/
         // @ts-ignore
-        React__default.createElement(react.Td, null, row[column])
+        React__default.createElement(react.Td, {
+          key: idx
+        }, row[column])
       );
     }));
   }))) : /*#__PURE__*/React__default.createElement(EmptyTable, null), loadMore && loading !== undefined && body.length ? /*#__PURE__*/React__default.createElement(TableLoadingRows, {
@@ -3174,8 +3190,10 @@ var TabsWrapper = function TabsWrapper(_ref) {
     borderBottom: 0,
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0
-  }, navItems.map(function (navItem) {
-    return /*#__PURE__*/React__default.createElement(react.Tab, null, navItem);
+  }, navItems.map(function (navItem, idx) {
+    return /*#__PURE__*/React__default.createElement(react.Tab, {
+      key: idx
+    }, navItem);
   })), children);
 };
 
@@ -4209,7 +4227,6 @@ var ToolbarBreadcrumbItem = function ToolbarBreadcrumbItem(_ref) {
   var getPageLabel = React.useMemo(function () {
     if (breakpoint400) {
       if (page === 'current') {
-        console.log('hi');
         return pageLabel;
       }
     }
@@ -4280,7 +4297,8 @@ var ToolbarBreadcrumbs = function ToolbarBreadcrumbs(_ref) {
     height: "26px"
   }, filteredPageList.map(function (page, i) {
     return /*#__PURE__*/React__default.createElement(react.Flex, {
-      alignItems: "center"
+      alignItems: "center",
+      key: i
     }, /*#__PURE__*/React__default.createElement(ToolbarBreadcrumbItem, {
       page: getPageType(i),
       pageLabel: page.label,
@@ -4387,16 +4405,16 @@ var Toast = function Toast(_ref) {
   }, buttonText)));
 };
 
-var useToast = function useToast(props) {
+var useToast = function useToast() {
   var toast = react.useToast();
-  return function () {
+  return React.useCallback(function (props) {
     return toast({
       position: props.position,
       render: function render() {
         return /*#__PURE__*/React__default.createElement(Toast, Object.assign({}, props));
       }
     });
-  };
+  }, [toast]);
 };
 
 function formatErrorResponse(error) {