@ctlyst.id/internal-ui 5.4.5 → 5.4.7

package/dist/index.d.mts

@@ -15,9 +15,8 @@ import { GroupBase, Props as Props$1, DropdownIndicatorProps, ClearIndicatorProp
 import { AsyncPaginateProps } from 'react-select-async-paginate';
 import { AsyncCreatableProps } from 'react-select/async-creatable';
 import { CreatableProps } from 'react-select/creatable';
-import { ToastOptions } from 'react-toastify';
+import { Id, ToastOptions, IconProps } from 'react-toastify';
 export { ToastContainer } from 'react-toastify';
-import { Id, ToastIcon } from 'react-toastify/dist/types';
 import { FileError, FileRejection } from 'react-dropzone';
 import * as axios from 'axios';
 import { AxiosRequestConfig, AxiosInstance, AxiosResponse } from 'axios';
@@ -764,6 +763,7 @@ interface TimeInputProps {
 }
 declare const TimeInput: _chakra_ui_react.ComponentWithAs<"div", TimeInputProps>;
 
+type ToastIcon = false | ((props: IconProps) => React.ReactNode) | React.ReactElement<IconProps>;
 interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {
     icon?: ToastIcon;
     link?: {

package/dist/index.d.ts

@@ -15,9 +15,8 @@ import { GroupBase, Props as Props$1, DropdownIndicatorProps, ClearIndicatorProp
 import { AsyncPaginateProps } from 'react-select-async-paginate';
 import { AsyncCreatableProps } from 'react-select/async-creatable';
 import { CreatableProps } from 'react-select/creatable';
-import { ToastOptions } from 'react-toastify';
+import { Id, ToastOptions, IconProps } from 'react-toastify';
 export { ToastContainer } from 'react-toastify';
-import { Id, ToastIcon } from 'react-toastify/dist/types';
 import { FileError, FileRejection } from 'react-dropzone';
 import * as axios from 'axios';
 import { AxiosRequestConfig, AxiosInstance, AxiosResponse } from 'axios';
@@ -764,6 +763,7 @@ interface TimeInputProps {
 }
 declare const TimeInput: _chakra_ui_react.ComponentWithAs<"div", TimeInputProps>;
 
+type ToastIcon = false | ((props: IconProps) => React.ReactNode) | React.ReactElement<IconProps>;
 interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {
     icon?: ToastIcon;
     link?: {

package/dist/index.js

@@ -860,19 +860,18 @@ var import_jsx_runtime16 = require("react/jsx-runtime");
 var CheckboxComponent = (0, import_react13.forwardRef)(
   ({ isError = false, animated = false, helpText, errorText, boxProps, children, isDisabled, throttleTime, ...rest }, ref) => {
     const { state } = (0, import_react13.useCheckbox)(rest);
-    const [isChecked, setIsChecked] = (0, import_react14.useState)(!!rest.isChecked);
-    (0, import_react14.useEffect)(() => {
-      setIsChecked(!!rest.isChecked);
-    }, [rest.isChecked]);
     const throttleFn = (0, import_react14.useCallback)(
-      throttle((val) => setIsChecked(val), throttleTime),
+      throttle((event) => {
+        var _a;
+        return (_a = rest.onChange) == null ? void 0 : _a.call(rest, event);
+      }, throttleTime),
       []
     );
     const handleOnChange = (0, import_react14.useCallback)(
       (event) => {
-        if (throttleTime) throttleFn(event.target.checked);
-        else setIsChecked(event.target.checked);
-        if (rest.onChange) rest.onChange(event);
+        var _a;
+        if (throttleTime) throttleFn(event);
+        else (_a = rest.onChange) == null ? void 0 : _a.call(rest, event);
       },
       [rest.onChange]
     );
@@ -890,7 +889,7 @@ var CheckboxComponent = (0, import_react13.forwardRef)(
           variant,
           ref,
           ...rest,
-          isChecked,
+          isChecked: rest.isChecked,
           onChange: handleOnChange,
           isDisabled,
           color: "white",
@@ -5906,7 +5905,7 @@ var styles_default2 = Styles2;
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var CustomCloseButton = (props) => {
   const { closeToast } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.Box, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.Box, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: () => closeToast(), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
 };
 var DEFAULT_OPTIONS = {
   position: "top-right",
@@ -5940,7 +5939,7 @@ var useToast = () => {
   const content = (icon, message, link) => {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(styles_default2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react92.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react92.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, flex: 1, children: [
         /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react92.Flex, { alignItems: "center", children: [
           icon && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.chakra.span, { noOfLines: 2, children: message })