@ctlyst.id/internal-ui 4.0.1 → 4.0.3

package/dist/index.js

@@ -4934,12 +4934,20 @@ var InputOption = ({
               (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 import_react74.Checkbox,
                 {
+                  onClick: (e) => e.stopPropagation(),
                   isChecked: checkedState === CHECKBOX_STATE.CHECKED,
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
                   isDisabled,
                   "data-test-id": "CT_component_select-checkbox_select-all-option"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react74.Checkbox, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
+              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                import_react74.Checkbox,
+                {
+                  onClick: (e) => e.stopPropagation(),
+                  isChecked: isSelected,
+                  "data-test-id": "CT_component_select-checkbox_option-checkbox"
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react74.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
             ]
           }
@@ -5616,6 +5624,7 @@ var TimeInput2 = (0, import_react85.forwardRef)(
 
 // src/components/toast/components/toast.tsx
 var import_react88 = require("@chakra-ui/react");
+var import_internal_icon11 = require("@ctlyst.id/internal-icon");
 var import_react_toastify = require("react-toastify");
 
 // src/components/toast/components/styles.tsx
@@ -5655,6 +5664,10 @@ var styles_default2 = Styles2;
 
 // src/components/toast/components/toast.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
+var CustomCloseButton = (props) => {
+  const { closeToast } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react88.Box, { p: 2, 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",
   autoClose: 5e3,
@@ -5664,7 +5677,7 @@ var DEFAULT_OPTIONS = {
   draggable: true,
   icon: false,
   theme: "colored",
-  closeButton: false,
+  closeButton: CustomCloseButton,
   className: "container-toast",
   transition: import_react_toastify.Bounce
 };
@@ -5773,7 +5786,7 @@ var import_react_toastify2 = require("react-toastify");
 
 // src/components/uploader/components/uploader.tsx
 var import_react89 = require("@chakra-ui/react");
-var import_internal_icon11 = require("@ctlyst.id/internal-icon");
+var import_internal_icon12 = require("@ctlyst.id/internal-icon");
 var import_react90 = require("react");
 var import_react_dropzone = require("react-dropzone");
 
@@ -6020,7 +6033,7 @@ var Uploader = ({
               border: "none",
               zIndex: 1,
               onClick: handleRemove,
-              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Close, { size: 3, color: "white" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Close, { size: 3, color: "white" })
             }
           ) }),
           filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react89.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
@@ -6042,7 +6055,7 @@ var Uploader = ({
             }
           ) }),
           !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react89.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react89.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
-            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
+            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Plus, { size: 6, color }),
             /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react89.Box, { children: [
               !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 import_react89.Heading,