@scbt-ecom/ui 0.22.1 → 0.22.2

package/dist/ui.js

@@ -41418,7 +41418,9 @@ const ZY = ({
   isMulti: l,
   ...c
 }) => {
-  const u = l || n.attachment ? "div" : on;
+  const u = l || n.attachment ? "div" : on, d = () => {
+    console.log("select option clicked");
+  };
   return /* @__PURE__ */ T.jsxs(
     Xo.Option,
     {
@@ -41430,8 +41432,11 @@ const ZY = ({
       innerRef: i,
       label: e,
       isSelected: t,
-      innerProps: r,
-      cx: (d, f) => H(
+      innerProps: {
+        ...r,
+        onClick: d
+      },
+      cx: (f, p) => H(
         "unset-all-apply desk-body-regular-l cursor-pointer rounded-sm px-2 py-4 bg-color-white",
         "text-color-dark hover:bg-color-primary-tr-hover hover:text-color-primary-hover",
         "[&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary [&:not(:disabled)]:cursor-pointer",
@@ -41440,7 +41445,7 @@ const ZY = ({
           "pointer-events-none !text-color-disabled": n.disabled,
           "!flex items-center gap-x-4": l || n.attachment && n.attachment.left
         },
-        f,
+        p,
         s == null ? void 0 : s.container,
         r.className
       ),
@@ -41468,27 +41473,30 @@ const ZY = ({
     invalid: u,
     filterOptionDisabled: d,
     value: f,
-    ...p
-  }, h) => {
-    const m = d || !t && !e ? null : void 0;
+    name: p,
+    ...h
+  }, m) => {
+    const g = d || !t && !e ? null : void 0;
     return console.log("SelectBase value: ", f), /* @__PURE__ */ T.jsx(
       Bw,
       {
-        ref: h,
-        ...p,
+        ref: m,
+        ...h,
+        name: p,
+        instanceId: p,
         closeMenuOnSelect: !e,
         isMulti: e,
-        filterOption: m,
+        filterOption: g,
         onMenuClose: s,
         className: H("w-full", l == null ? void 0 : l.container, c),
         hideSelectedOptions: i,
-        getOptionLabel: a ? (g) => a(g) : void 0,
-        getOptionValue: o ? (g) => o(g) : void 0,
+        getOptionLabel: a ? (v) => a(v) : void 0,
+        getOptionValue: o ? (v) => o(v) : void 0,
         components: {
-          Control: (g) => /* @__PURE__ */ T.jsx(
+          Control: (v) => /* @__PURE__ */ T.jsx(
             YY,
             {
-              ...g,
+              ...v,
               invalid: u,
               displayValue: a,
               isSearchable: t,
@@ -41497,8 +41505,8 @@ const ZY = ({
               classes: l == null ? void 0 : l.control
             }
           ),
-          Option: (g) => /* @__PURE__ */ T.jsx(ZY, { ...g, classes: l == null ? void 0 : l.option }),
-          MenuList: (g) => /* @__PURE__ */ T.jsx(UY, { ...g, classes: l == null ? void 0 : l.list })
+          Option: (v) => /* @__PURE__ */ T.jsx(ZY, { ...v, classes: l == null ? void 0 : l.option }),
+          MenuList: (v) => /* @__PURE__ */ T.jsx(UY, { ...v, classes: l == null ? void 0 : l.list })
         }
       }
     );