@xqmsg/ui-core 0.16.5 → 0.16.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.5",
+  "version": "0.16.6",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/input/StackedCheckbox/StackedCheckbox.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Checkbox } from '@chakra-ui/react';
+import { Checkbox, Text } from '@chakra-ui/react';
 import { SelectFieldProps } from '../InputTypes';
 
 export interface StackedCheckboxProps extends SelectFieldProps {
@@ -12,14 +12,22 @@ export interface StackedCheckboxProps extends SelectFieldProps {
 const StackedCheckbox = React.forwardRef<
   HTMLInputElement,
   StackedCheckboxProps
->(({ value, label, defaultValue }, _ref) => {
+>(({ value, label, onChange }, _ref) => {
+  if (value === null) return null;
+
   return (
     <Checkbox
       ref={_ref}
       value={String(value)}
-      defaultChecked={Boolean(defaultValue)}
+      defaultChecked={Boolean(value)}
+      defaultValue={value}
+      onChange={e => {
+        if (onChange) return onChange(e.target.checked as any);
+      }}
     >
-      {label}
+      <Text fontSize="13px" alignSelf="center">
+        {label}
+      </Text>
     </Checkbox>
   );
 });

package/src/components/input/index.tsx

@@ -166,7 +166,6 @@ export function Input<T extends FieldValues>({
             onChange={onChange}
             onBlur={onBlur}
             ref={ref}
-            disabled={disabled}
             value={value}
             defaultValue={defaultValue}
             label={label as string}
@@ -244,9 +243,13 @@ export function Input<T extends FieldValues>({
           id={name}
           isInvalid={isInvalid}
           position="relative"
-          py={label || helperText || isInvalid ? 6 : 0}
+          py={
+            (label || helperText || isInvalid) && inputType !== 'checkbox'
+              ? 6
+              : 0
+          }
         >
-          {label && (
+          {label && inputType !== 'checkbox' && (
             <Label
               tooltipText={tooltipText}
               label={label}