reactive-bulma 4.3.2 → 4.3.4

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

@@ -12,8 +12,8 @@ const j = ({
   isReadonly: o = !1,
   color: r = null,
   size: p = null,
-  isRounded: f = null,
-  isHovered: c = null,
+  isRounded: c = null,
+  isHovered: f = null,
   isFocused: m = null,
   onClick: v,
   onChange: C,
@@ -23,8 +23,8 @@ const j = ({
     "input",
     r,
     p,
-    f ? "is-rounded" : null,
-    c ? "is-hovered" : null,
+    c ? "is-rounded" : null,
+    f ? "is-hovered" : null,
     m ? "is-focused" : null,
     e
   ]), h = s ?? T({
@@ -37,7 +37,7 @@ const j = ({
       "data-testid": h,
       type: u,
       placeholder: d ?? void 0,
-      defaultValue: t ?? void 0,
+      value: t ?? void 0,
       name: a,
       disabled: i,
       readOnly: o,

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,
+const w = ({
+  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,
+  isDisabled: r,
+  options: p = [],
+  selectedValues: m,
+  name: f,
+  showOptions: v = 1,
   isMultiple: s = !1,
-  color: p = null,
-  size: f = null,
-  isRounded: h = null,
-  isHovered: v = null,
-  isFocused: C = null,
-  onClick: S,
+  color: S = null,
+  size: h = null,
+  isRounded: $ = null,
+  isHovered: g = null,
+  isFocused: y = null,
+  onClick: C,
   onChange: I,
   onBlur: T
 }) => {
   const t = j([
     "select",
-    p,
-    f,
+    S,
+    h,
     s ? "is-multiple" : null,
-    h ? "is-rounded" : null,
-    v ? "is-hovered" : null,
-    C ? "is-focused" : 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`;
+  }), x = o ?? `${l}-container`;
   return /* @__PURE__ */ e(
     "section",
     {
-      "data-testid": $,
+      "data-testid": x,
       className: t,
       style: c ?? void 0,
       children: /* @__PURE__ */ e(
         "select",
         {
           "data-testid": l,
-          className: o ?? void 0,
-          style: i ?? void 0,
-          name: r,
+          className: i ?? void 0,
+          style: u ?? void 0,
+          value: m,
+          name: f,
+          disabled: r ?? !1,
           multiple: s,
-          size: m,
-          children: u.map(({ id: g, name: x, selected: y }, N) => /* @__PURE__ */ e(
+          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()}`
           ))
         }
       )
@@ -66,5 +70,5 @@ const q = ({
   );
 };
 export {
-  q as default
+  w as default
 };

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/components/atoms/TextArea/index.js

@@ -7,16 +7,16 @@ const E = ({
   value: t = null,
   name: r,
   cols: n = null,
-  rows: u = null,
-  isDisabled: o = !1,
+  rows: o = null,
+  isDisabled: u = !1,
   isReadonly: d = !1,
   isFixedSize: i = !1,
   color: x = null,
   size: p = null,
   isHovered: c = null,
   isFocused: f = null,
-  onClick: m = null,
-  onChange: v = null
+  onClick: v = null,
+  onChange: m = null
 }) => {
   const e = h([
     "textarea",
@@ -44,16 +44,16 @@ const E = ({
     "textarea",
     {
       "data-testid": g,
-      defaultValue: t ?? void 0,
+      value: t ?? void 0,
       name: r,
       cols: n ?? void 0,
-      rows: u ?? void 0,
-      disabled: o,
+      rows: o ?? void 0,
+      disabled: u,
       readOnly: d,
       className: e,
       style: a ?? void 0,
-      onClick: m ?? void 0,
-      onChange: v ?? void 0
+      onClick: v ?? void 0,
+      onChange: m ?? void 0
     }
   );
 };

package/dist/components/molecules/NavBarBrand/index.js

@@ -1,36 +1,35 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { parseClasses as n, parseTestId as t } from "../../../functions/parsers.js";
 import "react";
-import b from "../../atoms/Image/index.js";
-import B from "../../atoms/NavBarItem/index.js";
-const x = ({
+import b from "../../atoms/NavBarItem/index.js";
+const C = ({
   testId: d = null,
   cssClasses: l = null,
   style: i = null,
   brandConfig: o,
-  isBurgerActive: m = !1
+  isBurgerActive: u = !1
 }) => {
-  const r = n(["navbar-brand", l]), u = d ?? t({ tag: "navbar-brand", parsedClasses: r }), e = n([
+  const r = n(["navbar-brand", l]), c = d ?? t({ tag: "navbar-brand", parsedClasses: r }), s = n([
     "navbar-burger",
-    m ? "is-active" : null
-  ]), c = t({
+    u ? "is-active" : null
+  ]), p = t({
     tag: "navbar-burger",
-    parsedClasses: e
-  }), { children: p, ...v } = o;
-  return /* @__PURE__ */ s(
+    parsedClasses: s
+  }), { children: m, ...v } = o;
+  return /* @__PURE__ */ e(
     "section",
     {
-      "data-testid": u,
+      "data-testid": c,
       className: r,
       style: i ?? void 0,
       children: [
-        /* @__PURE__ */ a(B, { ...v, children: /* @__PURE__ */ a(b, { ...p }) }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(b, { ...v, children: m }),
+        /* @__PURE__ */ e(
           "a",
           {
             role: "button",
-            "data-testid": c,
-            className: e,
+            "data-testid": p,
+            className: s,
             "aria-label": "menu",
             "aria-expanded": "false",
             children: [
@@ -45,5 +44,5 @@ const x = ({
   );
 };
 export {
-  x as default
+  C as default
 };

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/dist/interfaces/commonProps.d.ts

@@ -16,17 +16,17 @@ export interface ElementProps {
 }
 export interface ComposedElementProps extends ElementProps, ContainerProps {
 }
-export interface ClickeableProps {
+export interface ClickeableProps<ElementType = Element, EventType = MouseEvent> {
     /** `Function` Reffers to each time the user click the element. Alone does not nothing, but can be reused for other components */
-    onClick?: (event: React.MouseEvent) => void;
+    onClick?: (event: React.MouseEvent<ElementType, EventType>) => void;
 }
-export interface ChangeableProps {
+export interface ChangeableProps<ElementType = Element> {
     /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
-    onChange?: (event: React.ChangeEvent) => void;
+    onChange?: (event: React.ChangeEvent<ElementType>) => void;
 }
-export interface BlureableProps {
+export interface BlureableProps<ElementType = Element, RelatedTargetType = Element> {
     /** `Function` Reffers to each time the user focus out the element. Alone does not nothing, but can be reused for other components */
-    onBlur?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent<ElementType, RelatedTargetType>) => void;
 }
 export interface InteractiveProps extends ClickeableProps, ChangeableProps, BlureableProps {
 }

package/dist/interfaces/moleculeProps.d.ts

@@ -1,5 +1,5 @@
 import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
-import { BreadcrumbItemProps, ButtonProps, CheckBoxProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, RadioButtonProps, SelectProps, TabItemProps, TableCellProps, TableHeadCellProps, TextAreaProps } from './atomProps';
+import { BreadcrumbItemProps, ButtonProps, CheckBoxProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, RadioButtonProps, SelectProps, TabItemProps, TableCellProps, TableHeadCellProps, TextAreaProps } from './atomProps';
 import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType, RightLeftAlignType } from '../types/styleTypes';
 import { ChildrenType, SingleChildType, PanelBlockItemType } from '../types/domTypes';
 export interface ButtonGroupProps extends ElementProps {
@@ -210,7 +210,7 @@ export interface NavBarDropdownProps extends ComposedElementProps {
     hasBoxedMenu?: boolean;
 }
 interface BrandConfigProps extends Omit<NavBarItemProps, 'children'> {
-    children: ImageProps;
+    children: SingleChildType;
 }
 export interface NavBarBrandProps extends ElementProps {
     /** `Attribute` `Required` Configuration object to inject a `NavBarItem` with a Image configuration as its children */

package/dist/types/domTypes.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 export type ButtonType = 'submit' | 'reset' | 'button';
-export type InputType = 'text' | 'password' | 'email' | 'tel' | 'number';
+export type InputType = 'text' | 'password' | 'email' | 'tel' | 'number' | 'date';
 export type DropdownItemType = 'item' | 'link' | 'divider';
 export type PanelBlockItemType = 'icon' | 'control' | 'button';
 export type ChildrenType = string | React.ReactElement | React.ReactElement[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "4.3.2",
+  "version": "4.3.4",
   "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",
@@ -88,15 +88,15 @@
     "@types/node": "^22.10.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/eslint-plugin": "^8.18.1",
-    "@typescript-eslint/parser": "^8.18.1",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
     "@vitejs/plugin-react": "^4.3.4",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.2.1",
     "bulma": "^0.9.4",
     "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.11.1",
@@ -105,8 +105,8 @@
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.11",
-    "npm-check-updates": "^17.1.12",
+    "lint-staged": "^15.3.0",
+    "npm-check-updates": "^17.1.13",
     "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -114,8 +114,8 @@
     "storybook": "^8.4.7",
     "tslib": "^2.8.1",
     "typescript": "~5.7.2",
-    "typescript-eslint": "^8.18.1",
-    "vite": "^6.0.5",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.6",
     "vite-plugin-dts": "^4.4.0"
   },
   "lint-staged": {