reactive-bulma 4.3.2 → 4.3.3

package/dist/components/atoms/Select/index.js

@@ -1,64 +1,68 @@
 import { jsx as e } from "react/jsx-runtime";
 import { parseClasses as j, parseTestId as k } from "../../../functions/parsers.js";
 const q = ({
-  testId: n = null,
-  containerTestId: a = null,
-  cssClasses: o = null,
+  testId: a = null,
+  containerTestId: o = null,
+  cssClasses: i = null,
   containerCssClasses: d = null,
-  style: i = null,
+  style: u = null,
   containerStyle: c = null,
-  options: u = [],
-  name: r,
-  showOptions: m = 1,
-  isMultiple: s = !1,
-  color: p = null,
-  size: f = null,
-  isRounded: h = null,
-  isHovered: v = null,
-  isFocused: C = null,
-  onClick: S,
+  isDisabled: r,
+  options: p = [],
+  selectedValues: m,
+  name: f,
+  showOptions: v = 1,
+  isMultiple: t = !1,
+  color: S = null,
+  size: h = null,
+  isRounded: $ = null,
+  isHovered: g = null,
+  isFocused: y = null,
+  onClick: C,
   onChange: I,
   onBlur: T
 }) => {
-  const t = j([
+  const s = j([
     "select",
-    p,
-    f,
-    s ? "is-multiple" : null,
-    h ? "is-rounded" : null,
-    v ? "is-hovered" : null,
-    C ? "is-focused" : null,
+    S,
+    h,
+    t ? "is-multiple" : null,
+    $ ? "is-rounded" : null,
+    g ? "is-hovered" : null,
+    y ? "is-focused" : null,
     d
-  ]), l = n ?? k({
+  ]), l = a ?? k({
     tag: "select",
-    parsedClasses: t
-  }), $ = a ?? `${l}-container`;
+    parsedClasses: s
+  }), x = o ?? `${l}-container`;
   return /* @__PURE__ */ e(
     "section",
     {
-      "data-testid": $,
-      className: t,
+      "data-testid": x,
+      className: s,
       style: c ?? void 0,
       children: /* @__PURE__ */ e(
         "select",
         {
           "data-testid": l,
-          className: o ?? void 0,
-          style: i ?? void 0,
-          name: r,
-          multiple: s,
-          size: m,
-          children: u.map(({ id: g, name: x, selected: y }, N) => /* @__PURE__ */ e(
+          className: i ?? void 0,
+          style: u ?? void 0,
+          defaultValue: m,
+          name: f,
+          disabled: r ?? !1,
+          multiple: t,
+          size: v,
+          onClick: C,
+          onChange: I,
+          onBlur: T,
+          children: p.map(({ id: n, name: N }, b) => /* @__PURE__ */ e(
             "option",
             {
-              "data-testid": `${l}-option-${N}`,
-              defaultChecked: y ?? !1,
-              onClick: S,
-              onChange: I,
-              onBlur: T,
-              children: x
+              "data-testid": `${l}-option-${b}`,
+              value: n.toString(),
+              children: N
             },
-            g.toString()
+            `key-option-${n.toString()}`
           ))
         }
       )

package/dist/components/atoms/Select/index.stories.d.ts

@@ -5,5 +5,6 @@ export default _default;
 export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
 export declare const WithOneOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
 export declare const WithSeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
 export declare const ShowsThreeOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
 export declare const FirstOptionsSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;

package/dist/interfaces/atomProps.d.ts

@@ -159,11 +159,14 @@ export interface DeleteProps extends ElementProps, ClickeableProps {
 export interface SelectOption {
     id: string | number;
     name: string;
-    selected?: boolean;
 }
 export interface SelectProps extends ComposedElementProps, InteractiveOnChangeProps, NamedInputProps {
-    /** `Attribute` Indicates the options contained on the select */
+    /** `Attribute` Will disable the input */
+    isDisabled?: boolean;
+    /** `Attribute` Indicates the select contained on the select */
     options?: SelectOption[];
+    /** `Attribute` Will select a different default option if the user provides it. It can be an multiple selection if `isMultiple` is true */
+    selectedValues?: string | string[];
     /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
     showOptions?: number;
     /** `Attribute` Will allow multiple selection */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "type": "module",
   "description": "A component library based on React, Bulma, Typescript and Vite",
   "keywords": [
@@ -41,7 +41,7 @@
     "prettier": "prettier src/**/*.{tsx,ts} --write",
     "prettier:ci": "prettier src/**/*.{tsx,ts} --check",
     "lint-staged": "lint-staged -v",
-    "setup": "npm ci",
+    "setup": "npm ci && husky",
     "compile": "tsc -b",
     "build": "npm run compile && vite build",
     "build:storybook": "storybook build",