@dxos/react-ui-searchlist 0.8.1 → 0.8.2-main.10c050d
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/lib/browser/index.mjs +201 -144
- package/dist/lib/browser/index.mjs.map +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +201 -144
- package/dist/lib/node/index.cjs.map +1 -1
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +201 -144
- package/dist/lib/node-esm/index.mjs.map +1 -1
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/composites/PopoverCombobox.d.ts.map +1 -1
- package/dist/types/src/composites/PopoverCombobox.stories.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +8 -7
package/dist/lib/node/index.cjs
CHANGED
|
@@ -34,6 +34,7 @@ __export(node_exports, {
|
|
|
34
34
|
translations: () => translations_default
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(node_exports);
|
|
37
|
+
var import_tracking = require("@preact-signals/safe-react/tracking");
|
|
37
38
|
var import_react = require("@phosphor-icons/react");
|
|
38
39
|
var import_react_context = require("@radix-ui/react-context");
|
|
39
40
|
var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
|
|
@@ -41,6 +42,7 @@ var import_cmdk = require("cmdk");
|
|
|
41
42
|
var import_react2 = __toESM(require("react"));
|
|
42
43
|
var import_react_ui = require("@dxos/react-ui");
|
|
43
44
|
var import_react_ui_theme = require("@dxos/react-ui-theme");
|
|
45
|
+
var import_tracking2 = require("@preact-signals/safe-react/tracking");
|
|
44
46
|
var import_react_use_controllable_state2 = require("@radix-ui/react-use-controllable-state");
|
|
45
47
|
var import_react3 = __toESM(require("react"));
|
|
46
48
|
var import_react_ui2 = require("@dxos/react-ui");
|
|
@@ -50,111 +52,146 @@ var SEARCHLIST_NAME = "SearchList";
|
|
|
50
52
|
var SEARCHLIST_ITEM_NAME = "SearchListItem";
|
|
51
53
|
var [ComboboxProvider, useComboboxContext] = (0, import_react_context.createContext)(COMBOBOX_NAME, {});
|
|
52
54
|
var SearchListRoot = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, ...props }, forwardedRef) => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
56
|
+
try {
|
|
57
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_cmdk.CommandRoot, {
|
|
58
|
+
...props,
|
|
59
|
+
className: (0, import_react_ui_theme.mx)("", classNames),
|
|
60
|
+
ref: forwardedRef
|
|
61
|
+
}, children);
|
|
62
|
+
} finally {
|
|
63
|
+
_effect.f();
|
|
64
|
+
}
|
|
58
65
|
});
|
|
59
66
|
SearchListRoot.displayName = SEARCHLIST_NAME;
|
|
60
67
|
var SearchListInput = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, density: propsDensity, elevation: propsElevation, variant = "subdued", ...props }, forwardedRef) => {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
68
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
69
|
+
try {
|
|
70
|
+
const { hasIosKeyboard } = (0, import_react_ui.useThemeContext)();
|
|
71
|
+
const { tx } = (0, import_react_ui.useThemeContext)();
|
|
72
|
+
const density = (0, import_react_ui.useDensityContext)(propsDensity);
|
|
73
|
+
const elevation = (0, import_react_ui.useElevationContext)(propsElevation);
|
|
74
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_cmdk.CommandInput, {
|
|
75
|
+
...props,
|
|
76
|
+
className: tx("input.input", "input", {
|
|
77
|
+
variant,
|
|
78
|
+
disabled: props.disabled,
|
|
79
|
+
density,
|
|
80
|
+
elevation
|
|
81
|
+
}, classNames),
|
|
82
|
+
...props.autoFocus && !hasIosKeyboard && {
|
|
83
|
+
autoFocus: true
|
|
84
|
+
},
|
|
85
|
+
ref: forwardedRef
|
|
86
|
+
});
|
|
87
|
+
} finally {
|
|
88
|
+
_effect.f();
|
|
89
|
+
}
|
|
78
90
|
});
|
|
79
91
|
var SearchListContent = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, ...props }, forwardedRef) => {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
92
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
93
|
+
try {
|
|
94
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_cmdk.CommandList, {
|
|
95
|
+
...props,
|
|
96
|
+
className: (0, import_react_ui_theme.mx)(classNames),
|
|
97
|
+
ref: forwardedRef
|
|
98
|
+
}, children);
|
|
99
|
+
} finally {
|
|
100
|
+
_effect.f();
|
|
101
|
+
}
|
|
85
102
|
});
|
|
86
103
|
var SearchListEmpty = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, ...props }, forwardedRef) => {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
104
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
105
|
+
try {
|
|
106
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_cmdk.CommandEmpty, {
|
|
107
|
+
...props,
|
|
108
|
+
className: (0, import_react_ui_theme.mx)(classNames),
|
|
109
|
+
ref: forwardedRef
|
|
110
|
+
}, children);
|
|
111
|
+
} finally {
|
|
112
|
+
_effect.f();
|
|
113
|
+
}
|
|
92
114
|
});
|
|
93
115
|
var SearchListItem = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, classNames, onSelect, ...props }, forwardedRef) => {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
onValueChange
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
116
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
117
|
+
try {
|
|
118
|
+
const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);
|
|
119
|
+
const handleSelect = (0, import_react2.useCallback)((nextValue) => {
|
|
120
|
+
onValueChange?.(nextValue);
|
|
121
|
+
onOpenChange?.(false);
|
|
122
|
+
onSelect?.(nextValue);
|
|
123
|
+
}, [
|
|
124
|
+
onValueChange,
|
|
125
|
+
onOpenChange,
|
|
126
|
+
onSelect
|
|
127
|
+
]);
|
|
128
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_cmdk.CommandItem, {
|
|
129
|
+
...props,
|
|
130
|
+
onSelect: handleSelect,
|
|
131
|
+
className: (0, import_react_ui_theme.mx)("p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay", classNames),
|
|
132
|
+
ref: forwardedRef
|
|
133
|
+
}, children);
|
|
134
|
+
} finally {
|
|
135
|
+
_effect.f();
|
|
136
|
+
}
|
|
110
137
|
});
|
|
111
138
|
SearchListItem.displayName = SEARCHLIST_ITEM_NAME;
|
|
112
139
|
var ComboboxRoot = ({ modalId: propsModalId, open: propsOpen, defaultOpen, onOpenChange: propsOnOpenChange, value: propsValue, defaultValue, onValueChange: propsOnValueChange, placeholder, children }) => {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
140
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
141
|
+
try {
|
|
142
|
+
const modalId = (0, import_react_ui.useId)(COMBOBOX_NAME, propsModalId);
|
|
143
|
+
const [open = false, onOpenChange] = (0, import_react_use_controllable_state.useControllableState)({
|
|
144
|
+
prop: propsOpen,
|
|
145
|
+
onChange: propsOnOpenChange,
|
|
146
|
+
defaultProp: defaultOpen
|
|
147
|
+
});
|
|
148
|
+
const [value = "", onValueChange] = (0, import_react_use_controllable_state.useControllableState)({
|
|
149
|
+
prop: propsValue,
|
|
150
|
+
onChange: propsOnValueChange,
|
|
151
|
+
defaultProp: defaultValue
|
|
152
|
+
});
|
|
153
|
+
return /* @__PURE__ */ import_react2.default.createElement(ComboboxProvider, {
|
|
154
|
+
isCombobox: true,
|
|
155
|
+
modalId,
|
|
156
|
+
open,
|
|
157
|
+
onOpenChange,
|
|
158
|
+
value,
|
|
159
|
+
onValueChange,
|
|
160
|
+
placeholder
|
|
161
|
+
}, children);
|
|
162
|
+
} finally {
|
|
163
|
+
_effect.f();
|
|
164
|
+
}
|
|
133
165
|
};
|
|
134
166
|
ComboboxRoot.displayName = COMBOBOX_NAME;
|
|
135
167
|
var ComboboxTrigger = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, onClick, ...props }, forwardedRef) => {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
168
|
+
var _effect = (0, import_tracking.useSignals)();
|
|
169
|
+
try {
|
|
170
|
+
const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);
|
|
171
|
+
const handleClick = (0, import_react2.useCallback)((event) => {
|
|
172
|
+
onClick?.(event);
|
|
173
|
+
onOpenChange?.(true);
|
|
174
|
+
}, [
|
|
175
|
+
onClick,
|
|
176
|
+
onOpenChange
|
|
177
|
+
]);
|
|
178
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
|
|
179
|
+
...props,
|
|
180
|
+
role: "combobox",
|
|
181
|
+
"aria-expanded": open,
|
|
182
|
+
"aria-controls": modalId,
|
|
183
|
+
"aria-haspopup": "dialog",
|
|
184
|
+
onClick: handleClick,
|
|
185
|
+
ref: forwardedRef
|
|
186
|
+
}, children ?? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("span", {
|
|
187
|
+
className: (0, import_react_ui_theme.mx)("font-normal text-start flex-1 min-is-0 truncate mie-2", !value && import_react_ui_theme.staticPlaceholderText)
|
|
188
|
+
}, value || placeholder), /* @__PURE__ */ import_react2.default.createElement(import_react.CaretDown, {
|
|
189
|
+
weight: "bold",
|
|
190
|
+
className: (0, import_react_ui_theme.getSize)(3)
|
|
191
|
+
})));
|
|
192
|
+
} finally {
|
|
193
|
+
_effect.f();
|
|
194
|
+
}
|
|
158
195
|
});
|
|
159
196
|
ComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;
|
|
160
197
|
var SearchList = {
|
|
@@ -170,70 +207,90 @@ var Combobox = {
|
|
|
170
207
|
useComboboxContext
|
|
171
208
|
};
|
|
172
209
|
var PopoverComboboxRoot = ({ modal, children, open: propsOpen, onOpenChange: propsOnOpenChange, defaultOpen, ...props }) => {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
210
|
+
var _effect = (0, import_tracking2.useSignals)();
|
|
211
|
+
try {
|
|
212
|
+
const [open, onOpenChange] = (0, import_react_use_controllable_state2.useControllableState)({
|
|
213
|
+
prop: propsOpen,
|
|
214
|
+
onChange: propsOnOpenChange,
|
|
215
|
+
defaultProp: defaultOpen
|
|
216
|
+
});
|
|
217
|
+
return /* @__PURE__ */ import_react3.default.createElement(Combobox.Root, {
|
|
218
|
+
open,
|
|
219
|
+
onOpenChange,
|
|
220
|
+
...props
|
|
221
|
+
}, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Root, {
|
|
222
|
+
open,
|
|
223
|
+
onOpenChange,
|
|
224
|
+
modal
|
|
225
|
+
}, children));
|
|
226
|
+
} finally {
|
|
227
|
+
_effect.f();
|
|
228
|
+
}
|
|
187
229
|
};
|
|
188
230
|
var POPOVER_COMBOBOX_CONTENT_NAME = "PopoverComboboxContent";
|
|
189
231
|
var PopoverComboboxContent = /* @__PURE__ */ (0, import_react3.forwardRef)(({ side = "bottom", collisionPadding = 48, sideOffset, align, alignOffset, avoidCollisions, collisionBoundary, arrowPadding, sticky, hideWhenDetached, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, forceMount, children, classNames, ...props }, forwardedRef) => {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
232
|
+
var _effect = (0, import_tracking2.useSignals)();
|
|
233
|
+
try {
|
|
234
|
+
const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);
|
|
235
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Content, {
|
|
236
|
+
side,
|
|
237
|
+
sideOffset,
|
|
238
|
+
align,
|
|
239
|
+
alignOffset,
|
|
240
|
+
avoidCollisions,
|
|
241
|
+
collisionBoundary,
|
|
242
|
+
collisionPadding,
|
|
243
|
+
arrowPadding,
|
|
244
|
+
sticky,
|
|
245
|
+
hideWhenDetached,
|
|
246
|
+
onOpenAutoFocus,
|
|
247
|
+
onCloseAutoFocus,
|
|
248
|
+
onEscapeKeyDown,
|
|
249
|
+
onPointerDownOutside,
|
|
250
|
+
onFocusOutside,
|
|
251
|
+
onInteractOutside,
|
|
252
|
+
forceMount,
|
|
253
|
+
classNames,
|
|
254
|
+
id: modalId,
|
|
255
|
+
ref: forwardedRef
|
|
256
|
+
}, /* @__PURE__ */ import_react3.default.createElement(SearchList.Root, {
|
|
257
|
+
...props,
|
|
258
|
+
classNames: "contents",
|
|
259
|
+
role: "none"
|
|
260
|
+
}, children));
|
|
261
|
+
} finally {
|
|
262
|
+
_effect.f();
|
|
263
|
+
}
|
|
217
264
|
});
|
|
218
265
|
PopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;
|
|
219
266
|
var PopoverComboboxTrigger = /* @__PURE__ */ (0, import_react3.forwardRef)((props, forwardedRef) => {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
267
|
+
var _effect = (0, import_tracking2.useSignals)();
|
|
268
|
+
try {
|
|
269
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Trigger, {
|
|
270
|
+
asChild: true
|
|
271
|
+
}, /* @__PURE__ */ import_react3.default.createElement(Combobox.Trigger, {
|
|
272
|
+
...props,
|
|
273
|
+
ref: forwardedRef
|
|
274
|
+
}));
|
|
275
|
+
} finally {
|
|
276
|
+
_effect.f();
|
|
277
|
+
}
|
|
226
278
|
});
|
|
227
279
|
var PopoverComboboxVirtualTrigger = import_react_ui2.Popover.VirtualTrigger;
|
|
228
280
|
var PopoverComboboxInput = SearchList.Input;
|
|
229
281
|
var PopoverComboboxList = /* @__PURE__ */ (0, import_react3.forwardRef)(({ constrainInline, constrainBlock, ...props }, forwardedRef) => {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
282
|
+
var _effect = (0, import_tracking2.useSignals)();
|
|
283
|
+
try {
|
|
284
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Popover.Viewport, {
|
|
285
|
+
constrainInline,
|
|
286
|
+
constrainBlock
|
|
287
|
+
}, /* @__PURE__ */ import_react3.default.createElement(SearchList.Content, {
|
|
288
|
+
...props,
|
|
289
|
+
ref: forwardedRef
|
|
290
|
+
}));
|
|
291
|
+
} finally {
|
|
292
|
+
_effect.f();
|
|
293
|
+
}
|
|
237
294
|
});
|
|
238
295
|
var PopoverComboboxItem = SearchList.Item;
|
|
239
296
|
var PopoverComboboxArrow = import_react_ui2.Popover.Arrow;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/SearchList.tsx", "../../../src/composites/PopoverCombobox.tsx", "../../../src/translations.ts"],
|
|
4
4
|
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { CaretDown } from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CommandEmpty, CommandInput, CommandItem, CommandList, CommandRoot } from 'cmdk';\nimport React, { type ComponentPropsWithRef, forwardRef, type PropsWithChildren, useCallback } from 'react';\n\nimport {\n Button,\n type ButtonProps,\n type TextInputProps,\n type ThemedClassName,\n useDensityContext,\n useElevationContext,\n useId,\n useThemeContext,\n} from '@dxos/react-ui';\nimport { getSize, mx, staticPlaceholderText } from '@dxos/react-ui-theme';\n\ntype SearchListVariant = 'list' | 'menu' | 'listbox';\n\ntype SearchListRootProps = ThemedClassName<ComponentPropsWithRef<typeof CommandRoot>> & {\n variant?: SearchListVariant;\n};\n\ntype ComboboxContextValue = {\n isCombobox: true;\n modalId: string;\n open: boolean;\n onOpenChange: (nextOpen: boolean) => void;\n value: string;\n onValueChange: (nextValue: string) => void;\n placeholder?: string;\n};\n\nconst COMBOBOX_NAME = 'Combobox';\nconst COMBOBOX_TRIGGER_NAME = 'ComboboxTrigger';\nconst SEARCHLIST_NAME = 'SearchList';\nconst SEARCHLIST_ITEM_NAME = 'SearchListItem';\n\nconst [ComboboxProvider, useComboboxContext] = createContext<Partial<ComboboxContextValue>>(COMBOBOX_NAME, {});\n\ntype ComboboxRootProps = PropsWithChildren<\n Partial<ComboboxContextValue & { defaultOpen: boolean; defaultValue: string; placeholder: string }>\n>;\n\nconst SearchListRoot = forwardRef<HTMLDivElement, SearchListRootProps>(\n ({ children, classNames, ...props }, forwardedRef) => {\n return (\n <CommandRoot {...props} className={mx('', classNames)} ref={forwardedRef}>\n {children}\n </CommandRoot>\n );\n },\n);\n\nSearchListRoot.displayName = SEARCHLIST_NAME;\n\ntype CommandInputPrimitiveProps = ComponentPropsWithRef<typeof CommandInput>;\n\n// TODO: Harmonize with other inputs’ `onChange` prop.\ntype SearchListInputProps = Omit<TextInputProps, 'value' | 'defaultValue' | 'onChange'> &\n Pick<CommandInputPrimitiveProps, 'value' | 'onValueChange' | 'defaultValue'>;\n\nconst SearchListInput = forwardRef<HTMLInputElement, SearchListInputProps>(\n (\n { children, classNames, density: propsDensity, elevation: propsElevation, variant = 'subdued', ...props },\n forwardedRef,\n ) => {\n // CHORE(thure): Keep this in-sync with `TextInput`, or submit a PR for `cmdk` to support `asChild` so we don’t have to.\n const { hasIosKeyboard } = useThemeContext();\n const { tx } = useThemeContext();\n const density = useDensityContext(propsDensity);\n const elevation = useElevationContext(propsElevation);\n\n return (\n <CommandInput\n {...props}\n className={tx(\n 'input.input',\n 'input',\n {\n variant,\n disabled: props.disabled,\n density,\n elevation,\n },\n classNames,\n )}\n {...(props.autoFocus && !hasIosKeyboard && { autoFocus: true })}\n ref={forwardedRef}\n />\n );\n },\n);\n\ntype SearchListContentProps = ThemedClassName<ComponentPropsWithRef<typeof CommandList>>;\n\nconst SearchListContent = forwardRef<HTMLDivElement, SearchListContentProps>(\n ({ children, classNames, ...props }, forwardedRef) => {\n return (\n <CommandList {...props} className={mx(classNames)} ref={forwardedRef}>\n {children}\n </CommandList>\n );\n },\n);\n\ntype SearchListEmptyProps = ThemedClassName<ComponentPropsWithRef<typeof CommandEmpty>>;\n\nconst SearchListEmpty = forwardRef<HTMLDivElement, SearchListEmptyProps>(\n ({ children, classNames, ...props }, forwardedRef) => {\n return (\n <CommandEmpty {...props} className={mx(classNames)} ref={forwardedRef}>\n {children}\n </CommandEmpty>\n );\n },\n);\n\ntype SearchListItemProps = ThemedClassName<ComponentPropsWithRef<typeof CommandItem>>;\n\nconst SearchListItem = forwardRef<HTMLDivElement, SearchListItemProps>(\n ({ children, classNames, onSelect, ...props }, forwardedRef) => {\n const { onValueChange, onOpenChange } = useComboboxContext(SEARCHLIST_ITEM_NAME);\n const handleSelect = useCallback(\n (nextValue: string) => {\n onValueChange?.(nextValue);\n onOpenChange?.(false);\n onSelect?.(nextValue);\n },\n [onValueChange, onOpenChange, onSelect],\n );\n return (\n <CommandItem\n {...props}\n onSelect={handleSelect}\n className={mx('p-1 rounded select-none cursor-pointer data-[selected]:bg-hoverOverlay', classNames)}\n ref={forwardedRef}\n >\n {children}\n </CommandItem>\n );\n },\n);\n\nSearchListItem.displayName = SEARCHLIST_ITEM_NAME;\n\nconst ComboboxRoot = ({\n modalId: propsModalId,\n open: propsOpen,\n defaultOpen,\n onOpenChange: propsOnOpenChange,\n value: propsValue,\n defaultValue,\n onValueChange: propsOnValueChange,\n placeholder,\n children,\n}: ComboboxRootProps) => {\n const modalId = useId(COMBOBOX_NAME, propsModalId);\n const [open = false, onOpenChange] = useControllableState({\n prop: propsOpen,\n onChange: propsOnOpenChange,\n defaultProp: defaultOpen,\n });\n const [value = '', onValueChange] = useControllableState({\n prop: propsValue,\n onChange: propsOnValueChange,\n defaultProp: defaultValue,\n });\n return (\n <ComboboxProvider\n isCombobox\n modalId={modalId}\n open={open}\n onOpenChange={onOpenChange}\n value={value}\n onValueChange={onValueChange}\n placeholder={placeholder}\n >\n {children}\n </ComboboxProvider>\n );\n};\n\nComboboxRoot.displayName = COMBOBOX_NAME;\n\ntype ComboboxTriggerProps = ButtonProps;\n\nconst ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n ({ children, onClick, ...props }, forwardedRef) => {\n const { modalId, open, onOpenChange, placeholder, value } = useComboboxContext(COMBOBOX_TRIGGER_NAME);\n const handleClick = useCallback(\n (event: Parameters<Exclude<ButtonProps['onClick'], undefined>>[0]) => {\n onClick?.(event);\n onOpenChange?.(true);\n },\n [onClick, onOpenChange],\n );\n return (\n <Button\n {...props}\n role='combobox'\n aria-expanded={open}\n aria-controls={modalId}\n aria-haspopup='dialog'\n onClick={handleClick}\n ref={forwardedRef}\n >\n {children ?? (\n <>\n <span\n className={mx('font-normal text-start flex-1 min-is-0 truncate mie-2', !value && staticPlaceholderText)}\n >\n {value || placeholder}\n </span>\n <CaretDown weight='bold' className={getSize(3)} />\n </>\n )}\n </Button>\n );\n },\n);\n\nComboboxTrigger.displayName = COMBOBOX_TRIGGER_NAME;\n\nexport const SearchList = {\n Root: SearchListRoot,\n Input: SearchListInput,\n Content: SearchListContent,\n Empty: SearchListEmpty,\n Item: SearchListItem,\n};\n\nexport const Combobox = {\n Root: ComboboxRoot,\n Trigger: ComboboxTrigger,\n useComboboxContext,\n};\n\nexport type {\n SearchListRootProps,\n SearchListInputProps,\n SearchListContentProps,\n SearchListEmptyProps,\n SearchListItemProps,\n ComboboxRootProps,\n ComboboxTriggerProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { forwardRef } from 'react';\n\nimport {\n Popover,\n type PopoverArrowProps,\n type PopoverContentProps,\n type PopoverViewportProps,\n type PopoverVirtualTriggerProps,\n} from '@dxos/react-ui';\n\nimport {\n Combobox,\n type ComboboxRootProps,\n type ComboboxTriggerProps,\n SearchList,\n type SearchListContentProps,\n type SearchListEmptyProps,\n type SearchListInputProps,\n type SearchListItemProps,\n type SearchListRootProps,\n} from '../components';\n\ntype PopoverComboboxRootProps = ComboboxRootProps & { modal?: boolean };\n\nconst PopoverComboboxRoot = ({\n modal,\n children,\n open: propsOpen,\n onOpenChange: propsOnOpenChange,\n defaultOpen,\n ...props\n}: PopoverComboboxRootProps) => {\n const [open, onOpenChange] = useControllableState({\n prop: propsOpen,\n onChange: propsOnOpenChange,\n defaultProp: defaultOpen,\n });\n return (\n <Combobox.Root open={open} onOpenChange={onOpenChange} {...props}>\n <Popover.Root open={open} onOpenChange={onOpenChange} modal={modal}>\n {children}\n </Popover.Root>\n </Combobox.Root>\n );\n};\n\ntype PopoverComboboxContentProps = SearchListRootProps & PopoverContentProps;\n\nconst POPOVER_COMBOBOX_CONTENT_NAME = 'PopoverComboboxContent';\n\nconst PopoverComboboxContent = forwardRef<HTMLDivElement, PopoverComboboxContentProps>(\n (\n {\n side = 'bottom',\n collisionPadding = 48,\n sideOffset,\n align,\n alignOffset,\n avoidCollisions,\n collisionBoundary,\n arrowPadding,\n sticky,\n hideWhenDetached,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n forceMount,\n children,\n classNames,\n ...props\n },\n forwardedRef,\n ) => {\n const { modalId } = Combobox.useComboboxContext(POPOVER_COMBOBOX_CONTENT_NAME);\n return (\n <Popover.Content\n {...{\n side,\n sideOffset,\n align,\n alignOffset,\n avoidCollisions,\n collisionBoundary,\n collisionPadding,\n arrowPadding,\n sticky,\n hideWhenDetached,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n forceMount,\n classNames,\n }}\n id={modalId}\n ref={forwardedRef}\n >\n {/* TODO(thure): This skips over `Command`’s root component, which renders a DOM node probably unnecessarily without supporting `asChild`. */}\n <SearchList.Root {...props} classNames='contents' role='none'>\n {children}\n </SearchList.Root>\n </Popover.Content>\n );\n },\n);\n\nPopoverComboboxContent.displayName = POPOVER_COMBOBOX_CONTENT_NAME;\n\ntype PopoverComboboxTriggerProps = ComboboxTriggerProps;\n\nconst PopoverComboboxTrigger = forwardRef<HTMLButtonElement, PopoverComboboxTriggerProps>((props, forwardedRef) => {\n return (\n <Popover.Trigger asChild>\n <Combobox.Trigger {...props} ref={forwardedRef} />\n </Popover.Trigger>\n );\n});\n\ntype PopoverComboboxVirtualTriggerProps = PopoverVirtualTriggerProps;\n\nconst PopoverComboboxVirtualTrigger = Popover.VirtualTrigger;\n\ntype PopoverComboboxInputProps = SearchListInputProps;\n\nconst PopoverComboboxInput = SearchList.Input;\n\ntype PopoverComboboxListProps = SearchListContentProps &\n Pick<PopoverViewportProps, 'constrainBlock' | 'constrainInline'>;\n\nconst PopoverComboboxList = forwardRef<HTMLDivElement, PopoverComboboxListProps>(\n ({ constrainInline, constrainBlock, ...props }, forwardedRef) => {\n return (\n <Popover.Viewport {...{ constrainInline, constrainBlock }}>\n <SearchList.Content {...props} ref={forwardedRef} />\n </Popover.Viewport>\n );\n },\n);\n\ntype PopoverComboboxItemProps = SearchListItemProps;\n\nconst PopoverComboboxItem = SearchList.Item;\n\ntype PopoverComboboxArrowProps = PopoverArrowProps;\n\nconst PopoverComboboxArrow = Popover.Arrow;\n\ntype PopoverComboboxEmptyProps = SearchListEmptyProps;\n\nconst PopoverComboboxEmpty = SearchList.Empty;\n\nexport const PopoverCombobox = {\n Root: PopoverComboboxRoot,\n Content: PopoverComboboxContent,\n Trigger: PopoverComboboxTrigger,\n VirtualTrigger: PopoverComboboxVirtualTrigger,\n Input: PopoverComboboxInput,\n List: PopoverComboboxList,\n Item: PopoverComboboxItem,\n Arrow: PopoverComboboxArrow,\n Empty: PopoverComboboxEmpty,\n};\n\nexport type {\n PopoverComboboxRootProps,\n PopoverComboboxContentProps,\n PopoverComboboxTriggerProps,\n PopoverComboboxVirtualTriggerProps,\n PopoverComboboxInputProps,\n PopoverComboboxListProps,\n PopoverComboboxItemProps,\n PopoverComboboxArrowProps,\n PopoverComboboxEmptyProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'searchlist';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {},\n },\n },\n];\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["import_react", "import_react_use_controllable_state", "import_react_ui", "COMBOBOX_NAME", "COMBOBOX_TRIGGER_NAME", "SEARCHLIST_NAME", "SEARCHLIST_ITEM_NAME", "ComboboxProvider", "useComboboxContext", "createContext", "SearchListRoot", "forwardRef", "children", "classNames", "props", "forwardedRef", "React", "CommandRoot", "className", "mx", "ref", "displayName", "SearchListInput", "density", "propsDensity", "elevation", "propsElevation", "variant", "hasIosKeyboard", "useThemeContext", "tx", "useDensityContext", "useElevationContext", "CommandInput", "disabled", "autoFocus", "SearchListContent", "CommandList", "SearchListEmpty", "CommandEmpty", "SearchListItem", "onSelect", "onValueChange", "onOpenChange", "handleSelect", "useCallback", "nextValue", "CommandItem", "ComboboxRoot", "modalId", "propsModalId", "open", "propsOpen", "defaultOpen", "propsOnOpenChange", "value", "propsValue", "defaultValue", "propsOnValueChange", "placeholder", "useId", "useControllableState", "prop", "onChange", "defaultProp", "isCombobox", "ComboboxTrigger", "onClick", "handleClick", "event", "Button", "role", "aria-expanded", "aria-controls", "aria-haspopup", "span", "staticPlaceholderText", "CaretDown", "weight", "getSize", "SearchList", "Root", "Input", "Content", "Empty", "Item", "Combobox", "Trigger", "PopoverComboboxRoot", "modal", "Popover", "POPOVER_COMBOBOX_CONTENT_NAME", "PopoverComboboxContent", "side", "collisionPadding", "sideOffset", "align", "alignOffset", "avoidCollisions", "collisionBoundary", "arrowPadding", "sticky", "hideWhenDetached", "onOpenAutoFocus", "onCloseAutoFocus", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "forceMount", "id", "PopoverComboboxTrigger", "asChild", "PopoverComboboxVirtualTrigger", "VirtualTrigger", "PopoverComboboxInput", "PopoverComboboxList", "constrainInline", "constrainBlock", "Viewport", "PopoverComboboxItem", "PopoverComboboxArrow", "Arrow", "PopoverComboboxEmpty", "PopoverCombobox", "List", "translationKey"]
|
|
7
7
|
}
|
package/dist/lib/node/meta.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytes":22477,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytes":488,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/SearchList.tsx","kind":"import-statement","original":"./SearchList"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytes":14686,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"../components"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytes":501,"imports":[{"path":"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx","kind":"import-statement","original":"./PopoverCombobox"}],"format":"esm"},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytes":872,"imports":[],"format":"esm"},"packages/ui/react-ui-searchlist/src/index.ts":{"bytes":785,"imports":[{"path":"packages/ui/react-ui-searchlist/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-searchlist/src/composites/index.ts","kind":"import-statement","original":"./composites"},{"path":"packages/ui/react-ui-searchlist/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20285},"packages/ui/react-ui-searchlist/dist/lib/node/index.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"cmdk","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["Combobox","PopoverCombobox","SearchList","translations"],"entryPoint":"packages/ui/react-ui-searchlist/src/index.ts","inputs":{"packages/ui/react-ui-searchlist/src/components/SearchList.tsx":{"bytesInOutput":5761},"packages/ui/react-ui-searchlist/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/composites/PopoverCombobox.tsx":{"bytesInOutput":3535},"packages/ui/react-ui-searchlist/src/composites/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-searchlist/src/translations.ts":{"bytesInOutput":123}},"bytes":9742}}}
|