framepexls-ui-lib 0.3.25 → 0.3.26
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.
- package/dist/ComboSelect.d.mts +2 -1
- package/dist/ComboSelect.d.ts +2 -1
- package/dist/ComboSelect.js +4 -3
- package/dist/ComboSelect.mjs +4 -3
- package/package.json +1 -1
package/dist/ComboSelect.d.mts
CHANGED
|
@@ -38,7 +38,8 @@ type ComboSelectProps = {
|
|
|
38
38
|
renderTags?: React__default.ReactNode;
|
|
39
39
|
interactiveOptions?: boolean;
|
|
40
40
|
onQueryChange?: (q: string) => void;
|
|
41
|
+
showAvatar?: boolean;
|
|
41
42
|
};
|
|
42
|
-
declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
|
|
43
|
+
declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
|
|
43
44
|
|
|
44
45
|
export { type ComboOption, type ComboSection, type ComboSelectProps, ComboSelect as default };
|
package/dist/ComboSelect.d.ts
CHANGED
|
@@ -38,7 +38,8 @@ type ComboSelectProps = {
|
|
|
38
38
|
renderTags?: React__default.ReactNode;
|
|
39
39
|
interactiveOptions?: boolean;
|
|
40
40
|
onQueryChange?: (q: string) => void;
|
|
41
|
+
showAvatar?: boolean;
|
|
41
42
|
};
|
|
42
|
-
declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
|
|
43
|
+
declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
|
|
43
44
|
|
|
44
45
|
export { type ComboOption, type ComboSection, type ComboSelectProps, ComboSelect as default };
|
package/dist/ComboSelect.js
CHANGED
|
@@ -69,7 +69,8 @@ function ComboSelect({
|
|
|
69
69
|
clearQueryOnSelect = true,
|
|
70
70
|
renderTags,
|
|
71
71
|
interactiveOptions = false,
|
|
72
|
-
onQueryChange
|
|
72
|
+
onQueryChange,
|
|
73
|
+
showAvatar = true
|
|
73
74
|
}) {
|
|
74
75
|
var _a;
|
|
75
76
|
const [query, _setQuery] = import_react.default.useState("");
|
|
@@ -271,8 +272,8 @@ function ComboSelect({
|
|
|
271
272
|
isActive ? "bg-slate-50 dark:bg-slate-900/50 dark:border-rose-400/80" : "hover:bg-slate-50 dark:hover:bg-slate-900/35"
|
|
272
273
|
),
|
|
273
274
|
children: [
|
|
274
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex items-center gap-3", children: [
|
|
275
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
275
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cx("min-w-0 flex items-center gap-3", !showAvatar && "pl-1"), children: [
|
|
276
|
+
showAvatar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
276
277
|
import_AvatarSquare.default,
|
|
277
278
|
{
|
|
278
279
|
size: 40,
|
package/dist/ComboSelect.mjs
CHANGED
|
@@ -36,7 +36,8 @@ function ComboSelect({
|
|
|
36
36
|
clearQueryOnSelect = true,
|
|
37
37
|
renderTags,
|
|
38
38
|
interactiveOptions = false,
|
|
39
|
-
onQueryChange
|
|
39
|
+
onQueryChange,
|
|
40
|
+
showAvatar = true
|
|
40
41
|
}) {
|
|
41
42
|
var _a;
|
|
42
43
|
const [query, _setQuery] = React.useState("");
|
|
@@ -238,8 +239,8 @@ function ComboSelect({
|
|
|
238
239
|
isActive ? "bg-slate-50 dark:bg-slate-900/50 dark:border-rose-400/80" : "hover:bg-slate-50 dark:hover:bg-slate-900/35"
|
|
239
240
|
),
|
|
240
241
|
children: [
|
|
241
|
-
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex items-center gap-3", children: [
|
|
242
|
-
/* @__PURE__ */ jsx(
|
|
242
|
+
/* @__PURE__ */ jsxs("div", { className: cx("min-w-0 flex items-center gap-3", !showAvatar && "pl-1"), children: [
|
|
243
|
+
showAvatar && /* @__PURE__ */ jsx(
|
|
243
244
|
AvatarSquare,
|
|
244
245
|
{
|
|
245
246
|
size: 40,
|