@synopackageland/ui 0.20.2 → 0.20.4
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/CHANGELOG.md +26 -0
- package/LICENSES/ux-foundation.md +83 -0
- package/LICENSES/ux-grid-baserow.md +35 -0
- package/LICENSES/ux-grid-teable.md +48 -0
- package/README.md +3 -0
- package/dist/cli.js +0 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +31 -4
- package/dist/components/app/app-root/AppRoot.vue.d.ts +9 -0
- package/dist/components/app/aside-panel/AsidePanel.vue.d.ts +69 -0
- package/dist/components/app/aside-panel/asidePreference.d.ts +28 -0
- package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts +61 -0
- package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts +1 -1
- package/dist/components/composite/data-grid/DataGrid.vue.d.ts +3 -2
- package/dist/components/composite/data-grid/viewState.d.ts +2 -2
- package/dist/components/composite/file-picker/FilePicker.vue.d.ts +1 -1
- package/dist/components/composite/mention-list/MentionList.vue.d.ts +2 -2
- package/dist/components/composite/overflow-toolbar/OverflowToolbar.vue.d.ts +2 -2
- package/dist/components/composite/record-panel/RecordPanel.vue.d.ts +77 -0
- package/dist/components/composite/record-panel/recordPanelWidth.d.ts +54 -0
- package/dist/components/composite/summary-card/SummaryCard.vue.d.ts +1 -1
- package/dist/components/composite/tag-editor/TagEditor.vue.d.ts +2 -2
- package/dist/components/composite/tree-view/TreeView.vue.d.ts +1 -1
- package/dist/components/composite/wizard/Wizard.vue.d.ts +2 -2
- package/dist/components/composite/wizard/WizardDialog.vue.d.ts +2 -2
- package/dist/components/containers/card/Card.vue.d.ts +1 -1
- package/dist/components/containers/card/CardField.vue.d.ts +26 -0
- package/dist/components/containers/card-grid/CardCover.vue.d.ts +16 -0
- package/dist/components/containers/card-grid/CardGrid.vue.d.ts +1 -1
- package/dist/components/containers/card-grid/VirtualCardGrid.vue.d.ts +71 -0
- package/dist/components/containers/expandable-item/ExpandableItem.vue.d.ts +1 -1
- package/dist/components/containers/fieldset/Fieldset.vue.d.ts +1 -1
- package/dist/components/containers/list-detail/ListDetail.vue.d.ts +1 -1
- package/dist/components/containers/split-pane/SplitPane.vue.d.ts +1 -1
- package/dist/components/feedback/notification/Notification.vue.d.ts +1 -1
- package/dist/components/feedback/notification/NotificationProvider.vue.d.ts +1 -1
- package/dist/components/primitives/breadcrumb/Breadcrumb.vue.d.ts +2 -2
- package/dist/components/primitives/context-menu/ContextMenu.vue.d.ts +3 -0
- package/dist/components/primitives/context-menu/ContextMenuItems.vue.d.ts +4 -5
- package/dist/components/primitives/dialog/Dialog.vue.d.ts +2 -2
- package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +4 -0
- package/dist/components/primitives/dropdown-menu/DropdownMenuItems.vue.d.ts +6 -3
- package/dist/components/primitives/popover/Popover.vue.d.ts +10 -2
- package/dist/components/primitives/popover/floating.d.ts +27 -0
- package/dist/components/primitives/popover/overlay.d.ts +36 -0
- package/dist/components/primitives/segment-control/SegmentControl.vue.d.ts +4 -1
- package/dist/components/primitives/segment-control/context.d.ts +3 -0
- package/dist/components/primitives/select/Select.vue.d.ts +4 -0
- package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts +1 -0
- package/dist/components/primitives/select/internal/types.d.ts +2 -0
- package/dist/components/primitives/skeleton/SectionSkeleton.vue.d.ts +25 -4
- package/dist/components/primitives/skeleton/Skeleton.vue.d.ts +3 -0
- package/dist/components/primitives/tag/Tag.vue.d.ts +2 -2
- package/dist/components/primitives/toast/ToastProvider.vue.d.ts +0 -2
- package/dist/components/primitives/toast/toast.d.ts +21 -1
- package/dist/components/primitives/tooltip/Tooltip.vue.d.ts +8 -3
- package/dist/components/primitives/tooltip/tooltipStyle.d.ts +11 -1
- package/dist/composables/backDismiss.d.ts +19 -0
- package/dist/composables/phone.d.ts +8 -0
- package/dist/composables/softKeyboard.d.ts +26 -4
- package/dist/composables/visualViewport.d.ts +31 -0
- package/dist/dnd/autoScroll.d.ts +57 -0
- package/dist/dnd/dragKit.d.ts +111 -0
- package/dist/dnd/index.d.ts +4 -0
- package/dist/dnd/layout.d.ts +57 -0
- package/dist/dnd/vue.d.ts +16 -0
- package/dist/feedback/StatusSlot.vue.d.ts +24 -0
- package/dist/feedback/showAfter.d.ts +15 -0
- package/dist/feedback/stackMotion.d.ts +13 -0
- package/dist/feedback/timing.d.ts +23 -0
- package/dist/grid/cells/draw.d.ts +57 -0
- package/dist/grid/cells/images.d.ts +5 -0
- package/dist/grid/cells/index.d.ts +7 -0
- package/dist/grid/cells/number.d.ts +5 -0
- package/dist/grid/cells/registry.d.ts +56 -0
- package/dist/grid/cells/renderers.d.ts +8 -0
- package/dist/grid/cells/status.d.ts +6 -0
- package/dist/grid/cells/types.d.ts +200 -0
- package/dist/grid/cells/use.d.ts +7 -0
- package/dist/grid/clipboard/copy.d.ts +17 -0
- package/dist/grid/clipboard/index.d.ts +4 -0
- package/dist/grid/clipboard/proposal.d.ts +35 -0
- package/dist/grid/clipboard/tsv.d.ts +14 -0
- package/dist/grid/clipboard/write.d.ts +21 -0
- package/dist/grid/contracts.d.ts +200 -0
- package/dist/grid/edit/cell-status.d.ts +33 -0
- package/dist/grid/edit/edit-session.d.ts +97 -0
- package/dist/grid/edit/use-grid-edit.d.ts +48 -0
- package/dist/grid/focus/editor-style.d.ts +67 -0
- package/dist/grid/host/GridHost.vue.d.ts +137 -0
- package/dist/grid/host/controller.d.ts +219 -0
- package/dist/grid/host/dom.d.ts +10 -0
- package/dist/grid/index.d.ts +8 -0
- package/dist/grid/range/block.d.ts +30 -0
- package/dist/grid/range/fill.d.ts +27 -0
- package/dist/grid/range/index.d.ts +2 -0
- package/dist/grid/theme.d.ts +61 -0
- package/dist/grid-core/auto-scroll.d.ts +67 -0
- package/dist/grid-core/column-resize.d.ts +43 -0
- package/dist/grid-core/config.d.ts +39 -0
- package/dist/grid-core/coordinate.d.ts +64 -0
- package/dist/grid-core/drag.d.ts +46 -0
- package/dist/grid-core/freeze.d.ts +11 -0
- package/dist/grid-core/index.d.ts +17 -0
- package/dist/grid-core/keyboard.d.ts +34 -0
- package/dist/grid-core/keys.d.ts +38 -0
- package/dist/grid-core/lru.d.ts +10 -0
- package/dist/grid-core/range.d.ts +28 -0
- package/dist/grid-core/region.d.ts +73 -0
- package/dist/grid-core/renderer/base.d.ts +92 -0
- package/dist/grid-core/renderer/layout.d.ts +129 -0
- package/dist/grid-core/selection-controller.d.ts +62 -0
- package/dist/grid-core/selection.d.ts +35 -0
- package/dist/grid-core/theme.d.ts +81 -0
- package/dist/grid-core/types.d.ts +178 -0
- package/dist/grid.js +6173 -0
- package/dist/i18n/text.d.ts +6 -0
- package/dist/index.d.ts +32 -2
- package/dist/index.js +17662 -13637
- package/dist/interaction/editSession.d.ts +49 -0
- package/dist/interaction/focus.d.ts +28 -0
- package/dist/interaction/gesture.d.ts +49 -0
- package/dist/interaction/ime.d.ts +55 -0
- package/dist/interaction/index.d.ts +6 -0
- package/dist/interaction/outside.d.ts +40 -0
- package/dist/interaction/vue.d.ts +21 -0
- package/dist/json-ai-prompt.md +1 -1
- package/dist/json-preview/preview.js +8529 -7812
- package/dist/json.js +10 -10
- package/dist/lib/adaptiveLayout.d.ts +32 -2
- package/dist/lib/deviceViewport.d.ts +2 -1
- package/dist/lib/motion.d.ts +12 -0
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/dist/virtual/cardHeight.d.ts +39 -0
- package/dist/virtual/galleryColumns.d.ts +11 -0
- package/dist/virtual/layoutMotion.d.ts +30 -0
- package/docs/adaptive-layout.md +137 -16
- package/docs/callout.md +22 -1
- package/docs/list-detail.md +54 -0
- package/docs/mobile-native.md +214 -0
- package/docs/release-checks.md +23 -0
- package/docs/theme-hooks.md +28 -7
- package/docs/ux-foundation.md +133 -0
- package/docs/ux-grid.md +217 -0
- package/package.json +94 -3
package/dist/i18n/text.d.ts
CHANGED
|
@@ -142,6 +142,7 @@ export declare const englishUiText: {
|
|
|
142
142
|
readonly PM: "PM";
|
|
143
143
|
readonly "Expand {name}": "Expand {name}";
|
|
144
144
|
readonly "Collapse {name}": "Collapse {name}";
|
|
145
|
+
readonly "Restore {name}": "Restore {name}";
|
|
145
146
|
readonly "Select all times": "Select all times";
|
|
146
147
|
readonly "Select hour {hour}": "Select hour {hour}";
|
|
147
148
|
readonly "Select {name}": "Select {name}";
|
|
@@ -241,6 +242,11 @@ export declare const englishUiText: {
|
|
|
241
242
|
readonly "What you entered will be lost": "What you entered will be lost";
|
|
242
243
|
readonly "Keep editing": "Keep editing";
|
|
243
244
|
readonly Discard: "Discard";
|
|
245
|
+
readonly Checked: "Checked";
|
|
246
|
+
readonly "Not checked": "Not checked";
|
|
247
|
+
readonly "Rating {value} of {max}": "Rating {value} of {max}";
|
|
248
|
+
readonly Saving: "Saving";
|
|
249
|
+
readonly "Not saved": "Not saved";
|
|
244
250
|
};
|
|
245
251
|
export type UiTextKey = keyof typeof englishUiText;
|
|
246
252
|
export type UiTranslator = (key: UiTextKey, values?: Record<string, string | number>) => string;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,10 @@ export { default as Surface } from './components/primitives/surface/Surface.vue'
|
|
|
38
38
|
export { default as Tooltip } from './components/primitives/tooltip/Tooltip.vue';
|
|
39
39
|
export { default as OverflowTooltip } from './components/primitives/tooltip/OverflowTooltip.vue';
|
|
40
40
|
export { default as Popover } from './components/primitives/popover/Popover.vue';
|
|
41
|
+
export { provideOverlayMotion, type OverlayMotion } from './components/primitives/popover/overlay';
|
|
42
|
+
export { default as AdaptivePanel } from './components/composite/adaptive-panel/AdaptivePanel.vue';
|
|
43
|
+
export { default as RecordPanel } from './components/composite/record-panel/RecordPanel.vue';
|
|
44
|
+
export type { RecordPanelCloseReason } from './components/composite/record-panel/RecordPanel.vue';
|
|
41
45
|
export { default as DropdownMenu } from './components/primitives/dropdown-menu/DropdownMenu.vue';
|
|
42
46
|
export type { DropdownMenuEntry } from './components/primitives/dropdown-menu/DropdownMenu.vue';
|
|
43
47
|
export type { DropdownMenuCheckboxEntry, DropdownMenuRadioEntry } from './components/primitives/dropdown-menu/types';
|
|
@@ -53,6 +57,10 @@ export { DATE_FORMATS, TIME_FORMATS, composeDateTime, formatDateText, formatTime
|
|
|
53
57
|
export { default as ToastProvider } from './components/primitives/toast/ToastProvider.vue';
|
|
54
58
|
export { useToast } from './components/primitives/toast/toast';
|
|
55
59
|
export type { ToastController, ToastMessage, ToastOptions, ToastTone } from './components/primitives/toast/toast';
|
|
60
|
+
export { default as StatusSlot } from './feedback/StatusSlot.vue';
|
|
61
|
+
export { useShowAfter } from './feedback/showAfter';
|
|
62
|
+
export type { ShowAfterOptions } from './feedback/showAfter';
|
|
63
|
+
export { PENDING_DELAY_MS, TOAST_DURATION_MS } from './feedback/timing';
|
|
56
64
|
export { default as Tabs } from './components/primitives/tabs/Tabs.vue';
|
|
57
65
|
export type { TabItem } from './components/primitives/tabs/Tabs.vue';
|
|
58
66
|
export { default as Accordion } from './components/primitives/accordion/Accordion.vue';
|
|
@@ -189,6 +197,14 @@ export type { NotificationAction, NotificationActionConfig, NotificationControll
|
|
|
189
197
|
export { default as ValidationPopup } from './components/feedback/validation-popup/ValidationPopup.vue';
|
|
190
198
|
export { default as Card } from './components/containers/card/Card.vue';
|
|
191
199
|
export { default as CardGrid } from './components/containers/card-grid/CardGrid.vue';
|
|
200
|
+
export { default as VirtualCardGrid } from './components/containers/card-grid/VirtualCardGrid.vue';
|
|
201
|
+
export { default as CardCover } from './components/containers/card-grid/CardCover.vue';
|
|
202
|
+
export { default as CardField } from './components/containers/card/CardField.vue';
|
|
203
|
+
export { CARD_METRICS, CARD_VALUE_HEIGHT, cardHeight } from './virtual/cardHeight';
|
|
204
|
+
export type { CardHeightInput } from './virtual/cardHeight';
|
|
205
|
+
export { GALLERY_BREAKPOINTS, galleryColumns } from './virtual/galleryColumns';
|
|
206
|
+
export { createLayoutMotion, provideLayoutMotion, useLayoutMotion } from './virtual/layoutMotion';
|
|
207
|
+
export type { LayoutMotion } from './virtual/layoutMotion';
|
|
192
208
|
export { default as HighlightBox } from './components/containers/highlight-box/HighlightBox.vue';
|
|
193
209
|
export { default as Panel } from './components/containers/panel/Panel.vue';
|
|
194
210
|
export type { PanelFbar, PanelFbarConfig } from './components/containers/panel/Panel.vue';
|
|
@@ -217,12 +233,20 @@ export { APP_ROOT_ATTRIBUTE, APP_ROOT_SELECTOR } from './lib/appRoot';
|
|
|
217
233
|
export { accentScale, accentStyle } from './lib/accent';
|
|
218
234
|
export type { AccentOptions, AccentScale } from './lib/accent';
|
|
219
235
|
export { default as AppLayout } from './components/app/app-layout/AppLayout.vue';
|
|
236
|
+
export { default as AsidePanel } from './components/app/aside-panel/AsidePanel.vue';
|
|
237
|
+
export { clampAsideWidth, readAsidePreference, useAsidePreference, writeAsidePreference } from './components/app/aside-panel/asidePreference';
|
|
238
|
+
export type { AsidePreference } from './components/app/aside-panel/asidePreference';
|
|
220
239
|
export { default as ResponsiveView } from './components/app/responsive-view/ResponsiveView.vue';
|
|
221
|
-
export { appPresentationForWidth, MOBILE_LAYOUT_MAX, WEB_LAYOUT_MIN } from './lib/adaptiveLayout';
|
|
222
|
-
export type { AppNavigation, AppPresentation, WideLayout } from './lib/adaptiveLayout';
|
|
240
|
+
export { APP_ASIDE_KEY, APP_SIDE_MOTION_KEY, appPresentationForWidth, MOBILE_LAYOUT_MAX, WEB_ASIDE_DEFAULT, WEB_ASIDE_MAX, WEB_ASIDE_MIN, WEB_LAYOUT_MIN, WEB_RAIL_BELOW, WEB_RAIL_WIDTH } from './lib/adaptiveLayout';
|
|
241
|
+
export type { AppAside, AppAsideState, AppNavigation, AppPresentation, WideLayout } from './lib/adaptiveLayout';
|
|
223
242
|
export { default as AppTabBar } from './components/app/app-tab-bar/AppTabBar.vue';
|
|
224
243
|
export type { AppTabBarItem } from './components/app/app-tab-bar/AppTabBar.vue';
|
|
225
244
|
export { ensureDeviceViewport } from './lib/deviceViewport';
|
|
245
|
+
export { KEYBOARD_THRESHOLD, useVisualViewport } from './composables/visualViewport';
|
|
246
|
+
export type { VisualViewportState } from './composables/visualViewport';
|
|
247
|
+
export { focusWithoutScroll, useSoftKeyboard } from './composables/softKeyboard';
|
|
248
|
+
export { BACK_DISMISS_STATE_KEY, useBackDismiss } from './composables/backDismiss';
|
|
249
|
+
export type { BackDismissOptions } from './composables/backDismiss';
|
|
226
250
|
export { default as AppSidebar } from './components/app/app-sidebar/AppSidebar.vue';
|
|
227
251
|
export { default as AppSidebarUser } from './components/app/app-sidebar/AppSidebarUser.vue';
|
|
228
252
|
export type { AppSidebarGroup, AppSidebarItem } from './components/app/app-sidebar/AppSidebar.vue';
|
|
@@ -269,6 +293,12 @@ export type { AffixFix, AffixPlacement } from './components/primitives/affix/aff
|
|
|
269
293
|
export { default as OverflowToolbar } from './components/composite/overflow-toolbar/OverflowToolbar.vue';
|
|
270
294
|
export { computeOverflowFit, ITEM_GAP } from './components/composite/overflow-toolbar/overflow';
|
|
271
295
|
export type { OverflowToolbarItem, OverflowToolbarMenuEntry, OverflowToolbarMoreMenu, OverflowToolbarMoreState, OverflowToolbarMoreText, } from './components/composite/overflow-toolbar/types';
|
|
296
|
+
export { MOTION_OFF_SELECTOR, motionMs, motionOff, transitionMs, useInsertedKeys, useSwapMotion } from './lib/motion';
|
|
297
|
+
export type { InsertedKeysOptions, MotionToken } from './lib/motion';
|
|
298
|
+
export { COMPOSITION_END_GRACE_MS, createCompositionGuard, createEditSession, createFocusOwner, DIALOG_SELECTOR, DRAG_THRESHOLD_PX, dropIndexAt, editSessionOutside, focusSync, IGNORE_OUTSIDE_ATTR, IGNORE_OUTSIDE_SELECTOR, isComposingKey, isInForeignDialog, isPrintableKey, outsideLayerCount, pathInForeignDialog, registerOutsideLayer, swallowNextClick, trackPointerGesture, useEditSession, useOutsideLayer, usePointerGesture, } from './interaction';
|
|
299
|
+
export type { CompositionGuard, EditCommitResult, EditSession, EditSessionOptions, EditSessionState, FocusOwner, GestureAxis, GestureCancelReason, OutsideLayer, OutsideLayerOptions, OutsideResult, PointerGesture, PointerGestureOptions, PointerGestureState, } from './interaction';
|
|
300
|
+
export { AUTO_SCROLL_MAX_SPEED, AUTO_SCROLL_MIN_ZONE_PX, AUTO_SCROLL_ZONE_PERCENT, createAutoScroll, createDragKit, DND_GHOST_ATTR, DND_INDEX_ATTR, DND_KEY_ATTR, DND_LANE_ATTR, DND_STATE_ATTR, edgeSpeed, gridGeometry as dragGridGeometry, listGeometry as dragListGeometry, measuredGeometry as dragMeasuredGeometry, SWAP_LOCK_MS, TOUCH_HOLD_MS, TOUCH_HOLD_TOLERANCE_PX, useDragKit, } from './dnd';
|
|
301
|
+
export type { Arrangement as DragArrangement, AutoScroll, AutoScrollOptions, Axis as DragAxis, DragDrop, DragItemBinding, DragKey, DragKit, DragKitOptions, DragLaneOptions, DragMode, DragPhase, DragPlaceholder, DragPosition, DragState, LaneGeometry as DragLaneGeometry, LaneLayout as DragLaneLayout, Rect as DragRect, UseDragKit, } from './dnd';
|
|
272
302
|
export type { UiLocale } from './i18n/locale';
|
|
273
303
|
export { detectUiLocale, toUiLocale, UI_LOCALES } from './i18n/locale';
|
|
274
304
|
export { useUiText } from './i18n/text';
|