@elaraai/east-ui 0.0.1-beta.3 → 0.0.1-beta.5
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/README.md +3 -2
- package/dist/src/buttons/button/index.d.ts +57 -0
- package/dist/src/buttons/button/index.d.ts.map +1 -1
- package/dist/src/buttons/button/index.js +57 -0
- package/dist/src/buttons/button/index.js.map +1 -1
- package/dist/src/buttons/icon-button/index.d.ts +62 -0
- package/dist/src/buttons/icon-button/index.d.ts.map +1 -1
- package/dist/src/buttons/icon-button/index.js +62 -0
- package/dist/src/buttons/icon-button/index.js.map +1 -1
- package/dist/src/charts/index.d.ts +603 -18
- package/dist/src/charts/index.d.ts.map +1 -1
- package/dist/src/charts/index.js +603 -20
- package/dist/src/charts/index.js.map +1 -1
- package/dist/src/charts/sparkline/index.d.ts +47 -0
- package/dist/src/charts/sparkline/index.d.ts.map +1 -1
- package/dist/src/charts/sparkline/index.js +47 -0
- package/dist/src/charts/sparkline/index.js.map +1 -1
- package/dist/src/collections/data-list/index.d.ts +89 -0
- package/dist/src/collections/data-list/index.d.ts.map +1 -1
- package/dist/src/collections/data-list/index.js +89 -0
- package/dist/src/collections/data-list/index.js.map +1 -1
- package/dist/src/collections/gantt/index.d.ts +692 -4
- package/dist/src/collections/gantt/index.d.ts.map +1 -1
- package/dist/src/collections/gantt/index.js +177 -4
- package/dist/src/collections/gantt/index.js.map +1 -1
- package/dist/src/collections/table/index.d.ts +511 -0
- package/dist/src/collections/table/index.d.ts.map +1 -1
- package/dist/src/collections/table/index.js +99 -0
- package/dist/src/collections/table/index.js.map +1 -1
- package/dist/src/collections/tree-view/index.d.ts +170 -0
- package/dist/src/collections/tree-view/index.d.ts.map +1 -1
- package/dist/src/collections/tree-view/index.js +170 -0
- package/dist/src/collections/tree-view/index.js.map +1 -1
- package/dist/src/component.d.ts +103 -0
- package/dist/src/component.d.ts.map +1 -1
- package/dist/src/component.js +15 -1
- package/dist/src/component.js.map +1 -1
- package/dist/src/container/card/index.d.ts +266 -0
- package/dist/src/container/card/index.d.ts.map +1 -1
- package/dist/src/container/card/index.js +60 -0
- package/dist/src/container/card/index.js.map +1 -1
- package/dist/src/disclosure/accordion/index.d.ts +495 -0
- package/dist/src/disclosure/accordion/index.d.ts.map +1 -1
- package/dist/src/disclosure/accordion/index.js +83 -0
- package/dist/src/disclosure/accordion/index.js.map +1 -1
- package/dist/src/disclosure/carousel/index.d.ts +266 -4
- package/dist/src/disclosure/carousel/index.d.ts.map +1 -1
- package/dist/src/disclosure/carousel/index.js +60 -4
- package/dist/src/disclosure/carousel/index.js.map +1 -1
- package/dist/src/disclosure/tabs/index.d.ts +591 -0
- package/dist/src/disclosure/tabs/index.d.ts.map +1 -1
- package/dist/src/disclosure/tabs/index.js +179 -0
- package/dist/src/disclosure/tabs/index.js.map +1 -1
- package/dist/src/display/avatar/index.d.ts +35 -0
- package/dist/src/display/avatar/index.d.ts.map +1 -1
- package/dist/src/display/avatar/index.js +35 -0
- package/dist/src/display/avatar/index.js.map +1 -1
- package/dist/src/display/badge/index.d.ts +35 -0
- package/dist/src/display/badge/index.d.ts.map +1 -1
- package/dist/src/display/badge/index.js +35 -0
- package/dist/src/display/badge/index.js.map +1 -1
- package/dist/src/display/icon/index.d.ts +78 -6
- package/dist/src/display/icon/index.d.ts.map +1 -1
- package/dist/src/display/icon/index.js +78 -6
- package/dist/src/display/icon/index.js.map +1 -1
- package/dist/src/display/stat/index.d.ts +67 -2
- package/dist/src/display/stat/index.d.ts.map +1 -1
- package/dist/src/display/stat/index.js +68 -3
- package/dist/src/display/stat/index.js.map +1 -1
- package/dist/src/display/tag/index.d.ts +48 -0
- package/dist/src/display/tag/index.d.ts.map +1 -1
- package/dist/src/display/tag/index.js +48 -0
- package/dist/src/display/tag/index.js.map +1 -1
- package/dist/src/feedback/alert/index.d.ts +64 -0
- package/dist/src/feedback/alert/index.d.ts.map +1 -1
- package/dist/src/feedback/alert/index.js +64 -0
- package/dist/src/feedback/alert/index.js.map +1 -1
- package/dist/src/feedback/progress/index.d.ts +54 -0
- package/dist/src/feedback/progress/index.d.ts.map +1 -1
- package/dist/src/feedback/progress/index.js +54 -0
- package/dist/src/feedback/progress/index.js.map +1 -1
- package/dist/src/forms/checkbox/index.d.ts +38 -0
- package/dist/src/forms/checkbox/index.d.ts.map +1 -1
- package/dist/src/forms/checkbox/index.js +38 -0
- package/dist/src/forms/checkbox/index.js.map +1 -1
- package/dist/src/forms/field/index.d.ts +248 -0
- package/dist/src/forms/field/index.d.ts.map +1 -1
- package/dist/src/forms/field/index.js +42 -0
- package/dist/src/forms/field/index.js.map +1 -1
- package/dist/src/forms/fieldset/index.d.ts +30 -3
- package/dist/src/forms/fieldset/index.d.ts.map +1 -1
- package/dist/src/forms/fieldset/index.js +30 -3
- package/dist/src/forms/fieldset/index.js.map +1 -1
- package/dist/src/forms/file-upload/index.d.ts +48 -4
- package/dist/src/forms/file-upload/index.d.ts.map +1 -1
- package/dist/src/forms/file-upload/index.js +48 -4
- package/dist/src/forms/file-upload/index.js.map +1 -1
- package/dist/src/forms/input/index.d.ts +93 -14
- package/dist/src/forms/input/index.d.ts.map +1 -1
- package/dist/src/forms/input/index.js +93 -14
- package/dist/src/forms/input/index.js.map +1 -1
- package/dist/src/forms/select/index.d.ts +10 -6
- package/dist/src/forms/select/index.d.ts.map +1 -1
- package/dist/src/forms/select/index.js +10 -6
- package/dist/src/forms/select/index.js.map +1 -1
- package/dist/src/forms/slider/index.d.ts +15 -0
- package/dist/src/forms/slider/index.d.ts.map +1 -1
- package/dist/src/forms/slider/index.js +15 -0
- package/dist/src/forms/slider/index.js.map +1 -1
- package/dist/src/forms/switch/index.d.ts +20 -0
- package/dist/src/forms/switch/index.d.ts.map +1 -1
- package/dist/src/forms/switch/index.js +20 -0
- package/dist/src/forms/switch/index.js.map +1 -1
- package/dist/src/forms/tags-input/index.d.ts +33 -4
- package/dist/src/forms/tags-input/index.d.ts.map +1 -1
- package/dist/src/forms/tags-input/index.js +33 -4
- package/dist/src/forms/tags-input/index.js.map +1 -1
- package/dist/src/forms/textarea/index.d.ts +36 -4
- package/dist/src/forms/textarea/index.d.ts.map +1 -1
- package/dist/src/forms/textarea/index.js +36 -4
- package/dist/src/forms/textarea/index.js.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/layout/box/index.d.ts +341 -0
- package/dist/src/layout/box/index.d.ts.map +1 -1
- package/dist/src/layout/box/index.js +135 -0
- package/dist/src/layout/box/index.js.map +1 -1
- package/dist/src/layout/grid/index.d.ts +515 -0
- package/dist/src/layout/grid/index.d.ts.map +1 -1
- package/dist/src/layout/grid/index.js +103 -0
- package/dist/src/layout/grid/index.js.map +1 -1
- package/dist/src/layout/separator/index.d.ts +41 -0
- package/dist/src/layout/separator/index.d.ts.map +1 -1
- package/dist/src/layout/separator/index.js +41 -0
- package/dist/src/layout/separator/index.js.map +1 -1
- package/dist/src/layout/splitter/index.d.ts +504 -0
- package/dist/src/layout/splitter/index.d.ts.map +1 -1
- package/dist/src/layout/splitter/index.js +92 -0
- package/dist/src/layout/splitter/index.js.map +1 -1
- package/dist/src/layout/stack/index.d.ts +364 -0
- package/dist/src/layout/stack/index.d.ts.map +1 -1
- package/dist/src/layout/stack/index.js +158 -0
- package/dist/src/layout/stack/index.js.map +1 -1
- package/dist/src/overlays/action-bar/index.d.ts +105 -0
- package/dist/src/overlays/action-bar/index.d.ts.map +1 -1
- package/dist/src/overlays/action-bar/index.js +105 -0
- package/dist/src/overlays/action-bar/index.js.map +1 -1
- package/dist/src/overlays/dialog/index.d.ts +500 -0
- package/dist/src/overlays/dialog/index.d.ts.map +1 -1
- package/dist/src/overlays/dialog/index.js +88 -0
- package/dist/src/overlays/dialog/index.js.map +1 -1
- package/dist/src/overlays/drawer/index.d.ts +476 -0
- package/dist/src/overlays/drawer/index.d.ts.map +1 -1
- package/dist/src/overlays/drawer/index.js +64 -0
- package/dist/src/overlays/drawer/index.js.map +1 -1
- package/dist/src/overlays/hover-card/index.d.ts +489 -0
- package/dist/src/overlays/hover-card/index.d.ts.map +1 -1
- package/dist/src/overlays/hover-card/index.js +77 -0
- package/dist/src/overlays/hover-card/index.js.map +1 -1
- package/dist/src/overlays/menu/index.d.ts +338 -8
- package/dist/src/overlays/menu/index.d.ts.map +1 -1
- package/dist/src/overlays/menu/index.js +132 -8
- package/dist/src/overlays/menu/index.js.map +1 -1
- package/dist/src/overlays/popover/index.d.ts +496 -0
- package/dist/src/overlays/popover/index.d.ts.map +1 -1
- package/dist/src/overlays/popover/index.js +84 -0
- package/dist/src/overlays/popover/index.js.map +1 -1
- package/dist/src/overlays/toggle-tip/index.d.ts +273 -0
- package/dist/src/overlays/toggle-tip/index.d.ts.map +1 -1
- package/dist/src/overlays/toggle-tip/index.js +67 -0
- package/dist/src/overlays/toggle-tip/index.js.map +1 -1
- package/dist/src/overlays/tooltip/index.d.ts +284 -0
- package/dist/src/overlays/tooltip/index.d.ts.map +1 -1
- package/dist/src/overlays/tooltip/index.js +78 -0
- package/dist/src/overlays/tooltip/index.js.map +1 -1
- package/dist/src/typography/code/index.d.ts +61 -0
- package/dist/src/typography/code/index.d.ts.map +1 -0
- package/dist/src/typography/code/index.js +65 -0
- package/dist/src/typography/code/index.js.map +1 -0
- package/dist/src/typography/code/types.d.ts +56 -0
- package/dist/src/typography/code/types.d.ts.map +1 -0
- package/dist/src/typography/code/types.js +39 -0
- package/dist/src/typography/code/types.js.map +1 -0
- package/dist/src/typography/code-block/index.d.ts +86 -0
- package/dist/src/typography/code-block/index.d.ts.map +1 -0
- package/dist/src/typography/code-block/index.js +78 -0
- package/dist/src/typography/code-block/index.js.map +1 -0
- package/dist/src/typography/code-block/types.d.ts +100 -0
- package/dist/src/typography/code-block/types.d.ts.map +1 -0
- package/dist/src/typography/code-block/types.js +70 -0
- package/dist/src/typography/code-block/types.js.map +1 -0
- package/dist/src/typography/heading/index.d.ts +92 -0
- package/dist/src/typography/heading/index.d.ts.map +1 -0
- package/dist/src/typography/heading/index.js +73 -0
- package/dist/src/typography/heading/index.js.map +1 -0
- package/dist/src/typography/heading/types.d.ts +108 -0
- package/dist/src/typography/heading/types.d.ts.map +1 -0
- package/dist/src/typography/heading/types.js +76 -0
- package/dist/src/typography/heading/types.js.map +1 -0
- package/dist/src/typography/highlight/index.d.ts +48 -0
- package/dist/src/typography/highlight/index.d.ts.map +1 -0
- package/dist/src/typography/highlight/index.js +60 -0
- package/dist/src/typography/highlight/index.js.map +1 -0
- package/dist/src/typography/highlight/types.d.ts +26 -0
- package/dist/src/typography/highlight/types.d.ts.map +1 -0
- package/dist/src/typography/highlight/types.js +21 -0
- package/dist/src/typography/highlight/types.js.map +1 -0
- package/dist/src/typography/index.d.ts +16 -120
- package/dist/src/typography/index.d.ts.map +1 -1
- package/dist/src/typography/index.js +24 -128
- package/dist/src/typography/index.js.map +1 -1
- package/dist/src/typography/link/index.d.ts +56 -0
- package/dist/src/typography/link/index.d.ts.map +1 -0
- package/dist/src/typography/link/index.js +66 -0
- package/dist/src/typography/link/index.js.map +1 -0
- package/dist/src/typography/link/types.d.ts +49 -0
- package/dist/src/typography/link/types.d.ts.map +1 -0
- package/dist/src/typography/link/types.js +38 -0
- package/dist/src/typography/link/types.js.map +1 -0
- package/dist/src/typography/list/index.d.ts +59 -0
- package/dist/src/typography/list/index.d.ts.map +1 -0
- package/dist/src/typography/list/index.js +61 -0
- package/dist/src/typography/list/index.js.map +1 -0
- package/dist/src/typography/list/types.d.ts +47 -0
- package/dist/src/typography/list/types.d.ts.map +1 -0
- package/dist/src/typography/list/types.js +36 -0
- package/dist/src/typography/list/types.js.map +1 -0
- package/dist/src/typography/mark/index.d.ts +57 -0
- package/dist/src/typography/mark/index.d.ts.map +1 -0
- package/dist/src/typography/mark/index.js +58 -0
- package/dist/src/typography/mark/index.js.map +1 -0
- package/dist/src/typography/mark/types.d.ts +49 -0
- package/dist/src/typography/mark/types.d.ts.map +1 -0
- package/dist/src/typography/mark/types.js +38 -0
- package/dist/src/typography/mark/types.js.map +1 -0
- package/dist/src/typography/text/index.d.ts +122 -0
- package/dist/src/typography/text/index.d.ts.map +1 -0
- package/dist/src/typography/text/index.js +130 -0
- package/dist/src/typography/text/index.js.map +1 -0
- package/dist/src/typography/{types.d.ts → text/types.d.ts} +2 -2
- package/dist/src/typography/text/types.d.ts.map +1 -0
- package/dist/src/typography/{types.js → text/types.js} +1 -1
- package/dist/src/typography/text/types.js.map +1 -0
- package/package.json +1 -1
- package/dist/src/typography/types.d.ts.map +0 -1
- package/dist/src/typography/types.js.map +0 -1
|
@@ -161,15 +161,173 @@ function createVStack(children, style) {
|
|
|
161
161
|
* Use `Stack.Root(children, style)` for general stack, `Stack.HStack()` for horizontal, `Stack.VStack()` for vertical.
|
|
162
162
|
*/
|
|
163
163
|
export const Stack = {
|
|
164
|
+
/**
|
|
165
|
+
* Creates a Stack container with flex layout.
|
|
166
|
+
*
|
|
167
|
+
* @param children - Array of child UI components
|
|
168
|
+
* @param style - Optional styling configuration
|
|
169
|
+
* @returns An East expression representing the stack component
|
|
170
|
+
*
|
|
171
|
+
* @example
|
|
172
|
+
* ```ts
|
|
173
|
+
* import { East } from "@elaraai/east";
|
|
174
|
+
* import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
|
|
175
|
+
*
|
|
176
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
177
|
+
* return Stack.Root([
|
|
178
|
+
* Text.Root("Item 1"),
|
|
179
|
+
* Text.Root("Item 2"),
|
|
180
|
+
* ], {
|
|
181
|
+
* gap: "4",
|
|
182
|
+
* direction: "column",
|
|
183
|
+
* });
|
|
184
|
+
* });
|
|
185
|
+
* ```
|
|
186
|
+
*/
|
|
164
187
|
Root: createStack,
|
|
188
|
+
/**
|
|
189
|
+
* Creates a horizontal Stack (row direction).
|
|
190
|
+
*
|
|
191
|
+
* @param children - Array of child UI components
|
|
192
|
+
* @param style - Optional styling configuration
|
|
193
|
+
* @returns An East expression representing the horizontal stack
|
|
194
|
+
*
|
|
195
|
+
* @example
|
|
196
|
+
* ```ts
|
|
197
|
+
* import { East } from "@elaraai/east";
|
|
198
|
+
* import { Stack, Button, UIComponentType } from "@elaraai/east-ui";
|
|
199
|
+
*
|
|
200
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
201
|
+
* return Stack.HStack([
|
|
202
|
+
* Button.Root("Cancel"),
|
|
203
|
+
* Button.Root("Submit", { colorPalette: "blue" }),
|
|
204
|
+
* ], {
|
|
205
|
+
* gap: "2",
|
|
206
|
+
* });
|
|
207
|
+
* });
|
|
208
|
+
* ```
|
|
209
|
+
*/
|
|
165
210
|
HStack: createHStack,
|
|
211
|
+
/**
|
|
212
|
+
* Creates a vertical Stack (column direction).
|
|
213
|
+
*
|
|
214
|
+
* @param children - Array of child UI components
|
|
215
|
+
* @param style - Optional styling configuration
|
|
216
|
+
* @returns An East expression representing the vertical stack
|
|
217
|
+
*
|
|
218
|
+
* @example
|
|
219
|
+
* ```ts
|
|
220
|
+
* import { East } from "@elaraai/east";
|
|
221
|
+
* import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
|
|
222
|
+
*
|
|
223
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
224
|
+
* return Stack.VStack([
|
|
225
|
+
* Text.Root("Title"),
|
|
226
|
+
* Text.Root("Subtitle"),
|
|
227
|
+
* ], {
|
|
228
|
+
* gap: "1",
|
|
229
|
+
* align: "flex-start",
|
|
230
|
+
* });
|
|
231
|
+
* });
|
|
232
|
+
* ```
|
|
233
|
+
*/
|
|
166
234
|
VStack: createVStack,
|
|
235
|
+
/**
|
|
236
|
+
* Creates padding configuration for layout components.
|
|
237
|
+
*
|
|
238
|
+
* @param top - Top padding (Chakra UI spacing token or CSS value)
|
|
239
|
+
* @param right - Right padding
|
|
240
|
+
* @param bottom - Bottom padding
|
|
241
|
+
* @param left - Left padding
|
|
242
|
+
* @returns An East expression representing the padding configuration
|
|
243
|
+
*
|
|
244
|
+
* @example
|
|
245
|
+
* ```ts
|
|
246
|
+
* import { East } from "@elaraai/east";
|
|
247
|
+
* import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
|
|
248
|
+
*
|
|
249
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
250
|
+
* return Stack.Root([
|
|
251
|
+
* Text.Root("Content"),
|
|
252
|
+
* ], {
|
|
253
|
+
* padding: Stack.Padding("4", "2", "4", "2"),
|
|
254
|
+
* });
|
|
255
|
+
* });
|
|
256
|
+
* ```
|
|
257
|
+
*/
|
|
167
258
|
Padding,
|
|
259
|
+
/**
|
|
260
|
+
* Creates margin configuration for layout components.
|
|
261
|
+
*
|
|
262
|
+
* @param top - Top margin (Chakra UI spacing token or CSS value)
|
|
263
|
+
* @param right - Right margin
|
|
264
|
+
* @param bottom - Bottom margin
|
|
265
|
+
* @param left - Left margin
|
|
266
|
+
* @returns An East expression representing the margin configuration
|
|
267
|
+
*
|
|
268
|
+
* @example
|
|
269
|
+
* ```ts
|
|
270
|
+
* import { East } from "@elaraai/east";
|
|
271
|
+
* import { Stack, Text, UIComponentType } from "@elaraai/east-ui";
|
|
272
|
+
*
|
|
273
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
274
|
+
* return Stack.Root([
|
|
275
|
+
* Text.Root("Content"),
|
|
276
|
+
* ], {
|
|
277
|
+
* margin: Stack.Margin("4", "auto", "4", "auto"),
|
|
278
|
+
* });
|
|
279
|
+
* });
|
|
280
|
+
* ```
|
|
281
|
+
*/
|
|
168
282
|
Margin,
|
|
169
283
|
Types: {
|
|
284
|
+
/**
|
|
285
|
+
* The concrete East type for Stack component data.
|
|
286
|
+
*
|
|
287
|
+
* @remarks
|
|
288
|
+
* This struct type represents the serializable data structure for a Stack component.
|
|
289
|
+
* Stack arranges children in a flex container with configurable direction and spacing.
|
|
290
|
+
*
|
|
291
|
+
* @property children - Array of child UI components
|
|
292
|
+
* @property style - Optional styling configuration wrapped in OptionType
|
|
293
|
+
*/
|
|
170
294
|
Stack: StackType,
|
|
295
|
+
/**
|
|
296
|
+
* Style type for Stack component configuration.
|
|
297
|
+
*
|
|
298
|
+
* @remarks
|
|
299
|
+
* This struct type defines the styling configuration for a Stack component.
|
|
300
|
+
*
|
|
301
|
+
* @property direction - Flex direction (row, column, row-reverse, column-reverse)
|
|
302
|
+
* @property gap - Spacing between children (Chakra UI spacing token)
|
|
303
|
+
* @property align - Cross-axis alignment (flex-start, center, flex-end, stretch)
|
|
304
|
+
* @property justify - Main-axis alignment (flex-start, center, flex-end, space-between)
|
|
305
|
+
* @property wrap - Whether items should wrap (nowrap, wrap, wrap-reverse)
|
|
306
|
+
*/
|
|
171
307
|
Style: StackStyleType,
|
|
308
|
+
/**
|
|
309
|
+
* Type for padding configuration.
|
|
310
|
+
*
|
|
311
|
+
* @remarks
|
|
312
|
+
* Allows specifying individual padding values for each side.
|
|
313
|
+
*
|
|
314
|
+
* @property top - Top padding value
|
|
315
|
+
* @property right - Right padding value
|
|
316
|
+
* @property bottom - Bottom padding value
|
|
317
|
+
* @property left - Left padding value
|
|
318
|
+
*/
|
|
172
319
|
Padding: PaddingType,
|
|
320
|
+
/**
|
|
321
|
+
* Type for margin configuration.
|
|
322
|
+
*
|
|
323
|
+
* @remarks
|
|
324
|
+
* Allows specifying individual margin values for each side.
|
|
325
|
+
*
|
|
326
|
+
* @property top - Top margin value
|
|
327
|
+
* @property right - Right margin value
|
|
328
|
+
* @property bottom - Bottom margin value
|
|
329
|
+
* @property left - Left margin value
|
|
330
|
+
*/
|
|
173
331
|
Margin: MarginType,
|
|
174
332
|
},
|
|
175
333
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/stack/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/stack/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -115,10 +115,103 @@ declare function createActionBar(items: SubtypeExprOrValue<ArrayType<ActionBarIt
|
|
|
115
115
|
* ```
|
|
116
116
|
*/
|
|
117
117
|
export declare const ActionBar: {
|
|
118
|
+
/**
|
|
119
|
+
* Creates an ActionBar component with action items.
|
|
120
|
+
*
|
|
121
|
+
* @param items - Array of action items (use ActionBar.Action and ActionBar.Separator)
|
|
122
|
+
* @param style - Optional styling configuration
|
|
123
|
+
* @returns An East expression representing the action bar component
|
|
124
|
+
*
|
|
125
|
+
* @remarks
|
|
126
|
+
* ActionBar displays a floating bar with batch actions for selected items.
|
|
127
|
+
* Typically used in data tables or lists with multi-select functionality.
|
|
128
|
+
*
|
|
129
|
+
* @example
|
|
130
|
+
* ```ts
|
|
131
|
+
* import { East } from "@elaraai/east";
|
|
132
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
133
|
+
*
|
|
134
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
135
|
+
* return ActionBar.Root([
|
|
136
|
+
* ActionBar.Action("delete", "Delete"),
|
|
137
|
+
* ActionBar.Separator(),
|
|
138
|
+
* ActionBar.Action("archive", "Archive"),
|
|
139
|
+
* ], {
|
|
140
|
+
* selectionCount: 5n,
|
|
141
|
+
* selectionLabel: "items selected",
|
|
142
|
+
* });
|
|
143
|
+
* });
|
|
144
|
+
* ```
|
|
145
|
+
*/
|
|
118
146
|
readonly Root: typeof createActionBar;
|
|
147
|
+
/**
|
|
148
|
+
* Creates an Action item for the ActionBar.
|
|
149
|
+
*
|
|
150
|
+
* @param value - Unique identifier for the action
|
|
151
|
+
* @param label - Display label for the action button
|
|
152
|
+
* @param disabled - Whether the action is disabled
|
|
153
|
+
* @returns An East expression representing the action item
|
|
154
|
+
*
|
|
155
|
+
* @remarks
|
|
156
|
+
* Action items are clickable buttons within an ActionBar. Each action
|
|
157
|
+
* has a unique value for identification and a label for display.
|
|
158
|
+
*
|
|
159
|
+
* @example
|
|
160
|
+
* ```ts
|
|
161
|
+
* import { East } from "@elaraai/east";
|
|
162
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
163
|
+
*
|
|
164
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
165
|
+
* return ActionBar.Root([
|
|
166
|
+
* ActionBar.Action("edit", "Edit"),
|
|
167
|
+
* ActionBar.Action("delete", "Delete", true), // disabled
|
|
168
|
+
* ], {
|
|
169
|
+
* selectionCount: 3n,
|
|
170
|
+
* });
|
|
171
|
+
* });
|
|
172
|
+
* ```
|
|
173
|
+
*/
|
|
119
174
|
readonly Action: typeof createAction;
|
|
175
|
+
/**
|
|
176
|
+
* Creates a Separator item for visual grouping.
|
|
177
|
+
*
|
|
178
|
+
* @returns An East expression representing a separator
|
|
179
|
+
*
|
|
180
|
+
* @remarks
|
|
181
|
+
* Separators create visual dividers between groups of actions.
|
|
182
|
+
* Use them to organize related actions within an ActionBar.
|
|
183
|
+
*
|
|
184
|
+
* @example
|
|
185
|
+
* ```ts
|
|
186
|
+
* import { East } from "@elaraai/east";
|
|
187
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
188
|
+
*
|
|
189
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
190
|
+
* return ActionBar.Root([
|
|
191
|
+
* ActionBar.Action("copy", "Copy"),
|
|
192
|
+
* ActionBar.Action("paste", "Paste"),
|
|
193
|
+
* ActionBar.Separator(),
|
|
194
|
+
* ActionBar.Action("delete", "Delete"),
|
|
195
|
+
* ], {
|
|
196
|
+
* selectionCount: 2n,
|
|
197
|
+
* });
|
|
198
|
+
* });
|
|
199
|
+
* ```
|
|
200
|
+
*/
|
|
120
201
|
readonly Separator: typeof createSeparator;
|
|
121
202
|
readonly Types: {
|
|
203
|
+
/**
|
|
204
|
+
* East StructType for ActionBar component.
|
|
205
|
+
*
|
|
206
|
+
* @remarks
|
|
207
|
+
* ActionBar is a floating bar that appears when items are selected.
|
|
208
|
+
* It displays the selection count and provides batch action buttons.
|
|
209
|
+
*
|
|
210
|
+
* @property items - Array of action items (actions or separators)
|
|
211
|
+
* @property selectionCount - Number of selected items
|
|
212
|
+
* @property selectionLabel - Label for selection (e.g., "items selected")
|
|
213
|
+
* @property style - Optional style configuration
|
|
214
|
+
*/
|
|
122
215
|
readonly ActionBar: StructType<{
|
|
123
216
|
items: ArrayType<import("@elaraai/east").VariantType<{
|
|
124
217
|
Action: StructType<{
|
|
@@ -132,6 +225,12 @@ export declare const ActionBar: {
|
|
|
132
225
|
selectionLabel: OptionType<StringType>;
|
|
133
226
|
style: OptionType<StructType<{}>>;
|
|
134
227
|
}>;
|
|
228
|
+
/**
|
|
229
|
+
* Action bar item variant type.
|
|
230
|
+
*
|
|
231
|
+
* @property Action - A clickable action with value and label
|
|
232
|
+
* @property Separator - A visual separator between actions
|
|
233
|
+
*/
|
|
135
234
|
readonly Item: import("@elaraai/east").VariantType<{
|
|
136
235
|
Action: StructType<{
|
|
137
236
|
value: StringType;
|
|
@@ -140,6 +239,12 @@ export declare const ActionBar: {
|
|
|
140
239
|
}>;
|
|
141
240
|
Separator: import("@elaraai/east").NullType;
|
|
142
241
|
}>;
|
|
242
|
+
/**
|
|
243
|
+
* Style type for ActionBar component.
|
|
244
|
+
*
|
|
245
|
+
* @remarks
|
|
246
|
+
* ActionBar has fixed styling - no size/variant options.
|
|
247
|
+
*/
|
|
143
248
|
readonly Style: StructType<{}>;
|
|
144
249
|
};
|
|
145
250
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlays/action-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,iBAAiB,EAEjB,KAAK,cAAc,EACtB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,cAAc,GACtB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;EAKxB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAMjD;;;;;;;GAOG;AACH,iBAAS,YAAY,CACjB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAC3C,QAAQ,CAAC,iBAAiB,CAAC,CAM7B;AAED;;;;GAIG;AACH,iBAAS,eAAe,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAEtD;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,eAAe,CACpB,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EACvD,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CAO3B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlays/action-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,iBAAiB,EAEjB,KAAK,cAAc,EACtB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,cAAc,GACtB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;EAKxB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAMjD;;;;;;;GAOG;AACH,iBAAS,YAAY,CACjB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAC3C,QAAQ,CAAC,iBAAiB,CAAC,CAM7B;AAED;;;;GAIG;AACH,iBAAS,eAAe,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAEtD;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,eAAe,CACpB,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EACvD,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CAO3B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;IAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;;;QAGC;;;;;;;;;;;WAWG;;;;;;;;;;;;;;QAEH;;;;;WAKG;;;;;;;;;QAEH;;;;;WAKG;;;CAGD,CAAC"}
|
|
@@ -129,12 +129,117 @@ function createActionBar(items, style) {
|
|
|
129
129
|
* ```
|
|
130
130
|
*/
|
|
131
131
|
export const ActionBar = {
|
|
132
|
+
/**
|
|
133
|
+
* Creates an ActionBar component with action items.
|
|
134
|
+
*
|
|
135
|
+
* @param items - Array of action items (use ActionBar.Action and ActionBar.Separator)
|
|
136
|
+
* @param style - Optional styling configuration
|
|
137
|
+
* @returns An East expression representing the action bar component
|
|
138
|
+
*
|
|
139
|
+
* @remarks
|
|
140
|
+
* ActionBar displays a floating bar with batch actions for selected items.
|
|
141
|
+
* Typically used in data tables or lists with multi-select functionality.
|
|
142
|
+
*
|
|
143
|
+
* @example
|
|
144
|
+
* ```ts
|
|
145
|
+
* import { East } from "@elaraai/east";
|
|
146
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
147
|
+
*
|
|
148
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
149
|
+
* return ActionBar.Root([
|
|
150
|
+
* ActionBar.Action("delete", "Delete"),
|
|
151
|
+
* ActionBar.Separator(),
|
|
152
|
+
* ActionBar.Action("archive", "Archive"),
|
|
153
|
+
* ], {
|
|
154
|
+
* selectionCount: 5n,
|
|
155
|
+
* selectionLabel: "items selected",
|
|
156
|
+
* });
|
|
157
|
+
* });
|
|
158
|
+
* ```
|
|
159
|
+
*/
|
|
132
160
|
Root: createActionBar,
|
|
161
|
+
/**
|
|
162
|
+
* Creates an Action item for the ActionBar.
|
|
163
|
+
*
|
|
164
|
+
* @param value - Unique identifier for the action
|
|
165
|
+
* @param label - Display label for the action button
|
|
166
|
+
* @param disabled - Whether the action is disabled
|
|
167
|
+
* @returns An East expression representing the action item
|
|
168
|
+
*
|
|
169
|
+
* @remarks
|
|
170
|
+
* Action items are clickable buttons within an ActionBar. Each action
|
|
171
|
+
* has a unique value for identification and a label for display.
|
|
172
|
+
*
|
|
173
|
+
* @example
|
|
174
|
+
* ```ts
|
|
175
|
+
* import { East } from "@elaraai/east";
|
|
176
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
177
|
+
*
|
|
178
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
179
|
+
* return ActionBar.Root([
|
|
180
|
+
* ActionBar.Action("edit", "Edit"),
|
|
181
|
+
* ActionBar.Action("delete", "Delete", true), // disabled
|
|
182
|
+
* ], {
|
|
183
|
+
* selectionCount: 3n,
|
|
184
|
+
* });
|
|
185
|
+
* });
|
|
186
|
+
* ```
|
|
187
|
+
*/
|
|
133
188
|
Action: createAction,
|
|
189
|
+
/**
|
|
190
|
+
* Creates a Separator item for visual grouping.
|
|
191
|
+
*
|
|
192
|
+
* @returns An East expression representing a separator
|
|
193
|
+
*
|
|
194
|
+
* @remarks
|
|
195
|
+
* Separators create visual dividers between groups of actions.
|
|
196
|
+
* Use them to organize related actions within an ActionBar.
|
|
197
|
+
*
|
|
198
|
+
* @example
|
|
199
|
+
* ```ts
|
|
200
|
+
* import { East } from "@elaraai/east";
|
|
201
|
+
* import { ActionBar, UIComponentType } from "@elaraai/east-ui";
|
|
202
|
+
*
|
|
203
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
204
|
+
* return ActionBar.Root([
|
|
205
|
+
* ActionBar.Action("copy", "Copy"),
|
|
206
|
+
* ActionBar.Action("paste", "Paste"),
|
|
207
|
+
* ActionBar.Separator(),
|
|
208
|
+
* ActionBar.Action("delete", "Delete"),
|
|
209
|
+
* ], {
|
|
210
|
+
* selectionCount: 2n,
|
|
211
|
+
* });
|
|
212
|
+
* });
|
|
213
|
+
* ```
|
|
214
|
+
*/
|
|
134
215
|
Separator: createSeparator,
|
|
135
216
|
Types: {
|
|
217
|
+
/**
|
|
218
|
+
* East StructType for ActionBar component.
|
|
219
|
+
*
|
|
220
|
+
* @remarks
|
|
221
|
+
* ActionBar is a floating bar that appears when items are selected.
|
|
222
|
+
* It displays the selection count and provides batch action buttons.
|
|
223
|
+
*
|
|
224
|
+
* @property items - Array of action items (actions or separators)
|
|
225
|
+
* @property selectionCount - Number of selected items
|
|
226
|
+
* @property selectionLabel - Label for selection (e.g., "items selected")
|
|
227
|
+
* @property style - Optional style configuration
|
|
228
|
+
*/
|
|
136
229
|
ActionBar: ActionBarType,
|
|
230
|
+
/**
|
|
231
|
+
* Action bar item variant type.
|
|
232
|
+
*
|
|
233
|
+
* @property Action - A clickable action with value and label
|
|
234
|
+
* @property Separator - A visual separator between actions
|
|
235
|
+
*/
|
|
137
236
|
Item: ActionBarItemType,
|
|
237
|
+
/**
|
|
238
|
+
* Style type for ActionBar component.
|
|
239
|
+
*
|
|
240
|
+
* @remarks
|
|
241
|
+
* ActionBar has fixed styling - no size/variant options.
|
|
242
|
+
*/
|
|
138
243
|
Style: ActionBarStyleType,
|
|
139
244
|
},
|
|
140
245
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/action-bar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,kBAAkB,GAErB,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,iBAAiB,EACjB,kBAAkB,GAErB,MAAM,YAAY,CAAC;AAEpB,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,SAAS,CAAC,iBAAiB,CAAC;IACnC,cAAc,EAAE,UAAU,CAAC,WAAW,CAAC;IACvC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC;IACtC,KAAK,EAAE,UAAU,CAAC,kBAAkB,CAAC;CACxC,CAAC,CAAC;AAOH,+EAA+E;AAC/E,yBAAyB;AACzB,+EAA+E;AAE/E;;;;;;;GAOG;AACH,SAAS,YAAY,CACjB,KAAqC,EACrC,KAAqC,EACrC,QAA0C;IAE1C,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;QAChC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KACvF,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAC3B,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe;IACpB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;AACrE,CAAC;AAED,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,SAAS,eAAe,CACpB,KAAuD,EACvD,KAAsB;IAEtB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACnH,cAAc,EAAE,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACnH,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAC;KAC7D,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,YAAY;IACpB,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE;QACH,SAAS,EAAE,aAAa;QACxB,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACK,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/action-bar/index.ts"],"names":[],"mappings":"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"}
|