@xqmsg/ui-core 0.14.4 → 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/ui-core.cjs.development.js

@@ -409,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() {
@@ -1107,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,
@@ -1225,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':
@@ -1286,7 +1285,8 @@ function Input(_ref) {
           onChange: onChange,
           onBlur: onBlur,
           ref: ref,
-          value: value
+          value: value,
+          defaultValue: defaultValue
         });
 
       default:
@@ -1609,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'