@cratis/components 1.10.1 → 1.10.2
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/cjs/CommandDialog/CommandStepper.js +1 -1
- package/dist/cjs/CommandDialog/CommandStepper.js.map +1 -1
- package/dist/cjs/CommandDialog/StepperCommandDialog.js +5 -2
- package/dist/cjs/CommandDialog/StepperCommandDialog.js.map +1 -1
- package/dist/cjs/CommandForm/fields/RadioButtonField.js +13 -0
- package/dist/cjs/CommandForm/fields/RadioButtonField.js.map +1 -0
- package/dist/cjs/CommandForm/fields/RadioGroupField.js +20 -0
- package/dist/cjs/CommandForm/fields/RadioGroupField.js.map +1 -0
- package/dist/cjs/CommandForm/index.js +4 -0
- package/dist/cjs/CommandForm/index.js.map +1 -1
- package/dist/cjs/Common/FormElement.js +1 -1
- package/dist/cjs/Common/FormElement.js.map +1 -1
- package/dist/cjs/DataPage/DataPage.js +9 -2
- package/dist/cjs/DataPage/DataPage.js.map +1 -1
- package/dist/cjs/Dialogs/Dialog.js +5 -4
- package/dist/cjs/Dialogs/Dialog.js.map +1 -1
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js +11 -11
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
- package/dist/cjs/PivotViewer/PivotViewer.css +1 -4
- package/dist/cjs/SchemaEditor/TypeCell.js +3 -3
- package/dist/cjs/SchemaEditor/TypeCell.js.map +1 -1
- package/dist/cjs/TimeMachine/EventsView.css +17 -17
- package/dist/cjs/TimeMachine/Properties.css +57 -0
- package/dist/cjs/TimeMachine/Properties.js +9 -28
- package/dist/cjs/TimeMachine/Properties.js.map +1 -1
- package/dist/cjs/TimeMachine/TimeMachine.css +38 -18
- package/dist/cjs/Toolbar/ToolbarLayout.js +19 -20
- package/dist/cjs/Toolbar/ToolbarLayout.js.map +1 -1
- package/dist/cjs/tailwind-utilities.css +1 -7
- package/dist/esm/CommandDialog/CommandStepper.js +1 -1
- package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.js +5 -2
- package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
- package/dist/esm/CommandForm/fields/Fields.stories.d.ts +2 -0
- package/dist/esm/CommandForm/fields/Fields.stories.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/Fields.stories.js +27 -3
- package/dist/esm/CommandForm/fields/Fields.stories.js.map +1 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +12 -0
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/RadioButtonField.js +11 -0
- package/dist/esm/CommandForm/fields/RadioButtonField.js.map +1 -0
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +14 -0
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/RadioGroupField.js +18 -0
- package/dist/esm/CommandForm/fields/RadioGroupField.js.map +1 -0
- package/dist/esm/CommandForm/fields/index.d.ts +2 -0
- package/dist/esm/CommandForm/fields/index.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/index.js +2 -0
- package/dist/esm/CommandForm/fields/index.js.map +1 -1
- package/dist/esm/CommandForm/index.js +2 -0
- package/dist/esm/CommandForm/index.js.map +1 -1
- package/dist/esm/Common/FormElement.js +1 -1
- package/dist/esm/Common/FormElement.js.map +1 -1
- package/dist/esm/DataPage/DataPage.d.ts.map +1 -1
- package/dist/esm/DataPage/DataPage.js +9 -2
- package/dist/esm/DataPage/DataPage.js.map +1 -1
- package/dist/esm/Dialogs/Dialog.d.ts.map +1 -1
- package/dist/esm/Dialogs/Dialog.js +5 -4
- package/dist/esm/Dialogs/Dialog.js.map +1 -1
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js +11 -11
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.css +1 -4
- package/dist/esm/SchemaEditor/TypeCell.js +3 -3
- package/dist/esm/SchemaEditor/TypeCell.js.map +1 -1
- package/dist/esm/TimeMachine/EventsView.css +17 -17
- package/dist/esm/TimeMachine/Properties.css +57 -0
- package/dist/esm/TimeMachine/Properties.d.ts +1 -0
- package/dist/esm/TimeMachine/Properties.d.ts.map +1 -1
- package/dist/esm/TimeMachine/Properties.js +9 -28
- package/dist/esm/TimeMachine/Properties.js.map +1 -1
- package/dist/esm/TimeMachine/TimeMachine.css +38 -18
- package/dist/esm/Toolbar/ToolbarLayout.d.ts.map +1 -1
- package/dist/esm/Toolbar/ToolbarLayout.js +20 -21
- package/dist/esm/Toolbar/ToolbarLayout.js.map +1 -1
- package/dist/esm/tailwind-utilities.css +1 -7
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -12
|
@@ -67,14 +67,14 @@ const TypeCell = ({ rowData, isEditMode, typeFormats, onUpdateProperty, onUpdate
|
|
|
67
67
|
if (rowData.type === 'array') {
|
|
68
68
|
const itemType = rowData.items?.type || 'string';
|
|
69
69
|
const isNavigable = itemType === 'object';
|
|
70
|
-
return (jsxs("div", { className: "flex
|
|
70
|
+
return (jsxs("div", { className: "flex items-center gap-2 w-full", style: { height: '100%' }, "data-pr-tooltip": isNavigable ? 'Click to navigate to item definition' : undefined, "data-pr-position": "top", children: [jsxs("span", { children: ["Array of ", itemType] }), isNavigable && (jsxs(Fragment, { children: [jsx("div", { style: { flex: 1 } }), jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: jsx(faIcons.FaArrowRight, { style: { fontSize: '1rem', color: 'var(--primary-color)' } }) })] }))] }));
|
|
71
71
|
}
|
|
72
72
|
else if (rowData.type === 'object') {
|
|
73
|
-
return (jsxs("div", { className: "flex
|
|
73
|
+
return (jsxs("div", { className: "flex items-center gap-2 w-full", style: { height: '100%' }, "data-pr-tooltip": "Click to navigate to object properties", "data-pr-position": "top", children: [jsx("span", { children: "Object" }), jsx("div", { style: { flex: 1 } }), jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: jsx(faIcons.FaArrowRight, { style: { fontSize: '1rem', color: 'var(--primary-color)' } }) })] }));
|
|
74
74
|
}
|
|
75
75
|
return displayValue;
|
|
76
76
|
}
|
|
77
|
-
return (jsxs("div", { className: "flex
|
|
77
|
+
return (jsxs("div", { className: "flex items-center gap-2 w-full", style: { minHeight: '2.5rem' }, children: [jsx(Dropdown, { value: currentValue, options: allTypeOptions, onChange: (e) => handleTypeChange(e.value, rowData.name || ''), className: "flex-1" }), rowData.type === 'array' && rowData.items && (jsxs(Fragment, { children: [jsx("span", { style: { whiteSpace: 'nowrap', display: 'flex', alignItems: 'center' }, children: "of" }), jsx(Dropdown, { value: rowData.items.type || 'string', options: allTypeOptions, onChange: (e) => handleTypeChange(e.value, rowData.name || '', true), className: "flex-1" })] })), jsxs("div", { style: { marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [rowData.type === 'array' && rowData.items?.type === 'object' && rowData.name && (jsx(Button, { icon: jsx(faIcons.FaArrowRight, {}), className: "p-button-text p-button-sm", onClick: () => onNavigateToArrayItems(rowData.name), tooltip: "Navigate to item definition", tooltipOptions: { position: 'top' } })), rowData.type === 'object' && rowData.name && (jsx(Button, { icon: jsx(faIcons.FaArrowRight, {}), className: "p-button-text p-button-sm", onClick: () => onNavigateToProperty(rowData.name), tooltip: "Navigate to object properties", tooltipOptions: { position: 'top' } })), rowData.name && (jsx(Button, { icon: jsx(faIcons.FaTrash, {}), className: "p-button-text p-button-danger p-button-sm", onClick: () => onRemoveProperty(rowData.name), tooltip: "Delete property", tooltipOptions: { position: 'top' } }))] })] }));
|
|
78
78
|
};
|
|
79
79
|
|
|
80
80
|
export { TypeCell };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeCell.js","sources":["../../../SchemaEditor/TypeCell.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TypeCell.js","sources":["../../../SchemaEditor/TypeCell.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
width: 44px;
|
|
27
27
|
height: 44px;
|
|
28
28
|
border-radius: 50%;
|
|
29
|
-
border: 1px solid
|
|
30
|
-
background:
|
|
31
|
-
color:
|
|
29
|
+
border: 1px solid var(--tm-border-subtle);
|
|
30
|
+
background: var(--tm-dark-surface);
|
|
31
|
+
color: var(--tm-text);
|
|
32
32
|
display: flex;
|
|
33
33
|
align-items: center;
|
|
34
34
|
justify-content: center;
|
|
@@ -77,8 +77,8 @@
|
|
|
77
77
|
|
|
78
78
|
/* Event Card */
|
|
79
79
|
.events-view-event-card {
|
|
80
|
-
background:
|
|
81
|
-
border: 1px solid
|
|
80
|
+
background: var(--tm-surface);
|
|
81
|
+
border: 1px solid var(--tm-border);
|
|
82
82
|
border-radius: 12px;
|
|
83
83
|
padding: 1.5rem;
|
|
84
84
|
backdrop-filter: blur(10px);
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.events-view-event-card:hover {
|
|
90
|
-
background:
|
|
91
|
-
border-color:
|
|
90
|
+
background: var(--tm-surface-hover);
|
|
91
|
+
border-color: var(--tm-accent-border);
|
|
92
92
|
transform: translateY(-2px);
|
|
93
93
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
|
|
94
94
|
}
|
|
@@ -97,20 +97,20 @@
|
|
|
97
97
|
.events-view-event-header {
|
|
98
98
|
margin-bottom: 1rem;
|
|
99
99
|
padding-bottom: 1rem;
|
|
100
|
-
border-bottom: 1px solid
|
|
100
|
+
border-bottom: 1px solid var(--tm-border);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.events-view-event-name {
|
|
104
104
|
font-size: 1.25rem;
|
|
105
105
|
font-weight: 600;
|
|
106
|
-
color:
|
|
106
|
+
color: var(--tm-text);
|
|
107
107
|
margin: 0 0 0.5rem 0;
|
|
108
108
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.events-view-event-timestamp {
|
|
112
112
|
font-size: 0.875rem;
|
|
113
|
-
color:
|
|
113
|
+
color: var(--tm-text-muted);
|
|
114
114
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
|
|
115
115
|
}
|
|
116
116
|
|
|
@@ -135,8 +135,8 @@
|
|
|
135
135
|
justify-content: center;
|
|
136
136
|
width: 2.5rem;
|
|
137
137
|
height: 2.5rem;
|
|
138
|
-
background: linear-gradient(135deg,
|
|
139
|
-
border: 2px solid
|
|
138
|
+
background: linear-gradient(135deg, var(--tm-accent-bg), rgba(100, 150, 255, 0.1));
|
|
139
|
+
border: 2px solid var(--tm-accent-border);
|
|
140
140
|
border-radius: 50%;
|
|
141
141
|
position: relative;
|
|
142
142
|
backdrop-filter: blur(5px);
|
|
@@ -144,22 +144,22 @@
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
.events-view-marker:hover {
|
|
147
|
-
background: linear-gradient(135deg,
|
|
148
|
-
border-color:
|
|
147
|
+
background: linear-gradient(135deg, var(--tm-accent-bg-hover), var(--tm-accent-bg));
|
|
148
|
+
border-color: var(--tm-accent-border-hover);
|
|
149
149
|
transform: scale(1.1);
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
.events-view-marker-dot {
|
|
153
153
|
width: 0.75rem;
|
|
154
154
|
height: 0.75rem;
|
|
155
|
-
background:
|
|
155
|
+
background: var(--tm-accent);
|
|
156
156
|
border-radius: 50%;
|
|
157
|
-
box-shadow: 0 0 10px
|
|
157
|
+
box-shadow: 0 0 10px var(--tm-accent-glow);
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
/* PrimeReact Timeline connector styling */
|
|
161
161
|
.events-view-timeline .p-timeline-event-connector {
|
|
162
|
-
background: linear-gradient(to bottom,
|
|
162
|
+
background: linear-gradient(to bottom, var(--tm-accent-border), var(--tm-accent-bg));
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
.events-view-timeline .p-timeline-event:last-child .p-timeline-event-connector {
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// Copyright (c) Cratis. All rights reserved.
|
|
2
|
+
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
3
|
+
|
|
4
|
+
.tm-properties-table {
|
|
5
|
+
width: 100%;
|
|
6
|
+
border-collapse: collapse;
|
|
7
|
+
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
|
|
8
|
+
font-size: 13px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tm-properties-row {
|
|
12
|
+
border-bottom: 1px solid var(--tm-border, rgba(255, 255, 255, 0.1));
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.tm-properties-label {
|
|
16
|
+
padding: 8px 12px;
|
|
17
|
+
color: var(--tm-text-muted, rgba(255, 255, 255, 0.6));
|
|
18
|
+
font-weight: 500;
|
|
19
|
+
width: 40%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.tm-properties-label--right {
|
|
23
|
+
text-align: right;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.tm-properties-value {
|
|
27
|
+
padding: 8px 12px;
|
|
28
|
+
color: var(--tm-text, rgba(255, 255, 255, 0.9));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.tm-properties-value--right {
|
|
32
|
+
text-align: right;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.tm-properties-null {
|
|
36
|
+
color: var(--tm-text-faint, rgba(255, 255, 255, 0.4));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.tm-properties-boolean-true {
|
|
40
|
+
color: #4ade80;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.tm-properties-boolean-false {
|
|
44
|
+
color: #f87171;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.tm-properties-number {
|
|
48
|
+
color: #fbbf24;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.tm-properties-date {
|
|
52
|
+
color: #60a5fa;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.tm-properties-complex {
|
|
56
|
+
color: var(--tm-text-dim, rgba(255, 255, 255, 0.7));
|
|
57
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Properties.d.ts","sourceRoot":"","sources":["../../../TimeMachine/Properties.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Properties.d.ts","sourceRoot":"","sources":["../../../TimeMachine/Properties.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC"}
|
|
@@ -1,50 +1,31 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { formatPropertyName } from './propertiesHelpers.js';
|
|
3
|
+
import './Properties.css';
|
|
3
4
|
|
|
4
5
|
const Properties = ({ data, className, align = 'left' }) => {
|
|
5
|
-
const
|
|
6
|
-
width: '100%',
|
|
7
|
-
borderCollapse: 'collapse',
|
|
8
|
-
fontFamily: '-apple-system, BlinkMacSystemFont, "SF Mono", monospace',
|
|
9
|
-
fontSize: '13px',
|
|
10
|
-
};
|
|
11
|
-
const rowStyle = {
|
|
12
|
-
borderBottom: '1px solid rgba(255,255,255,0.1)',
|
|
13
|
-
};
|
|
14
|
-
const labelStyle = {
|
|
15
|
-
padding: '8px 12px',
|
|
16
|
-
color: 'rgba(255,255,255,0.6)',
|
|
17
|
-
textAlign: align,
|
|
18
|
-
fontWeight: 500,
|
|
19
|
-
width: '40%',
|
|
20
|
-
};
|
|
21
|
-
const valueStyle = {
|
|
22
|
-
padding: '8px 12px',
|
|
23
|
-
color: '#fff',
|
|
24
|
-
textAlign: align,
|
|
25
|
-
};
|
|
6
|
+
const isRight = align === 'right';
|
|
26
7
|
const renderValue = (value) => {
|
|
27
8
|
if (value === null || value === undefined) {
|
|
28
|
-
return jsx("span", {
|
|
9
|
+
return jsx("span", { className: "tm-properties-null", children: "null" });
|
|
29
10
|
}
|
|
30
11
|
if (typeof value === 'boolean') {
|
|
31
|
-
return jsx("span", {
|
|
12
|
+
return jsx("span", { className: value ? 'tm-properties-boolean-true' : 'tm-properties-boolean-false', children: value.toString() });
|
|
32
13
|
}
|
|
33
14
|
if (typeof value === 'number') {
|
|
34
|
-
return jsx("span", {
|
|
15
|
+
return jsx("span", { className: "tm-properties-number", children: value });
|
|
35
16
|
}
|
|
36
17
|
if (value instanceof Date) {
|
|
37
|
-
return jsx("span", {
|
|
18
|
+
return jsx("span", { className: "tm-properties-date", children: value.toLocaleString() });
|
|
38
19
|
}
|
|
39
20
|
if (Array.isArray(value)) {
|
|
40
|
-
return (jsxs("span", {
|
|
21
|
+
return (jsxs("span", { className: "tm-properties-complex", children: ["Array[", value.length, "]"] }));
|
|
41
22
|
}
|
|
42
23
|
if (typeof value === 'object') {
|
|
43
|
-
return (jsxs("span", {
|
|
24
|
+
return (jsxs("span", { className: "tm-properties-complex", children: ['{', "...", '}'] }));
|
|
44
25
|
}
|
|
45
26
|
return jsx("span", { children: String(value) });
|
|
46
27
|
};
|
|
47
|
-
return (jsx("div", { className: className, children: jsx("table", {
|
|
28
|
+
return (jsx("div", { className: className, children: jsx("table", { className: "tm-properties-table", children: jsx("tbody", { children: data && Object.entries(data).map(([key, value], index) => (jsxs("tr", { className: "tm-properties-row", children: [jsx("td", { className: `tm-properties-label${isRight ? ' tm-properties-label--right' : ''}`, children: formatPropertyName(key) }), jsx("td", { className: `tm-properties-value${isRight ? ' tm-properties-value--right' : ''}`, children: renderValue(value) })] }, `${key}-${index}`))) }) }) }));
|
|
48
29
|
};
|
|
49
30
|
|
|
50
31
|
export { Properties };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Properties.js","sources":["../../../TimeMachine/Properties.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Properties.js","sources":["../../../TimeMachine/Properties.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAeO,MAAM,UAAU,GAA8B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AACzF,IAAA,MAAM,OAAO,GAAG,KAAK,KAAK,OAAO;AAEjC,IAAA,MAAM,WAAW,GAAG,CAAC,KAAc,KAAqB;QACpD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AACvC,YAAA,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,qBAAY;QAC3D;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,OAAOA,cAAM,SAAS,EAAE,KAAK,GAAG,4BAA4B,GAAG,6BAA6B,EAAA,QAAA,EAAG,KAAK,CAAC,QAAQ,EAAE,GAAQ;QAC3H;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,YAAA,OAAOA,cAAM,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,KAAK,GAAQ;QAChE;AAEA,QAAA,IAAI,KAAK,YAAY,IAAI,EAAE;YACvB,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,CAAC,cAAc,EAAE,EAAA,CAAQ;QAC/E;AAEA,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACtB,QACIC,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAAA,QAAA,EAC5B,KAAK,CAAC,MAAM,EAAA,GAAA,CAAA,EAAA,CAChB;QAEf;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,QACIA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAClC,GAAG,EAAA,KAAA,EAAK,GAAG,CAAA,EAAA,CACT;QAEf;AAEA,QAAA,OAAOD,wBAAO,MAAM,CAAC,KAAK,CAAC,GAAQ;AACvC,IAAA,CAAC;IAED,QACIA,aAAK,SAAS,EAAE,SAAS,EAAA,QAAA,EACrBA,GAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,qBAAqB,YAClCA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACK,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,MAClDC,IAAA,CAAA,IAAA,EAAA,EAA4B,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACrDD,YAAI,SAAS,EAAE,CAAA,mBAAA,EAAsB,OAAO,GAAG,6BAA6B,GAAG,EAAE,EAAE,EAAA,QAAA,EAAG,kBAAkB,CAAC,GAAG,CAAC,GAAM,EACnHA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,CAAA,mBAAA,EAAsB,OAAO,GAAG,6BAA6B,GAAG,EAAE,EAAE,EAAA,QAAA,EAAG,WAAW,CAAC,KAAK,CAAC,GAAM,CAAA,EAAA,EAFzG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,EAAE,CAGrB,CACR,CAAC,EAAA,CACE,EAAA,CACJ,EAAA,CACN;AAEd;;;;"}
|
|
@@ -1,10 +1,30 @@
|
|
|
1
1
|
/* Time Machine Container */
|
|
2
2
|
.time-machine {
|
|
3
|
+
/* Color tokens — intentional dark space theme. Override to customize. */
|
|
4
|
+
--tm-bg-deep: #0a0a1a;
|
|
5
|
+
--tm-bg-deepest: #000005;
|
|
6
|
+
--tm-text: rgba(255, 255, 255, 0.9);
|
|
7
|
+
--tm-text-muted: rgba(255, 255, 255, 0.6);
|
|
8
|
+
--tm-text-dim: rgba(255, 255, 255, 0.7);
|
|
9
|
+
--tm-text-faint: rgba(255, 255, 255, 0.4);
|
|
10
|
+
--tm-surface: rgba(255, 255, 255, 0.05);
|
|
11
|
+
--tm-surface-hover: rgba(255, 255, 255, 0.08);
|
|
12
|
+
--tm-surface-active: rgba(255, 255, 255, 0.1);
|
|
13
|
+
--tm-border: rgba(255, 255, 255, 0.1);
|
|
14
|
+
--tm-border-subtle: rgba(255, 255, 255, 0.15);
|
|
15
|
+
--tm-accent: rgba(100, 150, 255, 1);
|
|
16
|
+
--tm-accent-bg: rgba(100, 150, 255, 0.2);
|
|
17
|
+
--tm-accent-bg-hover: rgba(100, 150, 255, 0.4);
|
|
18
|
+
--tm-accent-border: rgba(100, 150, 255, 0.3);
|
|
19
|
+
--tm-accent-border-hover: rgba(100, 150, 255, 0.8);
|
|
20
|
+
--tm-accent-glow: rgba(100, 150, 255, 0.3);
|
|
21
|
+
--tm-dark-surface: rgba(15, 23, 42, 0.75);
|
|
22
|
+
|
|
3
23
|
position: relative;
|
|
4
24
|
width: 100%;
|
|
5
25
|
height: 100vh;
|
|
6
26
|
overflow: hidden;
|
|
7
|
-
background: radial-gradient(ellipse at center,
|
|
27
|
+
background: radial-gradient(ellipse at center, var(--tm-bg-deep) 0%, var(--tm-bg-deepest) 100%);
|
|
8
28
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
|
|
9
29
|
}
|
|
10
30
|
|
|
@@ -16,11 +36,11 @@
|
|
|
16
36
|
transform: translateX(-50%);
|
|
17
37
|
display: flex;
|
|
18
38
|
gap: 8px;
|
|
19
|
-
background:
|
|
39
|
+
background: var(--tm-surface);
|
|
20
40
|
padding: 6px;
|
|
21
41
|
border-radius: 12px;
|
|
22
42
|
backdrop-filter: blur(10px);
|
|
23
|
-
border: 1px solid
|
|
43
|
+
border: 1px solid var(--tm-border);
|
|
24
44
|
z-index: 100;
|
|
25
45
|
}
|
|
26
46
|
|
|
@@ -30,7 +50,7 @@
|
|
|
30
50
|
border: none;
|
|
31
51
|
border-radius: 8px;
|
|
32
52
|
background: transparent;
|
|
33
|
-
color:
|
|
53
|
+
color: var(--tm-text-muted);
|
|
34
54
|
font-size: 20px;
|
|
35
55
|
cursor: pointer;
|
|
36
56
|
display: flex;
|
|
@@ -40,14 +60,14 @@
|
|
|
40
60
|
}
|
|
41
61
|
|
|
42
62
|
.view-button:hover {
|
|
43
|
-
background:
|
|
44
|
-
color:
|
|
63
|
+
background: var(--tm-surface-active);
|
|
64
|
+
color: var(--tm-text);
|
|
45
65
|
}
|
|
46
66
|
|
|
47
67
|
.view-button.active {
|
|
48
|
-
background:
|
|
49
|
-
color:
|
|
50
|
-
box-shadow: 0 0 15px
|
|
68
|
+
background: var(--tm-accent-bg);
|
|
69
|
+
color: var(--tm-accent);
|
|
70
|
+
box-shadow: 0 0 15px var(--tm-accent-glow);
|
|
51
71
|
}
|
|
52
72
|
|
|
53
73
|
.view-button i {
|
|
@@ -323,9 +343,9 @@
|
|
|
323
343
|
width: 28px;
|
|
324
344
|
height: 28px;
|
|
325
345
|
border-radius: 6px;
|
|
326
|
-
border: 1px solid
|
|
346
|
+
border: 1px solid var(--tm-border-subtle);
|
|
327
347
|
background: linear-gradient(180deg, rgba(120, 130, 220, 0.25) 0%, rgba(60, 70, 140, 0.25) 100%);
|
|
328
|
-
color:
|
|
348
|
+
color: var(--tm-text);
|
|
329
349
|
cursor: pointer;
|
|
330
350
|
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
|
|
331
351
|
}
|
|
@@ -375,8 +395,8 @@
|
|
|
375
395
|
}
|
|
376
396
|
|
|
377
397
|
.snapshot-event {
|
|
378
|
-
background:
|
|
379
|
-
border: 1px solid
|
|
398
|
+
background: var(--tm-surface);
|
|
399
|
+
border: 1px solid var(--tm-border);
|
|
380
400
|
border-radius: 10px;
|
|
381
401
|
padding: 1rem 1.25rem;
|
|
382
402
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
|
|
@@ -398,7 +418,7 @@
|
|
|
398
418
|
|
|
399
419
|
.snapshot-event-timestamp {
|
|
400
420
|
font-size: 0.75rem;
|
|
401
|
-
color:
|
|
421
|
+
color: var(--tm-text-muted);
|
|
402
422
|
font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
|
|
403
423
|
}
|
|
404
424
|
|
|
@@ -441,7 +461,7 @@
|
|
|
441
461
|
.timeline-tick {
|
|
442
462
|
width: calc(20px * var(--magnification, 1));
|
|
443
463
|
height: calc(2px * var(--magnification, 1));
|
|
444
|
-
background:
|
|
464
|
+
background: var(--tm-text-faint);
|
|
445
465
|
border-radius: 1px;
|
|
446
466
|
transition:
|
|
447
467
|
width 0.15s ease,
|
|
@@ -455,8 +475,8 @@
|
|
|
455
475
|
}
|
|
456
476
|
|
|
457
477
|
.timeline-entry.hovered .timeline-tick {
|
|
458
|
-
background:
|
|
459
|
-
box-shadow: 0 0 6px
|
|
478
|
+
background: var(--tm-text);
|
|
479
|
+
box-shadow: 0 0 6px var(--tm-surface-active);
|
|
460
480
|
}
|
|
461
481
|
|
|
462
482
|
.timeline-label {
|
|
@@ -487,7 +507,7 @@
|
|
|
487
507
|
|
|
488
508
|
.timeline-time {
|
|
489
509
|
font-size: 10px;
|
|
490
|
-
color:
|
|
510
|
+
color: var(--tm-text-dim);
|
|
491
511
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
|
492
512
|
}
|
|
493
513
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarLayout.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,SAAS,
|
|
1
|
+
{"version":3,"file":"ToolbarLayout.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,SAAS,EAAwC,MAAM,OAAO,CAAC;AA0FlF,MAAM,WAAW,kBAAkB;IAK/B,IAAI,EAAE,MAAM,CAAC;IAOb,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CAE3C;AA+CD,eAAO,MAAM,aAAa,GAAI,iCAA8C,kBAAkB,mDAa7F,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useMemo, Children, useState, useRef,
|
|
2
|
+
import { useMemo, Children, useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { useToolbarSlot } from './ToolbarSlot.js';
|
|
4
4
|
|
|
5
5
|
/** How long the fade-out animation runs (ms). React unmounts exiting content after this. */
|
|
@@ -19,18 +19,19 @@ const LayoutTransition = ({ items, flexClass }) => {
|
|
|
19
19
|
const incomingRef = useRef(null);
|
|
20
20
|
const [size, setSize] = useState(null);
|
|
21
21
|
const timerRef = useRef(undefined);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
// ResizeObserver keeps the container size in sync with the actual rendered
|
|
23
|
+
// content, including when nested ToolbarLayouts finish their own transitions.
|
|
24
|
+
// A one-shot offsetHeight read in useEffect misses those deferred size changes.
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
const el = incomingRef.current;
|
|
27
|
+
if (!el)
|
|
28
|
+
return;
|
|
29
|
+
const sync = () => setSize({ width: el.offsetWidth, height: el.offsetHeight });
|
|
30
|
+
const observer = new ResizeObserver(sync);
|
|
31
|
+
observer.observe(el);
|
|
32
|
+
sync(); // capture initial size immediately
|
|
33
|
+
return () => observer.disconnect();
|
|
34
|
+
}, []); // mount only — observer tracks all subsequent changes automatically
|
|
34
35
|
useEffect(() => {
|
|
35
36
|
if (items === currentRef.current)
|
|
36
37
|
return;
|
|
@@ -44,20 +45,18 @@ const LayoutTransition = ({ items, flexClass }) => {
|
|
|
44
45
|
timerRef.current = setTimeout(() => setExiting([]), LAYOUT_TRANSITION_MS);
|
|
45
46
|
}
|
|
46
47
|
}, [items]);
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
if (!hasMountedRef.current) {
|
|
49
|
-
hasMountedRef.current = true;
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
measureIncoming();
|
|
53
|
-
}, [current, measureIncoming]);
|
|
54
48
|
useEffect(() => () => {
|
|
55
49
|
if (timerRef.current !== undefined)
|
|
56
50
|
clearTimeout(timerRef.current);
|
|
57
51
|
}, []);
|
|
58
52
|
if (current.length === 0 && exiting.length === 0)
|
|
59
53
|
return null;
|
|
60
|
-
|
|
54
|
+
// overflow:hidden is only needed while outgoing content is fading out so it
|
|
55
|
+
// doesn't bleed outside the container. Once the transition is complete the
|
|
56
|
+
// section must be overflow:visible so fan-out and folder panels (which are
|
|
57
|
+
// position:absolute children) can escape the slot section's bounds.
|
|
58
|
+
const isTransitioning = exiting.length > 0;
|
|
59
|
+
return (jsxs("div", { className: 'toolbar-slot-section', style: size ? { width: size.width, height: size.height, overflow: isTransitioning ? 'hidden' : 'visible' } : { overflow: 'visible' }, children: [jsx("div", { ref: incomingRef, className: `toolbar-slot-incoming inline-flex ${flexClass} items-center gap-1`, children: current }), exiting.length > 0 && (jsx("div", { className: `toolbar-slot-outgoing inline-flex ${flexClass} items-center gap-1`, children: exiting }, exitRevision))] }));
|
|
61
60
|
};
|
|
62
61
|
/**
|
|
63
62
|
* A named, transparent layout region inside a {@link Toolbar} that enables decoupled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarLayout.js","sources":["../../../Toolbar/ToolbarLayout.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAMA;AACA,MAAM,oBAAoB,GAAG,GAAG;AAEhC;;;;;AAKG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAA6C,KAAI;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAc,KAAK,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAEnD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAc,OAAO,CAAC;AAC/C,IAAA,UAAU,CAAC,OAAO,GAAG,OAAO;AAE5B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA2C,IAAI,CAAC;AAChF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA4C,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"ToolbarLayout.js","sources":["../../../Toolbar/ToolbarLayout.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -227,12 +227,6 @@
|
|
|
227
227
|
.sticky {
|
|
228
228
|
position: sticky;
|
|
229
229
|
}
|
|
230
|
-
.start {
|
|
231
|
-
inset-inline-start: var(--spacing);
|
|
232
|
-
}
|
|
233
|
-
.end {
|
|
234
|
-
inset-inline-end: var(--spacing);
|
|
235
|
-
}
|
|
236
230
|
.top-1\/2 {
|
|
237
231
|
top: calc(1 / 2 * 100%);
|
|
238
232
|
}
|