mainstack-design-system 0.3.8 → 0.3.9

package/build/mainstack-design-system.js

@@ -51677,6 +51677,7 @@ const Ub = {
     boxShadow: "none",
     outlineOffset: "0px",
     transition: "all 100ms ease-in-out",
+    cursor: "pointer",
     ":hover": {
       boxShadow: "none",
       cursor: "text",
@@ -51784,61 +51785,75 @@ const Ub = {
   CustomMultiValue: b,
   disabled: x,
   noOptionsMessage: _,
-  fontFamily: T
+  fontFamily: T,
+  openMenuOnFocus: k
 }) => {
-  const k = {}, M = y, L = b;
-  M && (k.Option = M), L && (k.MultiValue = L);
-  const I = Lt(
+  const M = {}, L = y, I = b;
+  L && (M.Option = L), I && (M.MultiValue = I);
+  const E = Lt(
     null
   );
-  return /* @__PURE__ */ Q(v1, { w: "full", fontFamily: T ?? "Degular", fontWeight: 500, children: [
-    e && /* @__PURE__ */ f(
-      dc,
-      {
-        fontSize: "1rem",
-        lineHeight: "1.25rem",
-        fontWeight: 600,
-        fontFamily: T ?? "Degular",
-        letterSpacing: "-0.004rem",
-        mb: "12px",
-        htmlFor: n,
-        color: x ? oe.gray200 : oe.black300,
-        children: e
-      }
-    ),
-    /* @__PURE__ */ f(
-      tie,
-      {
-        isMulti: v,
-        isClearable: v,
-        defaultInputValue: m,
-        value: c,
-        onChange: (E) => {
-          var O;
-          d && (d(E), (O = I == null ? void 0 : I.current) == null || O.blur());
-        },
-        ref: I,
-        onBlur: (E) => l && l(E),
-        components: {
-          ClearIndicator: xI,
-          DropdownIndicator: jb,
-          IndicatorSeparator: kI,
-          MultiValueRemove: SI,
-          // IndicatorsContainer,
-          ...k
-        },
-        id: n,
-        options: p,
-        styles: Ub,
-        name: a,
-        placeholder: i,
-        hideSelectedOptions: g,
-        closeMenuOnSelect: !v,
-        isDisabled: x,
-        noOptionsMessage: () => _ ?? "No options"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ Q(
+    v1,
+    {
+      w: "full",
+      fontFamily: T ?? "Degular",
+      fontWeight: 500,
+      onClick: () => {
+        var O;
+        (O = E == null ? void 0 : E.current) == null || O.focus();
+      },
+      children: [
+        e && /* @__PURE__ */ f(
+          dc,
+          {
+            fontSize: "1rem",
+            lineHeight: "1.25rem",
+            fontWeight: 600,
+            fontFamily: T ?? "Degular",
+            letterSpacing: "-0.004rem",
+            mb: "12px",
+            htmlFor: n,
+            color: x ? oe.gray200 : oe.black300,
+            children: e
+          }
+        ),
+        /* @__PURE__ */ f(
+          tie,
+          {
+            isMulti: v,
+            isClearable: v,
+            defaultInputValue: m,
+            value: c,
+            onChange: (O) => {
+              var P;
+              d && (d(O), (P = E == null ? void 0 : E.current) == null || P.blur());
+            },
+            ref: E,
+            onBlur: (O) => l && l(O),
+            components: {
+              ClearIndicator: xI,
+              DropdownIndicator: jb,
+              IndicatorSeparator: kI,
+              MultiValueRemove: SI,
+              // IndicatorsContainer,
+              ...M
+            },
+            id: n,
+            options: p,
+            styles: Ub,
+            name: a,
+            placeholder: i,
+            hideSelectedOptions: g,
+            closeMenuOnSelect: !v,
+            isDisabled: x,
+            noOptionsMessage: () => _ ?? "No options",
+            openMenuOnFocus: k
+          }
+        )
+      ]
+    }
+  );
 }, $9e = ({
   label: e,
   id: n,

package/build/src/components/InputFields/SelectInput/SelectInput.d.ts

@@ -23,7 +23,8 @@ export interface ISelectInputProps {
     disabled?: boolean;
     noOptionsMessage?: string;
     fontFamily?: string;
+    openMenuOnFocus?: boolean;
 }
 export declare const DropdownIndicator: (props: DropdownIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, noOptionsMessage, fontFamily, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, noOptionsMessage, fontFamily, openMenuOnFocus, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CreatableSelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, disabled, noOptionsMessage, fontFamily, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/src/index.d.ts",
@@ -108,4 +108,4 @@
     "url": "https://github.com/The-Mainstack/mainstack-design-system/issues"
   },
   "homepage": "https://github.com/The-Mainstack/mainstack-design-system#readme"
-}
+}