@xqmsg/ui-core 0.14.2 → 0.14.4

package/dist/ui-core.esm.js

@@ -1,9 +1,10 @@
 import React__default, { useMemo, useCallback, useRef, useEffect, useState, memo, forwardRef, createElement } from 'react';
-import { Image, Alert as Alert$1, AlertDescription, Box, Flex, Button as Button$2, Text as Text$2, Icon as Icon$1, Spinner, InputGroup, Checkbox, Input as Input$2, RadioGroup, Radio, useOutsideClick, InputRightElement, Textarea as Textarea$1, Switch as Switch$1, FormLabel as FormLabel$1, FormControl, FormErrorMessage, FormHelperText, SimpleGrid, useMediaQuery, Grid, GridItem, IconButton, Collapse, TableContainer, Table as Table$2, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, extendTheme, ChakraProvider } from '@chakra-ui/react';
+import { Image, Alert as Alert$1, AlertDescription, Box, Flex, Button as Button$2, Text as Text$2, Icon as Icon$1, Spinner, InputGroup, Checkbox, Input as Input$2, RadioGroup, Radio, useOutsideClick, InputRightElement, Textarea as Textarea$1, Switch as Switch$1, FormLabel as FormLabel$1, FormControl, FormErrorMessage, FormHelperText, SimpleGrid, useMediaQuery, Grid, GridItem, IconButton, Collapse, TableContainer, Table as Table$2, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, extendTheme } from '@chakra-ui/react';
 import { FormProvider, useWatch, Controller } from 'react-hook-form';
 import { truncate } from 'lodash-es';
 import { CloseIcon, HamburgerIcon } from '@chakra-ui/icons';
 import { HiOutlineRefresh } from 'react-icons/hi';
+import { ChakraProvider } from '@chakra-ui/provider';
 import { createBreakpoints, transparentize, mode, getColor } from '@chakra-ui/theme-tools';
 import { defineStyle } from '@chakra-ui/system';
 
@@ -621,7 +622,8 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     color: "transparent",
     fontSize: "13px",
     textShadow: "0 0 0 " + colors.label.primary.light,
-    value: selectedOption
+    value: selectedOption,
+    autoComplete: "off"
   })), /*#__PURE__*/React__default.createElement(InputRightElement, {
     cursor: "pointer",
     onClick: function onClick() {
@@ -1594,19 +1596,20 @@ function Table(_ref) {
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'There is currently no available data' : _ref$placeholder,
       loading = _ref.loading,
-      _ref$borderTopRadius = _ref.borderTopRadius,
-      borderTopRadius = _ref$borderTopRadius === void 0 ? true : _ref$borderTopRadius,
       loadMore = _ref.loadMore;
   var columnsAsConst = generateTableColumnsAsConst(columns);
   return /*#__PURE__*/React__default.createElement(TableContainer, {
     border: "none",
     overflowX: "auto",
     bg: "white",
-    borderRadius: "md",
-    borderTopLeftRadius: borderTopRadius ? 'md' : 0,
-    borderTopRightRadius: borderTopRadius ? 'md' : 0
+    width: "fit-content"
   }, /*#__PURE__*/React__default.createElement(Table$2, {
-    variant: "unstyled"
+    variant: "unstyled",
+    width: "fit-content",
+    style: {
+      borderCollapse: 'separate',
+      borderSpacing: '0px'
+    }
   }, /*#__PURE__*/React__default.createElement(Thead, null, /*#__PURE__*/React__default.createElement(Tr, {
     _odd: {
       bg: colors.label.primary.dark
@@ -2478,26 +2481,27 @@ var baseStyle$c = {
     bg: colors.label.primary.dark
   },
   th: {
-    height: '100%',
-    width: '100%',
     bg: colors.label.primary.dark,
     padding: '5px 8px !important'
   },
   tr: {
     fontSize: '13px',
-    display: 'flex',
-    alignItems: 'center',
-    width: '100%',
-    height: '100%',
-    borderRadius: 'md',
     _odd: {
-      bg: colors.fill.light.tertiary
+      td: {
+        bg: colors.fill.light.tertiary,
+        _first: {
+          borderTopLeftRadius: 'md',
+          borderBottomLeftRadius: 'md'
+        },
+        _last: {
+          borderTopRightRadius: 'md',
+          borderBottomRightRadius: 'md'
+        }
+      }
     }
   },
   td: {
-    padding: '5px 8px !important',
-    borderRadius: 'md',
-    width: '100%'
+    padding: '5px 8px !important'
   }
 };
 var Table$1 = {