@tecsinapse/cortex-react 1.3.0-beta.30 → 1.3.0-beta.32

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

@@ -15,7 +15,7 @@ const Content = ({ children }) => {
     ref,
     onClickOutside: () => setIsOpen(false)
   });
-  return /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white", ref }, children);
+  return /* @__PURE__ */ React.createElement("div", { className: "w-full relative", ref }, children);
 };
 
 exports.Content = Content;

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

@@ -7,10 +7,14 @@ var index = require('../Popover/index.js');
 var context = require('./context.js');
 
 const { button } = cortexCore.selectVariants();
-const SelectTrigger = ({ label, disabled }) => {
+const SelectTrigger = ({
+  label,
+  placeholder,
+  disabled
+}) => {
   const { value, labelExtractor } = React.useContext(context.SelectContext);
-  const placeholder = React.useMemo(() => {
-    if (value?.length === 0 || !value) return label;
+  const _placeholder = React.useMemo(() => {
+    if (value?.length === 0 || !value) return placeholder ?? label;
     if (value?.length === 1) return labelExtractor(value[0]);
     if (value?.length > 1) return `${value.length} items selected`;
     return labelExtractor(value);
@@ -18,11 +22,11 @@ const SelectTrigger = ({ label, disabled }) => {
   return /* @__PURE__ */ React.createElement(index.Popover.Trigger, null, /* @__PURE__ */ React.createElement(
     "button",
     {
-      className: button({ disabled }),
+      className: button({ disabled, className: "bg-white" }),
       disabled,
       role: "button"
     },
-    /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, placeholder),
+    /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, _placeholder),
     /* @__PURE__ */ React.createElement(io5.IoChevronDownOutline, null)
   ));
 };

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

@@ -13,7 +13,7 @@ const Content = ({ children }) => {
     ref,
     onClickOutside: () => setIsOpen(false)
   });
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full relative bg-white", ref }, children);
+  return /* @__PURE__ */ React__default.createElement("div", { className: "w-full relative", ref }, children);
 };
 
 export { Content };

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

@@ -5,10 +5,14 @@ import { Popover } from '../Popover/index.js';
 import { SelectContext } from './context.js';
 
 const { button } = selectVariants();
-const SelectTrigger = ({ label, disabled }) => {
+const SelectTrigger = ({
+  label,
+  placeholder,
+  disabled
+}) => {
   const { value, labelExtractor } = useContext(SelectContext);
-  const placeholder = useMemo(() => {
-    if (value?.length === 0 || !value) return label;
+  const _placeholder = useMemo(() => {
+    if (value?.length === 0 || !value) return placeholder ?? label;
     if (value?.length === 1) return labelExtractor(value[0]);
     if (value?.length > 1) return `${value.length} items selected`;
     return labelExtractor(value);
@@ -16,11 +20,11 @@ const SelectTrigger = ({ label, disabled }) => {
   return /* @__PURE__ */ React__default.createElement(Popover.Trigger, null, /* @__PURE__ */ React__default.createElement(
     "button",
     {
-      className: button({ disabled }),
+      className: button({ disabled, className: "bg-white" }),
       disabled,
       role: "button"
     },
-    /* @__PURE__ */ React__default.createElement("span", { "data-testid": "select-placeholder" }, placeholder),
+    /* @__PURE__ */ React__default.createElement("span", { "data-testid": "select-placeholder" }, _placeholder),
     /* @__PURE__ */ React__default.createElement(IoChevronDownOutline, null)
   ));
 };

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

@@ -1,2 +1,2 @@
 import { SelectTriggerProps } from './types';
-export declare const SelectTrigger: ({ label, disabled }: SelectTriggerProps) => JSX.Element;
+export declare const SelectTrigger: ({ label, placeholder, disabled, }: SelectTriggerProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 export declare const Select: {
     Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./types").SelectRootProps<T>) => JSX.Element;
-    Trigger: ({ label, disabled }: import("./types").SelectTriggerProps) => JSX.Element;
+    Trigger: ({ label, placeholder, disabled, }: 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

@@ -46,5 +46,6 @@ export interface SelectRootProps<T> {
 }
 export interface SelectTriggerProps {
     label: string;
+    placeholder?: string;
     disabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.30",
+  "version": "1.3.0-beta.32",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -43,5 +43,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "f3b68b5b7a140b849035bec7285c888cc1fe3c61"
+  "gitHead": "887cc981e62ebd4903b7d389fdec02d705eda97e"
 }