@tecsinapse/cortex-react 1.8.0 → 1.9.0

package/dist/cjs/components/Select/Trigger.js

@@ -11,7 +11,8 @@ const SelectTrigger = ({
   label,
   placeholder,
   disabled,
-  multiLabelSelected
+  multiLabelSelected,
+  ...rest
 }) => {
   const { value, labelExtractor } = React.useContext(context.SelectContext);
   const _placeholder = React.useMemo(() => {
@@ -21,7 +22,18 @@ const SelectTrigger = ({
       return multiLabelSelected ? multiLabelSelected(value.length) : `${value.length} items selected`;
     return labelExtractor(value);
   }, [label, value]);
-  return /* @__PURE__ */ React.createElement(index.Popover.Trigger, null, /* @__PURE__ */ React.createElement("button", { className: button(), disabled, role: "button" }, /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, _placeholder), /* @__PURE__ */ React.createElement(io5.IoChevronDownOutline, null)));
+  const { className } = rest;
+  return /* @__PURE__ */ React.createElement(index.Popover.Trigger, null, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: button({ className }),
+      disabled,
+      role: "button",
+      ...rest
+    },
+    /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, _placeholder),
+    /* @__PURE__ */ React.createElement(io5.IoChevronDownOutline, null)
+  ));
 };
 
 exports.SelectTrigger = SelectTrigger;

package/dist/cjs/components/Stepper/Root.js

@@ -4,7 +4,18 @@ var React = require('react');
 var Node = require('./Node.js');
 
 const Root = ({ segmented = false, children }) => {
-  const [selectedNode, setSelectedNode] = React.useState(null);
+  const initialSelectedIndex = React.useMemo(() => {
+    let initialIndex = null;
+    React.Children.forEach(children, (child, index) => {
+      if (React.isValidElement(child) && child.props.selected) {
+        initialIndex = index;
+      }
+    });
+    return initialIndex;
+  }, [children]);
+  const [selectedNode, setSelectedNode] = React.useState(
+    initialSelectedIndex
+  );
   const childrenCount = React.useMemo(
     () => React.Children.count(children),
     [children]

package/dist/cjs/styles/groupButton.js

@@ -8,7 +8,7 @@ const groupButton = tailwindVariants.tv({
     inactive: "bg-white text-secondary-medium disabled:bg-secondary-light",
     firstButton: "first:rounded-l-mili first:border-r-0",
     lastButton: "last:rounded-r-mili last:border-l-0",
-    container: "flex flex-row flex-1 h-[2rem] w-[500px]",
+    container: "flex flex-row flex-1 h-[2rem] w-fit",
     active: "text-white bg-secondary-medium"
   }
 });

package/dist/esm/components/Select/Trigger.js

@@ -9,7 +9,8 @@ const SelectTrigger = ({
   label,
   placeholder,
   disabled,
-  multiLabelSelected
+  multiLabelSelected,
+  ...rest
 }) => {
   const { value, labelExtractor } = useContext(SelectContext);
   const _placeholder = useMemo(() => {
@@ -19,7 +20,18 @@ const SelectTrigger = ({
       return multiLabelSelected ? multiLabelSelected(value.length) : `${value.length} items selected`;
     return labelExtractor(value);
   }, [label, value]);
-  return /* @__PURE__ */ React__default.createElement(Popover.Trigger, null, /* @__PURE__ */ React__default.createElement("button", { className: button(), disabled, role: "button" }, /* @__PURE__ */ React__default.createElement("span", { "data-testid": "select-placeholder" }, _placeholder), /* @__PURE__ */ React__default.createElement(IoChevronDownOutline, null)));
+  const { className } = rest;
+  return /* @__PURE__ */ React__default.createElement(Popover.Trigger, null, /* @__PURE__ */ React__default.createElement(
+    "button",
+    {
+      className: button({ className }),
+      disabled,
+      role: "button",
+      ...rest
+    },
+    /* @__PURE__ */ React__default.createElement("span", { "data-testid": "select-placeholder" }, _placeholder),
+    /* @__PURE__ */ React__default.createElement(IoChevronDownOutline, null)
+  ));
 };
 
 export { SelectTrigger };

package/dist/esm/components/Stepper/Root.js

@@ -1,8 +1,19 @@
-import React__default, { useState, useMemo, useCallback } from 'react';
+import React__default, { useMemo, useState, useCallback } from 'react';
 import { Node } from './Node.js';
 
 const Root = ({ segmented = false, children }) => {
-  const [selectedNode, setSelectedNode] = useState(null);
+  const initialSelectedIndex = useMemo(() => {
+    let initialIndex = null;
+    React__default.Children.forEach(children, (child, index) => {
+      if (React__default.isValidElement(child) && child.props.selected) {
+        initialIndex = index;
+      }
+    });
+    return initialIndex;
+  }, [children]);
+  const [selectedNode, setSelectedNode] = useState(
+    initialSelectedIndex
+  );
   const childrenCount = useMemo(
     () => React__default.Children.count(children),
     [children]

package/dist/esm/styles/groupButton.js

@@ -6,7 +6,7 @@ const groupButton = tv({
     inactive: "bg-white text-secondary-medium disabled:bg-secondary-light",
     firstButton: "first:rounded-l-mili first:border-r-0",
     lastButton: "last:rounded-r-mili last:border-l-0",
-    container: "flex flex-row flex-1 h-[2rem] w-[500px]",
+    container: "flex flex-row flex-1 h-[2rem] w-fit",
     active: "text-white bg-secondary-medium"
   }
 });

package/dist/types/components/Select/Trigger.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { SelectTriggerProps } from './types';
-export declare const SelectTrigger: ({ label, placeholder, disabled, multiLabelSelected, }: SelectTriggerProps) => JSX.Element;
+export declare const SelectTrigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: SelectTriggerProps) => JSX.Element;

package/dist/types/components/Select/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Select: {
     Root: <T>({ children, value, keyExtractor, labelExtractor, className, }: import("./types").SelectRootProps<T>) => JSX.Element;
-    Trigger: ({ label, placeholder, disabled, multiLabelSelected, }: import("./types").SelectTriggerProps) => JSX.Element;
+    Trigger: ({ label, placeholder, disabled, multiLabelSelected, ...rest }: import("./types").SelectTriggerProps) => JSX.Element;
     Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
     Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
     GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;

package/dist/types/components/Select/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface ContentProps {
     children: ReactNode;
     className?: string;
@@ -46,7 +46,7 @@ export interface SelectRootProps<T> {
     labelExtractor: (value: T) => string;
     className?: string;
 }
-export interface SelectTriggerProps {
+export interface SelectTriggerProps extends HTMLAttributes<HTMLButtonElement> {
     label: string;
     placeholder?: string;
     disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "d2b72d7af61770fae8caacac311af9402b401e01"
+  "gitHead": "d233fba05a9e0c732d30d1da014379a96e9a8a95"
 }