@rokkit/ui 1.3.4 → 1.3.6
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/{src → dist}/components/List.svelte +12 -6
- package/dist/components/index.js +63 -0
- package/dist/index.js +8 -0
- package/dist/markdown-plugin.js +1 -0
- package/dist/types/alert-list.js +7 -0
- package/dist/types/avatar.js +4 -0
- package/dist/types/badge.js +4 -0
- package/dist/types/breadcrumbs.js +4 -0
- package/dist/types/button.js +7 -0
- package/dist/types/card.js +4 -0
- package/dist/types/carousel.js +4 -0
- package/dist/types/chat.js +1 -0
- package/dist/types/code.js +12 -0
- package/dist/types/connector.js +8 -0
- package/dist/types/divider.js +4 -0
- package/dist/types/floating-action.js +12 -0
- package/dist/types/floating-navigation.js +1 -0
- package/dist/types/frame.js +8 -0
- package/dist/types/index.js +93 -0
- package/dist/types/item-content.js +8 -0
- package/dist/types/item-switch.js +10 -0
- package/dist/types/item-toggle.js +12 -0
- package/dist/types/list.js +36 -0
- package/dist/types/lock-mode.js +1 -0
- package/dist/types/menu.js +25 -0
- package/dist/types/message.js +4 -0
- package/dist/types/nav-content.js +4 -0
- package/dist/types/palette.js +54 -0
- package/dist/types/pill.js +4 -0
- package/dist/types/progress-bar.js +4 -0
- package/dist/types/range.js +7 -0
- package/dist/types/rating.js +4 -0
- package/dist/types/responsive-grid.js +4 -0
- package/dist/types/reveal.js +4 -0
- package/dist/types/search-filter.js +7 -0
- package/dist/types/select.js +21 -0
- package/dist/types/shine.js +7 -0
- package/dist/types/stack.js +4 -0
- package/dist/types/status-list.js +7 -0
- package/dist/types/stepper.js +4 -0
- package/dist/types/switch.js +7 -0
- package/dist/types/table.js +23 -0
- package/dist/types/tabs.js +7 -0
- package/dist/types/tilt.js +4 -0
- package/dist/types/timeline.js +14 -0
- package/dist/types/toggle.js +7 -0
- package/dist/types/toolbar.js +20 -0
- package/dist/types/tooltip.js +1 -0
- package/dist/types/tree-table.js +10 -0
- package/dist/types/tree.js +94 -0
- package/dist/types/upload-file-status.js +8 -0
- package/dist/types/upload-progress.js +8 -0
- package/dist/types/upload-target.js +7 -0
- package/dist/utils/palette.js +641 -0
- package/dist/utils/relative-time.js +17 -0
- package/dist/utils/shiki.js +118 -0
- package/package.json +13 -14
- package/src/components/index.ts +0 -63
- package/src/index.ts +0 -75
- package/src/markdown-plugin.ts +0 -12
- package/src/types/alert-list.ts +0 -28
- package/src/types/avatar.ts +0 -41
- package/src/types/badge.ts +0 -37
- package/src/types/breadcrumbs.ts +0 -43
- package/src/types/button.ts +0 -92
- package/src/types/card.ts +0 -38
- package/src/types/carousel.ts +0 -49
- package/src/types/chat.ts +0 -81
- package/src/types/code.ts +0 -147
- package/src/types/connector.ts +0 -22
- package/src/types/divider.ts +0 -20
- package/src/types/floating-action.ts +0 -123
- package/src/types/floating-navigation.ts +0 -80
- package/src/types/frame.ts +0 -29
- package/src/types/index.ts +0 -137
- package/src/types/item-content.ts +0 -26
- package/src/types/item-switch.ts +0 -34
- package/src/types/item-toggle.ts +0 -52
- package/src/types/list.ts +0 -200
- package/src/types/lock-mode.ts +0 -16
- package/src/types/menu.ts +0 -95
- package/src/types/message.ts +0 -54
- package/src/types/nav-content.ts +0 -31
- package/src/types/palette.ts +0 -160
- package/src/types/pill.ts +0 -43
- package/src/types/progress-bar.ts +0 -19
- package/src/types/range.ts +0 -51
- package/src/types/rating.ts +0 -43
- package/src/types/responsive-grid.ts +0 -25
- package/src/types/reveal.ts +0 -49
- package/src/types/search-filter.ts +0 -67
- package/src/types/select.ts +0 -176
- package/src/types/shine.ts +0 -37
- package/src/types/stack.ts +0 -40
- package/src/types/status-list.ts +0 -42
- package/src/types/stepper.ts +0 -74
- package/src/types/switch.ts +0 -68
- package/src/types/table.ts +0 -219
- package/src/types/tabs.ts +0 -103
- package/src/types/tilt.ts +0 -28
- package/src/types/timeline.ts +0 -53
- package/src/types/toggle.ts +0 -81
- package/src/types/toolbar.ts +0 -167
- package/src/types/tooltip.ts +0 -21
- package/src/types/tree-table.ts +0 -103
- package/src/types/tree.ts +0 -302
- package/src/types/upload-file-status.ts +0 -45
- package/src/types/upload-progress.ts +0 -111
- package/src/types/upload-target.ts +0 -71
- package/src/utils/palette.ts +0 -750
- package/src/utils/relative-time.ts +0 -12
- package/src/utils/shiki.ts +0 -137
- /package/{src → dist}/MarkdownRenderer.svelte +0 -0
- /package/{src → dist}/components/AlertList.svelte +0 -0
- /package/{src → dist}/components/Avatar.svelte +0 -0
- /package/{src → dist}/components/Badge.svelte +0 -0
- /package/{src → dist}/components/BreadCrumbs.svelte +0 -0
- /package/{src → dist}/components/Button.svelte +0 -0
- /package/{src → dist}/components/ButtonGroup.svelte +0 -0
- /package/{src → dist}/components/Card.svelte +0 -0
- /package/{src → dist}/components/Carousel.svelte +0 -0
- /package/{src → dist}/components/ChatComposer.svelte +0 -0
- /package/{src → dist}/components/ChatHistory.svelte +0 -0
- /package/{src → dist}/components/ChatMessage.svelte +0 -0
- /package/{src → dist}/components/ChatShell.svelte +0 -0
- /package/{src → dist}/components/ChatTimeline.svelte +0 -0
- /package/{src → dist}/components/Code.svelte +0 -0
- /package/{src → dist}/components/CodeBlock.svelte +0 -0
- /package/{src → dist}/components/CodeGroup.svelte +0 -0
- /package/{src → dist}/components/CommandPalette.svelte +0 -0
- /package/{src → dist}/components/Connector.svelte +0 -0
- /package/{src → dist}/components/Divider.svelte +0 -0
- /package/{src → dist}/components/Dropdown.svelte +0 -0
- /package/{src → dist}/components/FloatingAction.svelte +0 -0
- /package/{src → dist}/components/FloatingNavigation.svelte +0 -0
- /package/{src → dist}/components/Frame.svelte +0 -0
- /package/{src → dist}/components/Grid.svelte +0 -0
- /package/{src → dist}/components/ItemContent.svelte +0 -0
- /package/{src → dist}/components/ItemSwitch.svelte +0 -0
- /package/{src → dist}/components/ItemToggle.svelte +0 -0
- /package/{src → dist}/components/LazyTree.svelte +0 -0
- /package/{src → dist}/components/LockMode.svelte +0 -0
- /package/{src → dist}/components/Menu.svelte +0 -0
- /package/{src → dist}/components/Message.svelte +0 -0
- /package/{src → dist}/components/MultiSelect.svelte +0 -0
- /package/{src → dist}/components/NavContent.svelte +0 -0
- /package/{src → dist}/components/PaletteManager.svelte +0 -0
- /package/{src → dist}/components/Pill.svelte +0 -0
- /package/{src → dist}/components/ProgressBar.svelte +0 -0
- /package/{src → dist}/components/Range.svelte +0 -0
- /package/{src → dist}/components/Rating.svelte +0 -0
- /package/{src → dist}/components/ResponsiveGrid.svelte +0 -0
- /package/{src → dist}/components/Reveal.svelte +0 -0
- /package/{src → dist}/components/SearchFilter.svelte +0 -0
- /package/{src → dist}/components/Select.svelte +0 -0
- /package/{src → dist}/components/Shine.svelte +0 -0
- /package/{src → dist}/components/Stack.svelte +0 -0
- /package/{src → dist}/components/StatusList.svelte +0 -0
- /package/{src → dist}/components/Stepper.svelte +0 -0
- /package/{src → dist}/components/Swatch.svelte +0 -0
- /package/{src → dist}/components/Switch.svelte +0 -0
- /package/{src → dist}/components/Table.svelte +0 -0
- /package/{src → dist}/components/Tabs.svelte +0 -0
- /package/{src → dist}/components/Tilt.svelte +0 -0
- /package/{src → dist}/components/Timeline.svelte +0 -0
- /package/{src → dist}/components/Toggle.svelte +0 -0
- /package/{src → dist}/components/Toolbar.svelte +0 -0
- /package/{src → dist}/components/ToolbarGroup.svelte +0 -0
- /package/{src → dist}/components/Tooltip.svelte +0 -0
- /package/{src → dist}/components/Tree.svelte +0 -0
- /package/{src → dist}/components/TreeTable.svelte +0 -0
- /package/{src → dist}/components/UploadFileStatus.svelte +0 -0
- /package/{src → dist}/components/UploadProgress.svelte +0 -0
- /package/{src → dist}/components/UploadTarget.svelte +0 -0
- /package/{src → dist}/utils/upload.js +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Toolbar Component Types
|
|
3
|
+
*
|
|
4
|
+
* Provides types for the data-driven Toolbar component.
|
|
5
|
+
* Field mapping and data access is handled by ProxyItem from @rokkit/states.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Default field mapping values
|
|
9
|
+
*/
|
|
10
|
+
export const defaultToolbarFields = {
|
|
11
|
+
text: 'text',
|
|
12
|
+
value: 'value',
|
|
13
|
+
icon: 'icon',
|
|
14
|
+
disabled: 'disabled',
|
|
15
|
+
active: 'active',
|
|
16
|
+
type: 'type',
|
|
17
|
+
snippet: 'snippet',
|
|
18
|
+
label: 'label',
|
|
19
|
+
shortcut: 'shortcut'
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TreeTable Component Types
|
|
3
|
+
*
|
|
4
|
+
* Hierarchical analog of Table — accepts nested rows (each row may
|
|
5
|
+
* carry a `children: []` array) and renders the hierarchy in one
|
|
6
|
+
* designated column with chevron + indent + tree connectors.
|
|
7
|
+
*
|
|
8
|
+
* Reuses the column / sort / cell types from Table.
|
|
9
|
+
*/
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tree Component Types
|
|
3
|
+
*
|
|
4
|
+
* Provides types for the data-driven Tree component.
|
|
5
|
+
* Supports hierarchical data with expand/collapse, tree lines, and custom icons.
|
|
6
|
+
* Field mapping and data access is handled by ProxyItem from @rokkit/states.
|
|
7
|
+
*/
|
|
8
|
+
import { DEFAULT_STATE_ICONS } from '@rokkit/core';
|
|
9
|
+
/**
|
|
10
|
+
* Default field mapping values for tree
|
|
11
|
+
*/
|
|
12
|
+
export const defaultTreeFields = {
|
|
13
|
+
text: 'text',
|
|
14
|
+
value: 'value',
|
|
15
|
+
icon: 'icon',
|
|
16
|
+
description: 'description',
|
|
17
|
+
shortcut: 'shortcut',
|
|
18
|
+
label: 'label',
|
|
19
|
+
disabled: 'disabled',
|
|
20
|
+
active: 'active',
|
|
21
|
+
type: 'type',
|
|
22
|
+
children: 'children',
|
|
23
|
+
snippet: 'snippet',
|
|
24
|
+
href: 'href',
|
|
25
|
+
badge: 'badge',
|
|
26
|
+
expanded: 'expanded',
|
|
27
|
+
level: 'level'
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Merge consumer-provided field overrides with the default field
|
|
31
|
+
* mapping so every key resolves to a string. Tree calls this once on
|
|
32
|
+
* its `fields` prop before passing the result to ProxyTree / line
|
|
33
|
+
* builders.
|
|
34
|
+
*/
|
|
35
|
+
export function resolveTreeFields(fields = {}) {
|
|
36
|
+
// `Required<TreeFields>` cannot strip `undefined` from the index
|
|
37
|
+
// signature on its own, so spread-inference fails the contract even
|
|
38
|
+
// though `defaultTreeFields` provides every key. Cast through unknown
|
|
39
|
+
// to assert the post-merge shape.
|
|
40
|
+
return { ...defaultTreeFields, ...fields };
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Default state icons — uses semantic names from @rokkit/core
|
|
44
|
+
* that get resolved to actual icon classes via UnoCSS shortcuts.
|
|
45
|
+
*/
|
|
46
|
+
export const defaultTreeStateIcons = {
|
|
47
|
+
opened: DEFAULT_STATE_ICONS.node.opened,
|
|
48
|
+
closed: DEFAULT_STATE_ICONS.node.closed
|
|
49
|
+
};
|
|
50
|
+
// =============================================================================
|
|
51
|
+
// Helper Functions
|
|
52
|
+
// =============================================================================
|
|
53
|
+
/**
|
|
54
|
+
* Mapping for calculating next line type based on parent type
|
|
55
|
+
* Based on @rokkit/core connector implementation
|
|
56
|
+
*/
|
|
57
|
+
const nextLineType = {
|
|
58
|
+
child: 'sibling',
|
|
59
|
+
last: 'empty',
|
|
60
|
+
sibling: 'sibling',
|
|
61
|
+
empty: 'empty',
|
|
62
|
+
icon: 'empty'
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* Constructs an array of line types for tree visualization.
|
|
66
|
+
* This determines what connectors to show at each depth level.
|
|
67
|
+
*
|
|
68
|
+
* Algorithm from @rokkit/core getLineTypes:
|
|
69
|
+
* - For all but the last parent type, convert to continuation type
|
|
70
|
+
* - For the last parent type, use the current node's position
|
|
71
|
+
* - Append 'icon' for nodes with children, 'empty' for leaf nodes
|
|
72
|
+
*
|
|
73
|
+
* @param hasChildren - Whether the node has children
|
|
74
|
+
* @param parentTypes - Line types from parent nodes
|
|
75
|
+
* @param position - Current position type ('child' or 'last')
|
|
76
|
+
* @returns Array of line types for rendering connectors
|
|
77
|
+
*/
|
|
78
|
+
export function getLineTypes(hasChildren = false, parentTypes = [], position = 'child') {
|
|
79
|
+
const result = parentTypes.reduce((acc, type, index) => {
|
|
80
|
+
// For all but the last parent type, convert to next type
|
|
81
|
+
// 'child' -> 'sibling' (vertical line continues)
|
|
82
|
+
// 'last' -> 'empty' (no line, branch ended)
|
|
83
|
+
if (index < parentTypes.length - 1) {
|
|
84
|
+
return [...acc, nextLineType[type]];
|
|
85
|
+
}
|
|
86
|
+
// For the last parent type, use the current node's position
|
|
87
|
+
return [...acc, position];
|
|
88
|
+
}, []);
|
|
89
|
+
// Append icon slot for expandable nodes, empty for leaf nodes
|
|
90
|
+
return result.concat(hasChildren ? 'icon' : 'empty');
|
|
91
|
+
}
|
|
92
|
+
// Keep old name as alias for backward compatibility
|
|
93
|
+
export const getTreeLineTypes = getLineTypes;
|
|
94
|
+
export { getSnippet } from './menu.js';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UploadFileStatus Component Types
|
|
3
|
+
*
|
|
4
|
+
* Renders a single file's upload status with progress bar, action buttons
|
|
5
|
+
* (cancel/retry/remove), and file metadata (icon, name, size, status label).
|
|
6
|
+
* Action button visibility driven by cancelWhen/retryWhen/removeWhen arrays.
|
|
7
|
+
*/
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UploadProgress Component Types
|
|
3
|
+
*
|
|
4
|
+
* File upload status orchestrator. Thin composition layer that renders
|
|
5
|
+
* a header + List or Grid layout. Default itemContent snippet renders
|
|
6
|
+
* UploadFileStatus for each file. Consumer can override with custom snippet.
|
|
7
|
+
*/
|
|
8
|
+
export {};
|