@xqmsg/ui-core 0.14.4 → 0.14.5

package/dist/ui-core.esm.js

@@ -1,5 +1,5 @@
 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 } 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, Checkbox, Input as Input$2, InputGroup, 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';
@@ -402,18 +402,15 @@ function Form(_ref) {
  * A functional React component utilized to render the `StackedCheckbox` component.
  */
 
-var StackedCheckboxGroup = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
-  var options = _ref2.options;
-  return /*#__PURE__*/React__default.createElement(InputGroup, null, options.map(function (option) {
-    return /*#__PURE__*/React__default.createElement(Flex, {
-      mr: "30px",
-      alignItems: "center",
-      key: option.value
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
-      ref: _ref,
-      value: option.value
-    }, option.label));
-  }));
+var StackedCheckbox = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
+  var value = _ref2.value,
+      label = _ref2.label,
+      defaultValue = _ref2.defaultValue;
+  return /*#__PURE__*/React__default.createElement(Checkbox, {
+    ref: _ref,
+    value: String(value),
+    defaultChecked: Boolean(defaultValue)
+  }, label);
 });
 
 function _extends() {
@@ -1100,6 +1097,7 @@ var StackedSwitch = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
   var isRequired = _ref2.isRequired,
       _onChange = _ref2.onChange,
       value = _ref2.value;
+  if (value === null) return null;
   return /*#__PURE__*/React__default.createElement(Switch$1, {
     size: "lg",
     ref: _ref,
@@ -1218,17 +1216,18 @@ function Input(_ref) {
         });
 
       case 'checkbox':
-        return /*#__PURE__*/React__default.createElement(StackedCheckboxGroup, {
+        return /*#__PURE__*/React__default.createElement(StackedCheckbox, {
           className: "input-" + inputType + " " + (className != null ? className : ''),
           name: name,
           id: name,
           isInvalid: isInvalid,
-          options: options,
           onChange: onChange,
           onBlur: onBlur,
           ref: ref,
           disabled: disabled,
-          value: value
+          value: value,
+          defaultValue: defaultValue,
+          label: label
         });
 
       case 'multi-select':
@@ -1279,7 +1278,8 @@ function Input(_ref) {
           onChange: onChange,
           onBlur: onBlur,
           ref: ref,
-          value: value
+          value: value,
+          defaultValue: defaultValue
         });
 
       default:
@@ -1602,10 +1602,10 @@ function Table(_ref) {
     border: "none",
     overflowX: "auto",
     bg: "white",
-    width: "fit-content"
+    width: "100%"
   }, /*#__PURE__*/React__default.createElement(Table$2, {
     variant: "unstyled",
-    width: "fit-content",
+    width: "100%",
     style: {
       borderCollapse: 'separate',
       borderSpacing: '0px'