@ctlyst.id/internal-ui 2.0.21 → 2.0.23

package/dist/components/checkbox/components/checkbox.d.ts

@@ -1,16 +1,10 @@
-import type { CheckboxProps } from '@chakra-ui/react';
+import type { BoxProps, CheckboxProps } from '@chakra-ui/react';
 import type { PropsWithChildren } from 'react';
 export interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
     isError?: boolean;
     helpText?: string;
     errorText?: string;
+    boxProps?: BoxProps;
 }
-declare function CheckboxComponent({ isError, helpText, errorText, children, isDisabled, ...rest }: CheckboxComponentProps): JSX.Element;
-declare namespace CheckboxComponent {
-    var defaultProps: {
-        isError: boolean;
-        helpText: string;
-        errorText: string;
-    };
-}
+declare const CheckboxComponent: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", CheckboxComponentProps>;
 export default CheckboxComponent;

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

@@ -390,19 +390,21 @@ CardCustom.defaultProps = {
   isRounded: true
 };
 
-function CheckboxComponent({
+const CheckboxComponent = /*#__PURE__*/react.forwardRef(({
   isError = false,
   helpText = '',
   errorText = '',
+  boxProps,
   children,
   isDisabled,
   ...rest
-}) {
+}, ref) => {
   const variant = isError ? 'errors' : 'unstyled';
-  return /*#__PURE__*/React__default.createElement(react.Box, null, /*#__PURE__*/React__default.createElement(react.Box, {
+  return /*#__PURE__*/React__default.createElement(react.Box, Object.assign({}, boxProps), /*#__PURE__*/React__default.createElement(react.Box, {
     display: "flex"
   }, /*#__PURE__*/React__default.createElement(react.Checkbox, Object.assign({
-    variant: variant
+    variant: variant,
+    ref: ref
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(react.Text, {
@@ -410,7 +412,7 @@ function CheckboxComponent({
     display: "block",
     textStyle: "text.sm",
     color: isDisabled ? 'black.medium' : 'black.high'
-  }, children))), /*#__PURE__*/React__default.createElement(react.Box, {
+  }, children))), (isError || helpText) && /*#__PURE__*/React__default.createElement(react.Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(react.Text, {
@@ -424,11 +426,12 @@ function CheckboxComponent({
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
-}
+});
 CheckboxComponent.defaultProps = {
   isError: false,
   helpText: '',
-  errorText: ''
+  errorText: '',
+  boxProps: {}
 };
 
 const Field = props => {