@xqmsg/ui-core 0.14.3 → 0.14.5

package/dist/components/input/StackedCheckbox/StackedCheckbox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SelectFieldProps } from '../InputTypes';
+export interface StackedCheckboxProps extends SelectFieldProps {
+    label: string;
+}
+/**
+ * A functional React component utilized to render the `StackedCheckbox` component.
+ */
+declare const StackedCheckbox: React.ForwardRefExoticComponent<StackedCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default StackedCheckbox;

package/dist/theme/provider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ChakraProviderProps } from '@chakra-ui/react';
+import { ChakraProviderProps } from '@chakra-ui/provider';
 /**
  * A functional React wrapper component utilized to consume the custom XQ theme via `ChakraProvider`
  */

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

@@ -11,6 +11,7 @@ var reactHookForm = require('react-hook-form');
 var lodash = require('lodash');
 var icons = require('@chakra-ui/icons');
 var hi = require('react-icons/hi');
+var provider = require('@chakra-ui/provider');
 var themeTools = require('@chakra-ui/theme-tools');
 var system = require('@chakra-ui/system');
 
@@ -408,18 +409,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(react.InputGroup, null, options.map(function (option) {
-    return /*#__PURE__*/React__default.createElement(react.Flex, {
-      mr: "30px",
-      alignItems: "center",
-      key: option.value
-    }, /*#__PURE__*/React__default.createElement(react.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(react.Checkbox, {
+    ref: _ref,
+    value: String(value),
+    defaultChecked: Boolean(defaultValue)
+  }, label);
 });
 
 function _extends() {
@@ -628,7 +626,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(react.InputRightElement, {
     cursor: "pointer",
     onClick: function onClick() {
@@ -1105,6 +1104,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(react.Switch, {
     size: "lg",
     ref: _ref,
@@ -1223,17 +1223,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':
@@ -1284,7 +1285,8 @@ function Input(_ref) {
           onChange: onChange,
           onBlur: onBlur,
           ref: ref,
-          value: value
+          value: value,
+          defaultValue: defaultValue
         });
 
       default:
@@ -1607,10 +1609,10 @@ function Table(_ref) {
     border: "none",
     overflowX: "auto",
     bg: "white",
-    width: "fit-content"
+    width: "100%"
   }, /*#__PURE__*/React__default.createElement(react.Table, {
     variant: "unstyled",
-    width: "fit-content",
+    width: "100%",
     style: {
       borderCollapse: 'separate',
       borderSpacing: '0px'
@@ -2867,7 +2869,7 @@ var customXQChakraTheme = /*#__PURE__*/react.extendTheme( /*#__PURE__*/_extends(
 var XQThemeProvider = function XQThemeProvider(_ref) {
   var children = _ref.children,
       cssVarsRoot = _ref.cssVarsRoot;
-  return /*#__PURE__*/React__default.createElement(react.ChakraProvider, {
+  return /*#__PURE__*/React__default.createElement(provider.ChakraProvider, {
     theme: customXQChakraTheme,
     resetCSS: true,
     cssVarsRoot: cssVarsRoot