@tecsinapse/cortex-react 1.4.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,13 +10,15 @@ const { button } = cortexCore.selectVariants();
10
10
  const SelectTrigger = ({
11
11
  label,
12
12
  placeholder,
13
- disabled
13
+ disabled,
14
+ multiLabelSelected
14
15
  }) => {
15
16
  const { value, labelExtractor } = React.useContext(context.SelectContext);
16
17
  const _placeholder = React.useMemo(() => {
17
18
  if (value?.length === 0 || !value) return placeholder ?? label;
18
19
  if (value?.length === 1) return labelExtractor(value[0]);
19
- if (value?.length > 1) return `${value.length} items selected`;
20
+ if (value?.length > 1)
21
+ return multiLabelSelected ? multiLabelSelected(value.length) : `${value.length} items selected`;
20
22
  return labelExtractor(value);
21
23
  }, [label, value]);
22
24
  return /* @__PURE__ */ React.createElement(index.Popover.Trigger, null, /* @__PURE__ */ React.createElement(
@@ -8,13 +8,15 @@ const { button } = selectVariants();
8
8
  const SelectTrigger = ({
9
9
  label,
10
10
  placeholder,
11
- disabled
11
+ disabled,
12
+ multiLabelSelected
12
13
  }) => {
13
14
  const { value, labelExtractor } = useContext(SelectContext);
14
15
  const _placeholder = useMemo(() => {
15
16
  if (value?.length === 0 || !value) return placeholder ?? label;
16
17
  if (value?.length === 1) return labelExtractor(value[0]);
17
- if (value?.length > 1) return `${value.length} items selected`;
18
+ if (value?.length > 1)
19
+ return multiLabelSelected ? multiLabelSelected(value.length) : `${value.length} items selected`;
18
20
  return labelExtractor(value);
19
21
  }, [label, value]);
20
22
  return /* @__PURE__ */ React__default.createElement(Popover.Trigger, null, /* @__PURE__ */ React__default.createElement(
@@ -1,2 +1,2 @@
1
1
  import { SelectTriggerProps } from './types';
2
- export declare const SelectTrigger: ({ label, placeholder, disabled, }: SelectTriggerProps) => JSX.Element;
2
+ export declare const SelectTrigger: ({ label, placeholder, disabled, multiLabelSelected, }: SelectTriggerProps) => JSX.Element;
@@ -1,6 +1,6 @@
1
1
  export declare const Select: {
2
2
  Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./types").SelectRootProps<T>) => JSX.Element;
3
- Trigger: ({ label, placeholder, disabled, }: import("./types").SelectTriggerProps) => JSX.Element;
3
+ Trigger: ({ label, placeholder, disabled, multiLabelSelected, }: import("./types").SelectTriggerProps) => JSX.Element;
4
4
  Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
5
5
  Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
6
6
  GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;
@@ -48,4 +48,5 @@ export interface SelectTriggerProps {
48
48
  label: string;
49
49
  placeholder?: string;
50
50
  disabled?: boolean;
51
+ multiLabelSelected?: (n: number) => string;
51
52
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -43,5 +43,5 @@
43
43
  "react-dom": ">=18.0.0",
44
44
  "tailwind": ">=3.3.0"
45
45
  },
46
- "gitHead": "3ad0df3b05c88748ba583a580f031cb09bea14f0"
46
+ "gitHead": "eef1f226df240fd877f74e279cca9ad99bdfcf12"
47
47
  }