@ctlyst.id/internal-ui 2.0.3 → 2.0.4

package/dist/components/field/components/field.d.ts

@@ -1,3 +1,4 @@
+import type { FormControlProps } from '@chakra-ui/react';
 import type { FC, PropsWithChildren, ReactNode } from 'react';
 export interface Props {
     label?: string | ReactNode;
@@ -7,6 +8,7 @@ export interface Props {
     leftHelperText?: string | ReactNode;
     rightHelperText?: string | ReactNode;
     isRequired?: boolean;
+    boxProps?: FormControlProps;
 }
 export declare type FieldProps<T = unknown> = Props & T;
 declare const Field: FC<PropsWithChildren<Props>>;

package/dist/components/form/components/input-element.d.ts

@@ -0,0 +1,2 @@
+export { InputLeftElement as InputElementLeft } from '@chakra-ui/react';
+export { InputRightElement as InputElementRight } from '@chakra-ui/react';

package/dist/components/form/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/input-addon';
+export * from './components/input-element';
 export { default as InputField } from './components/input-field';
 export * from './components/input-field';
 export { default as TextareaField } from './components/textarea';

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

@@ -229,7 +229,6 @@ CheckboxComponent.defaultProps = {
   errorText: ''
 };
 
-/* eslint-disable no-nested-ternary */
 const Field = props => {
   const {
     label,
@@ -239,7 +238,8 @@ const Field = props => {
     rightHelperText,
     isRequired,
     children,
-    isSuccess
+    isSuccess,
+    boxProps = {}
   } = props;
   const getHelperColor = () => {
     if (isError) return 'danger.500';
@@ -252,9 +252,9 @@ const Field = props => {
   };
   const helperColor = getHelperColor();
   const justifyHelper = getJustifyContentHelper();
-  return /*#__PURE__*/React__default.createElement(react.FormControl, {
+  return /*#__PURE__*/React__default.createElement(react.FormControl, Object.assign({
     isInvalid: isError
-  }, label && (typeof label === 'string' ? /*#__PURE__*/React__default.createElement(react.FormLabel, {
+  }, boxProps), label && (typeof label === 'string' ? /*#__PURE__*/React__default.createElement(react.FormLabel, {
     mb: 1,
     fontSize: "text.sm",
     requiredIndicator: undefined
@@ -267,19 +267,19 @@ const Field = props => {
     display: "flex",
     width: "full",
     justifyContent: justifyHelper
-  }, !isError ? leftHelperText && /*#__PURE__*/React__default.createElement(react.FormHelperText, {
+  }, !isError ? leftHelperText && (typeof leftHelperText === 'string' ? /*#__PURE__*/React__default.createElement(react.FormHelperText, {
     fontSize: "text.xs",
     color: helperColor,
     mt: 1
-  }, leftHelperText) : typeof errorMessage === 'string' ? /*#__PURE__*/React__default.createElement(react.FormErrorMessage, {
+  }, leftHelperText) : leftHelperText) : typeof errorMessage === 'string' ? /*#__PURE__*/React__default.createElement(react.FormErrorMessage, {
     fontSize: "text.xs",
     color: "danger.500",
     mt: 1
-  }, errorMessage) : errorMessage, rightHelperText && /*#__PURE__*/React__default.createElement(react.FormHelperText, {
+  }, errorMessage) : errorMessage, rightHelperText && (typeof rightHelperText === 'string' ? /*#__PURE__*/React__default.createElement(react.FormHelperText, {
     fontSize: "text.xs",
     color: helperColor,
     mt: 1
-  }, rightHelperText)));
+  }, rightHelperText) : rightHelperText)));
 };
 Field.defaultProps = {
   label: '',
@@ -288,7 +288,8 @@ Field.defaultProps = {
   errorMessage: undefined,
   leftHelperText: undefined,
   rightHelperText: undefined,
-  isRequired: false
+  isRequired: false,
+  boxProps: {}
 };
 
 function CheckboxGroupComponent(props) {
@@ -4383,6 +4384,18 @@ Object.defineProperty(exports, 'DrawerOverlay', {
     return react.ModalOverlay;
   }
 });
+Object.defineProperty(exports, 'InputElementLeft', {
+  enumerable: true,
+  get: function () {
+    return react.InputLeftElement;
+  }
+});
+Object.defineProperty(exports, 'InputElementRight', {
+  enumerable: true,
+  get: function () {
+    return react.InputRightElement;
+  }
+});
 Object.defineProperty(exports, 'Modal', {
   enumerable: true,
   get: function () {