@adamosuiteservices/ui 1.9.14 → 2.9.15

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.
@@ -1,4 +1,4 @@
1
- import { ComponentType, ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  /**
3
3
  * Represents a single option in the combobox.
4
4
  */
@@ -54,23 +54,21 @@ type ComboboxClassNames = {
54
54
  */
55
55
  type ComboboxRenderProps = {
56
56
  /**
57
- * Custom renderer for the entire trigger button.
57
+ * Custom renderer for the trigger button component.
58
58
  * @param props.open - Whether the popover is open
59
- * @param props.value - Current selected value(s)
60
- * @param props.displayText - Formatted display text for selected value(s)
59
+ * @param props.value - Current value(s)
60
+ * @param props.displayText - Text to display in trigger
61
61
  * @param props.placeholder - Placeholder text
62
62
  * @param props.hasValue - Whether any value is selected
63
- * @param props.icon - Optional icon component
63
+ * @param props.icon - Optional icon symbol name
64
64
  */
65
65
  trigger?: (props: {
66
66
  open: boolean;
67
67
  value: string | string[];
68
- displayText: string | null;
68
+ displayText: string;
69
69
  placeholder: string;
70
70
  hasValue: boolean;
71
- icon?: ComponentType<{
72
- className?: string;
73
- }>;
71
+ icon?: string;
74
72
  }) => ReactNode;
75
73
  /**
76
74
  * Custom renderer for the trigger dropdown icon.
@@ -149,10 +147,8 @@ type ComboboxProps = Readonly<{
149
147
  searchable?: boolean;
150
148
  /** Allow multiple options to be selected simultaneously */
151
149
  multiple?: boolean;
152
- /** Optional icon component to display in the trigger */
153
- icon?: ComponentType<{
154
- className?: string;
155
- }>;
150
+ /** Optional icon symbol name to display in the trigger */
151
+ icon?: string;
156
152
  /** Controlled value for the combobox. Can be a single value or array of values for multiple selection. */
157
153
  value?: string | string[];
158
154
  /** Callback fired when the selected value changes */
@@ -225,5 +221,5 @@ type ComboboxProps = Readonly<{
225
221
  * />
226
222
  * ```
227
223
  */
228
- declare function Combobox({ searchable, multiple, icon: Icon, value: controlledValue, onValueChange, labels, options, classNames, selectedFeedback, alwaysShowPlaceholder, valuePosition, renders, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
224
+ declare function Combobox({ searchable, multiple, icon, value: controlledValue, onValueChange, labels, options, classNames, selectedFeedback, alwaysShowPlaceholder, valuePosition, renders, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
229
225
  export { Combobox };
@@ -0,0 +1,6 @@
1
+ "use strict";const a=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./index-DoxiiusW.cjs");function x({symbol:t,size:n="24",fill:s=0,weight:e=200,grade:i=0,opticalSize:o=24,className:c,style:r,...u}){const l={fontSize:`${n}px`,fontVariationSettings:`
2
+ 'FILL' ${s},
3
+ 'wght' ${e},
4
+ 'GRAD' ${i},
5
+ 'opsz' ${o}
6
+ `,...r};return a.jsxRuntimeExports.jsx("span",{className:m.cn("material-symbols-outlined",c),style:l,...u,children:t})}exports.Icon=x;
@@ -0,0 +1,36 @@
1
+ import { j as l } from "./jsx-runtime-BzflLqGi.js";
2
+ import { c as p } from "./index-CRiPKpXj.js";
3
+ function x({
4
+ symbol: t,
5
+ size: o = "24",
6
+ fill: s = 0,
7
+ weight: n = 200,
8
+ grade: e = 0,
9
+ opticalSize: i = 24,
10
+ className: r,
11
+ style: a,
12
+ ...m
13
+ }) {
14
+ const c = {
15
+ fontSize: `${o}px`,
16
+ fontVariationSettings: `
17
+ 'FILL' ${s},
18
+ 'wght' ${n},
19
+ 'GRAD' ${e},
20
+ 'opsz' ${i}
21
+ `,
22
+ ...a
23
+ };
24
+ return /* @__PURE__ */ l.jsx(
25
+ "span",
26
+ {
27
+ className: p("material-symbols-outlined", r),
28
+ style: c,
29
+ ...m,
30
+ children: t
31
+ }
32
+ );
33
+ }
34
+ export {
35
+ x as I
36
+ };
package/dist/icon.cjs CHANGED
@@ -1,6 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./index-DoxiiusW.cjs");function p({symbol:t,size:e="24",fill:n=0,weight:o=300,grade:s=0,opticalSize:i=24,className:r,style:c,...l}){const u={fontSize:`${e}px`,fontVariationSettings:`
2
- 'FILL' ${n},
3
- 'wght' ${o},
4
- 'GRAD' ${s},
5
- 'opsz' ${i}
6
- `,...c};return a.jsxRuntimeExports.jsx("span",{className:m.cn("material-symbols-outlined",r),style:u,...l,children:t})}exports.Icon=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-DTx6Y_mx.cjs");exports.Icon=e.Icon;
package/dist/icon.js CHANGED
@@ -1,36 +1,4 @@
1
- import { j as l } from "./jsx-runtime-BzflLqGi.js";
2
- import { c as p } from "./index-CRiPKpXj.js";
3
- function x({
4
- symbol: t,
5
- size: o = "24",
6
- fill: s = 0,
7
- weight: n = 300,
8
- grade: e = 0,
9
- opticalSize: i = 24,
10
- className: r,
11
- style: a,
12
- ...m
13
- }) {
14
- const c = {
15
- fontSize: `${o}px`,
16
- fontVariationSettings: `
17
- 'FILL' ${s},
18
- 'wght' ${n},
19
- 'GRAD' ${e},
20
- 'opsz' ${i}
21
- `,
22
- ...a
23
- };
24
- return /* @__PURE__ */ l.jsx(
25
- "span",
26
- {
27
- className: p("material-symbols-outlined", r),
28
- style: c,
29
- ...m,
30
- children: t
31
- }
32
- );
33
- }
1
+ import { I } from "./icon-DmU_SEHC.js";
34
2
  export {
35
- x as Icon
3
+ I as Icon
36
4
  };