reactive-bulma 4.3.1 → 4.3.3

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

@@ -1,51 +1,53 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { parseClasses as y, parseTestId as t } from "../../../functions/parsers.js";
-const a = (e) => e ? "-with-component" : "", g = ({
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { parseClasses as f, parseTestId as c } from "../../../functions/parsers.js";
+const l = (e) => e ? "-with-component" : "", v = ({
   testId: e = null,
-  containerTestId: c = null,
-  cssClasses: o = null,
+  containerTestId: o = null,
+  cssClasses: a = null,
   containerCssClasses: n = null,
   style: d = null,
   containerStyle: i = null,
-  content: s = null,
-  name: r,
-  isDisabled: p = null,
+  label: s = null,
+  isChecked: r,
+  name: h,
+  isDisabled: p = !1,
   onClick: x,
-  onChange: b,
-  onBlur: h
+  onChange: k,
+  onBlur: b
 }) => {
-  const k = y([
+  const u = f([
     "checkbox",
     n
-  ]), u = c ?? t({
+  ]), C = o ?? c({
     tag: "checkbox-container",
-    parsedClasses: a(s)
-  }), m = e ?? t({
+    parsedClasses: l(s)
+  }), m = e ?? c({
     tag: "checkbox",
-    parsedClasses: a(s)
+    parsedClasses: l(s)
   });
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ y(
     "label",
     {
-      "data-testid": u,
-      className: k,
+      "data-testid": C,
+      className: u,
       style: i ?? void 0,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ t(
           "input",
           {
             "data-testid": m,
             type: "checkbox",
-            name: r,
-            className: o ?? void 0,
+            name: h,
+            className: a ?? void 0,
             style: d ?? void 0,
-            disabled: p ?? !1,
+            defaultChecked: r,
+            disabled: p,
             onClick: x,
-            onChange: b,
-            onBlur: h
+            onChange: k,
+            onBlur: b
           }
         ),
-        /* @__PURE__ */ l("p", { style: {
+        /* @__PURE__ */ t("p", { style: {
           display: "inline-block",
           marginLeft: "5px"
         }, children: s })
@@ -54,5 +56,5 @@ const a = (e) => e ? "-with-component" : "", g = ({
   );
 };
 export {
-  g as default
+  v as default
 };

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

@@ -3,4 +3,5 @@ import { default as Checkbox } from '.';
 declare const _default: Meta<typeof Checkbox>;
 export default _default;
 export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
+export declare const Checked: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;
 export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').CheckBoxProps>;

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

@@ -1,7 +1,7 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { useMemo as C } from "react";
-import { parseClasses as B, parseTestId as b } from "../../../functions/parsers.js";
-const h = (d, t) => {
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import { parseClasses as y, parseTestId as C } from "../../../functions/parsers.js";
+const b = (d, t) => {
   const {
     testId: r = null,
     label: e,
@@ -13,7 +13,7 @@ const h = (d, t) => {
     onChange: i,
     onBlur: u
   } = d, c = r ?? `test-radio-button-item-${t}`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ B(
     "label",
     {
       className: "radio",
@@ -32,12 +32,15 @@ const h = (d, t) => {
             onBlur: u
           }
         ),
-        e
+        /* @__PURE__ */ m("p", { style: {
+          display: "inline-block",
+          marginLeft: "5px"
+        }, children: e })
       ]
     },
     t
   );
-}, T = ({
+}, x = ({
   containerTestId: d = null,
   containerCssClasses: t = null,
   containerStyle: r = null,
@@ -47,15 +50,15 @@ const h = (d, t) => {
   onChange: o,
   onBlur: n
 }) => {
-  const l = B([
+  const l = y([
     "control",
     t
-  ]), i = d ?? b({
+  ]), i = d ?? C({
     tag: "container-",
     parsedClasses: l
-  }), u = C(
+  }), u = f(
     () => e.map(
-      (c, p) => h(
+      (c, p) => b(
         {
           ...c,
           name: s,
@@ -79,5 +82,5 @@ const h = (d, t) => {
   );
 };
 export {
-  T as default
+  x as default
 };

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 */
@@ -198,15 +201,17 @@ export interface FileProps extends ComposedElementProps, InteractiveProps, Named
     size?: ElementSizeType;
 }
 export interface CheckBoxProps extends ComposedElementProps, InteractiveOnChangeProps, NamedInputProps {
+    /** `Attribute` Shows the checkbox as checked or unchecked */
+    isChecked?: boolean;
     /** `Attribute` Sets checkbox's text that will be shown next to its control */
-    content?: string;
+    label?: string;
     /** `Attribute` Will disable the checkbox */
     isDisabled?: boolean;
 }
 export interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'>, InteractiveOnChangeProps, NamedInputProps {
-    /** `Attribute` `Required` Sets checkbox's text*/
+    /** `Attribute` `Required` Sets radiobutton's text*/
     label: string;
-    /** `Attribute` Shows the checkbox as checked or unchecked */
+    /** `Attribute` Shows the radiobutton as checked or unchecked */
     isChecked?: boolean;
     /** `Attribute` Will disable the checkbox */
     isDisabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "4.3.1",
+  "version": "4.3.3",
   "type": "module",
   "description": "A component library based on React, Bulma, Typescript and Vite",
   "keywords": [
@@ -102,7 +102,6 @@
     "eslint-plugin-storybook": "^0.11.1",
     "glob": "^11.0.0",
     "globals": "^15.14.0",
-    "husky": "^9.1.7",
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",