@ctlyst.id/internal-ui 2.0.20 → 2.0.22

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, {
@@ -424,11 +426,12 @@ function CheckboxComponent({
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
-}
+});
 CheckboxComponent.defaultProps = {
   isError: false,
   helpText: '',
-  errorText: ''
+  errorText: '',
+  boxProps: {}
 };
 
 const Field = props => {
@@ -3346,16 +3349,18 @@ const Tab = /*#__PURE__*/react.forwardRef((props, ref) => {
   })));
 });
 
-const TabList = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(react.TabList, {
+const TabList = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(react.TabList, Object.assign({
   borderBottom: "1px solid",
-  borderColor: react.useColorModeValue('gray.200', 'bright-gray.800'),
+  borderColor: react.useColorModeValue('gray.200', 'bright-gray.800')
+}, props, {
   ref: ref
-}, props.children));
+}), props.children));
 
-const TabPanel = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(react.TabPanel, {
-  px: 0,
+const TabPanel = /*#__PURE__*/react.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(react.TabPanel, Object.assign({
+  px: 0
+}, props, {
   ref: ref
-}, props.children));
+}), props.children));
 
 const messages = {
   dragActive: 'Drop file disini...',