@vuu-ui/vuu-data-react 0.13.47 → 0.13.49
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/package.json +15 -15
- package/types/{vuu-data-react/src/hooks → hooks}/useConnectionStatus.d.ts +1 -1
- package/types/vuu-context-menu/src/ContextMenu.d.ts +0 -10
- package/types/vuu-context-menu/src/ContextMenuProvider.d.ts +0 -16
- package/types/vuu-context-menu/src/index.d.ts +0 -3
- package/types/vuu-context-menu/src/menu-utils.d.ts +0 -21
- package/types/vuu-context-menu/src/useContextMenu.d.ts +0 -10
- package/types/vuu-popups/src/index.d.ts +0 -5
- package/types/vuu-popups/src/notifications/NotificationsCenter.d.ts +0 -5
- package/types/vuu-popups/src/notifications/NotificationsContext.d.ts +0 -36
- package/types/vuu-popups/src/notifications/NotificationsProvider.d.ts +0 -9
- package/types/vuu-popups/src/notifications/ToastNotification.d.ts +0 -7
- package/types/vuu-popups/src/notifications/WorkspaceNotification.d.ts +0 -5
- package/types/vuu-popups/src/notifications/index.d.ts +0 -3
- package/types/vuu-popups/src/popup/Popup.d.ts +0 -12
- package/types/vuu-popups/src/popup/getPositionRelativeToAnchor.d.ts +0 -19
- package/types/vuu-popups/src/popup/index.d.ts +0 -2
- package/types/vuu-popups/src/popup/useAnchoredPosition.d.ts +0 -7
- package/types/vuu-popups/src/popup-menu/PopupMenu.d.ts +0 -45
- package/types/vuu-popups/src/popup-menu/index.d.ts +0 -1
- package/types/vuu-popups/src/popup-menu/usePopupMenu.d.ts +0 -19
- package/types/vuu-popups/src/portal/Portal.d.ts +0 -42
- package/types/vuu-popups/src/portal/index.d.ts +0 -1
- package/types/vuu-popups/src/tooltip/Tooltip.d.ts +0 -15
- package/types/vuu-popups/src/tooltip/index.d.ts +0 -2
- package/types/vuu-popups/src/tooltip/useTooltip.d.ts +0 -19
- package/types/vuu-popups/src/tooltip/useTooltipAnchoredPosition.d.ts +0 -7
- package/types/vuu-ui-controls/src/calendar/Calendar.d.ts +0 -13
- package/types/vuu-ui-controls/src/calendar/index.d.ts +0 -4
- package/types/vuu-ui-controls/src/calendar/internal/CalendarCarousel.d.ts +0 -3
- package/types/vuu-ui-controls/src/calendar/internal/CalendarContext.d.ts +0 -8
- package/types/vuu-ui-controls/src/calendar/internal/CalendarDay.d.ts +0 -14
- package/types/vuu-ui-controls/src/calendar/internal/CalendarMonth.d.ts +0 -10
- package/types/vuu-ui-controls/src/calendar/internal/CalendarNavigation.d.ts +0 -16
- package/types/vuu-ui-controls/src/calendar/internal/CalendarWeekHeader.d.ts +0 -3
- package/types/vuu-ui-controls/src/calendar/internal/useFocusManagement.d.ts +0 -9
- package/types/vuu-ui-controls/src/calendar/internal/utils.d.ts +0 -15
- package/types/vuu-ui-controls/src/calendar/useCalendar.d.ts +0 -54
- package/types/vuu-ui-controls/src/calendar/useCalendarDay.d.ts +0 -22
- package/types/vuu-ui-controls/src/calendar/useSelection.d.ts +0 -78
- package/types/vuu-ui-controls/src/column-picker/ColumnPicker.d.ts +0 -7
- package/types/vuu-ui-controls/src/column-picker/ColumnSearch.d.ts +0 -12
- package/types/vuu-ui-controls/src/column-picker/index.d.ts +0 -2
- package/types/vuu-ui-controls/src/common-hooks/index.d.ts +0 -3
- package/types/vuu-ui-controls/src/common-hooks/selectionTypes.d.ts +0 -70
- package/types/vuu-ui-controls/src/common-hooks/use-resize-observer.d.ts +0 -16
- package/types/vuu-ui-controls/src/common-hooks/useControlled.d.ts +0 -24
- package/types/vuu-ui-controls/src/context-panel-provider/ContextPanelProvider.d.ts +0 -17
- package/types/vuu-ui-controls/src/cycle-state-button/CycleStateButton.d.ts +0 -11
- package/types/vuu-ui-controls/src/cycle-state-button/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/date-input/DateInput.d.ts +0 -60
- package/types/vuu-ui-controls/src/date-input/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/date-picker/DatePicker.d.ts +0 -66
- package/types/vuu-ui-controls/src/date-picker/DatePickerContext.d.ts +0 -19
- package/types/vuu-ui-controls/src/date-picker/DatePickerPanel.d.ts +0 -10
- package/types/vuu-ui-controls/src/date-picker/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/drag-drop/DragDropProvider.d.ts +0 -38
- package/types/vuu-ui-controls/src/drag-drop/DragDropState.d.ts +0 -15
- package/types/vuu-ui-controls/src/drag-drop/Draggable.d.ts +0 -13
- package/types/vuu-ui-controls/src/drag-drop/dragDropTypes.d.ts +0 -100
- package/types/vuu-ui-controls/src/drag-drop/drop-target-utils.d.ts +0 -82
- package/types/vuu-ui-controls/src/drag-drop/index.d.ts +0 -6
- package/types/vuu-ui-controls/src/drag-drop/useAutoScroll.d.ts +0 -11
- package/types/vuu-ui-controls/src/drag-drop/useDragDisplacers.d.ts +0 -17
- package/types/vuu-ui-controls/src/drag-drop/useDragDrop.d.ts +0 -2
- package/types/vuu-ui-controls/src/drag-drop/useDragDropCopy.d.ts +0 -6
- package/types/vuu-ui-controls/src/drag-drop/useDragDropIndicator.d.ts +0 -2
- package/types/vuu-ui-controls/src/drag-drop/useDragDropNaturalMovement.d.ts +0 -2
- package/types/vuu-ui-controls/src/drag-drop/useDropIndicator.d.ts +0 -8
- package/types/vuu-ui-controls/src/drag-drop/useGlobalDragDrop.d.ts +0 -11
- package/types/vuu-ui-controls/src/editable/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/editable/useEditableText.d.ts +0 -19
- package/types/vuu-ui-controls/src/editable-label/EditableLabel.d.ts +0 -19
- package/types/vuu-ui-controls/src/editable-label/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/expando-input/ExpandoInput.d.ts +0 -6
- package/types/vuu-ui-controls/src/expando-input/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/icon-button/Icon.d.ts +0 -6
- package/types/vuu-ui-controls/src/icon-button/IconButton.d.ts +0 -6
- package/types/vuu-ui-controls/src/icon-button/ToggleIconButton.d.ts +0 -5
- package/types/vuu-ui-controls/src/icon-button/index.d.ts +0 -3
- package/types/vuu-ui-controls/src/index.d.ts +0 -30
- package/types/vuu-ui-controls/src/instrument-picker/TablePicker.d.ts +0 -10
- package/types/vuu-ui-controls/src/instrument-picker/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/instrument-picker/useTablePicker.d.ts +0 -47
- package/types/vuu-ui-controls/src/measured-container/MeasuredContainer.d.ts +0 -14
- package/types/vuu-ui-controls/src/measured-container/index.d.ts +0 -2
- package/types/vuu-ui-controls/src/measured-container/useMeasuredContainer.d.ts +0 -23
- package/types/vuu-ui-controls/src/measured-container/useResizeObserver.d.ts +0 -15
- package/types/vuu-ui-controls/src/modal-provider/ModalProvider.d.ts +0 -13
- package/types/vuu-ui-controls/src/overflow-container/OverflowContainer.d.ts +0 -15
- package/types/vuu-ui-controls/src/overflow-container/index.d.ts +0 -2
- package/types/vuu-ui-controls/src/overflow-container/overflow-utils.d.ts +0 -48
- package/types/vuu-ui-controls/src/overflow-container/useOverflowContainer.d.ts +0 -19
- package/types/vuu-ui-controls/src/price-ticker/PriceTicker.d.ts +0 -7
- package/types/vuu-ui-controls/src/price-ticker/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/prompt/Prompt.d.ts +0 -48
- package/types/vuu-ui-controls/src/sortable-list/SortableList.d.ts +0 -8
- package/types/vuu-ui-controls/src/split-button/SplitButton.d.ts +0 -11
- package/types/vuu-ui-controls/src/split-button/SplitStateButton.d.ts +0 -5
- package/types/vuu-ui-controls/src/split-button/index.d.ts +0 -2
- package/types/vuu-ui-controls/src/split-button/useSplitButton.d.ts +0 -311
- package/types/vuu-ui-controls/src/table-search/SearchCell.d.ts +0 -2
- package/types/vuu-ui-controls/src/table-search/TableSearch.d.ts +0 -9
- package/types/vuu-ui-controls/src/table-search/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/table-search/useTableSearch.d.ts +0 -15
- package/types/vuu-ui-controls/src/tabs-next/TabBar.d.ts +0 -12
- package/types/vuu-ui-controls/src/tabs-next/TabListNext.d.ts +0 -12
- package/types/vuu-ui-controls/src/tabs-next/TabNext.d.ts +0 -12
- package/types/vuu-ui-controls/src/tabs-next/TabNextAction.d.ts +0 -5
- package/types/vuu-ui-controls/src/tabs-next/TabNextContext.d.ts +0 -12
- package/types/vuu-ui-controls/src/tabs-next/TabNextPanel.d.ts +0 -8
- package/types/vuu-ui-controls/src/tabs-next/TabNextTrigger.d.ts +0 -5
- package/types/vuu-ui-controls/src/tabs-next/TabOverflowList.d.ts +0 -11
- package/types/vuu-ui-controls/src/tabs-next/TabsNext.d.ts +0 -17
- package/types/vuu-ui-controls/src/tabs-next/TabsNextContext.d.ts +0 -21
- package/types/vuu-ui-controls/src/tabs-next/hooks/useCollection.d.ts +0 -18
- package/types/vuu-ui-controls/src/tabs-next/hooks/useFocusOutside.d.ts +0 -2
- package/types/vuu-ui-controls/src/tabs-next/hooks/useOverflow.d.ts +0 -11
- package/types/vuu-ui-controls/src/tabs-next/index.d.ts +0 -7
- package/types/vuu-ui-controls/src/tabstrip/Tab.d.ts +0 -27
- package/types/vuu-ui-controls/src/tabstrip/TabMenu.d.ts +0 -23
- package/types/vuu-ui-controls/src/tabstrip/TabMenuOptions.d.ts +0 -10
- package/types/vuu-ui-controls/src/tabstrip/TabsTypes.d.ts +0 -127
- package/types/vuu-ui-controls/src/tabstrip/Tabstrip.d.ts +0 -2
- package/types/vuu-ui-controls/src/tabstrip/index.d.ts +0 -5
- package/types/vuu-ui-controls/src/tabstrip/tabstrip-dom-utils.d.ts +0 -2
- package/types/vuu-ui-controls/src/tabstrip/useAnimatedSelectionThumb.d.ts +0 -7
- package/types/vuu-ui-controls/src/tabstrip/useKeyboardNavigation.d.ts +0 -29
- package/types/vuu-ui-controls/src/tabstrip/useSelection.d.ts +0 -13
- package/types/vuu-ui-controls/src/tabstrip/useTabstrip.d.ts +0 -55
- package/types/vuu-ui-controls/src/time-input/MaskedInput.d.ts +0 -49
- package/types/vuu-ui-controls/src/time-input/TimeInput.d.ts +0 -5
- package/types/vuu-ui-controls/src/time-input/useTimeInput.d.ts +0 -21
- package/types/vuu-ui-controls/src/toolbar/Toolbar.d.ts +0 -19
- package/types/vuu-ui-controls/src/toolbar/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/toolbar/toolbar-dom-utils.d.ts +0 -3
- package/types/vuu-ui-controls/src/toolbar/useKeyboardNavigation.d.ts +0 -32
- package/types/vuu-ui-controls/src/toolbar/useSelection.d.ts +0 -22
- package/types/vuu-ui-controls/src/toolbar/useToolbar.d.ts +0 -28
- package/types/vuu-ui-controls/src/utils/deprecated-types.d.ts +0 -2
- package/types/vuu-ui-controls/src/utils/escapeRegExp.d.ts +0 -1
- package/types/vuu-ui-controls/src/utils/forwardCallbackProps.d.ts +0 -3
- package/types/vuu-ui-controls/src/utils/index.d.ts +0 -5
- package/types/vuu-ui-controls/src/utils/isOverflowElement.d.ts +0 -1
- package/types/vuu-ui-controls/src/utils/isPlainObject.d.ts +0 -1
- package/types/vuu-ui-controls/src/vuu-date-picker/VuuDatePicker.d.ts +0 -7
- package/types/vuu-ui-controls/src/vuu-date-picker/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/vuu-input/VuuInput.d.ts +0 -18
- package/types/vuu-ui-controls/src/vuu-input/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/vuu-time-picker/VuuTimePicker.d.ts +0 -7
- package/types/vuu-ui-controls/src/vuu-typeahead-input/VuuTypeaheadInput.d.ts +0 -6
- package/types/vuu-ui-controls/src/vuu-typeahead-input/index.d.ts +0 -1
- package/types/vuu-ui-controls/src/vuu-typeahead-input/useVuuTypeaheadInput.d.ts +0 -49
- package/types/vuu-utils/src/Clock.d.ts +0 -20
- package/types/vuu-utils/src/DataWindow.d.ts +0 -39
- package/types/vuu-utils/src/ShellContext.d.ts +0 -11
- package/types/vuu-utils/src/ThemeProvider.d.ts +0 -32
- package/types/vuu-utils/src/array-utils.d.ts +0 -8
- package/types/vuu-utils/src/box-utils.d.ts +0 -24
- package/types/vuu-utils/src/broadcast-channel.d.ts +0 -16
- package/types/vuu-utils/src/column-utils.d.ts +0 -181
- package/types/vuu-utils/src/common-types.d.ts +0 -6
- package/types/vuu-utils/src/component-registry.d.ts +0 -65
- package/types/vuu-utils/src/context-definitions/DataContext.d.ts +0 -18
- package/types/vuu-utils/src/context-definitions/DataProvider.d.ts +0 -7
- package/types/vuu-utils/src/context-definitions/DataSourceProvider.d.ts +0 -12
- package/types/vuu-utils/src/context-definitions/WorkspaceContext.d.ts +0 -17
- package/types/vuu-utils/src/cookie-utils.d.ts +0 -1
- package/types/vuu-utils/src/css-utils.d.ts +0 -1
- package/types/vuu-utils/src/data-utils.d.ts +0 -19
- package/types/vuu-utils/src/datasource/BaseDataSource.d.ts +0 -60
- package/types/vuu-utils/src/datasource/datasource-action-utils.d.ts +0 -7
- package/types/vuu-utils/src/datasource/datasource-filter-utils.d.ts +0 -2
- package/types/vuu-utils/src/datasource/datasource-utils.d.ts +0 -49
- package/types/vuu-utils/src/date/date-utils.d.ts +0 -36
- package/types/vuu-utils/src/date/dateTimePattern.d.ts +0 -8
- package/types/vuu-utils/src/date/formatter.d.ts +0 -4
- package/types/vuu-utils/src/date/index.d.ts +0 -4
- package/types/vuu-utils/src/date/types.d.ts +0 -24
- package/types/vuu-utils/src/debug-utils.d.ts +0 -9
- package/types/vuu-utils/src/event-emitter.d.ts +0 -21
- package/types/vuu-utils/src/feature-utils.d.ts +0 -110
- package/types/vuu-utils/src/filters/filter-utils.d.ts +0 -82
- package/types/vuu-utils/src/filters/filterAsQuery.d.ts +0 -7
- package/types/vuu-utils/src/filters/index.d.ts +0 -2
- package/types/vuu-utils/src/form-utils.d.ts +0 -23
- package/types/vuu-utils/src/formatting-utils.d.ts +0 -14
- package/types/vuu-utils/src/getUniqueId.d.ts +0 -1
- package/types/vuu-utils/src/group-utils.d.ts +0 -10
- package/types/vuu-utils/src/html-utils.d.ts +0 -21
- package/types/vuu-utils/src/index.d.ts +0 -73
- package/types/vuu-utils/src/input-utils.d.ts +0 -2
- package/types/vuu-utils/src/invariant.d.ts +0 -1
- package/types/vuu-utils/src/itemToString.d.ts +0 -2
- package/types/vuu-utils/src/json-types.d.ts +0 -52
- package/types/vuu-utils/src/json-utils.d.ts +0 -6
- package/types/vuu-utils/src/keyboard-utils.d.ts +0 -15
- package/types/vuu-utils/src/keyset.d.ts +0 -16
- package/types/vuu-utils/src/layout-types.d.ts +0 -22
- package/types/vuu-utils/src/list-utils.d.ts +0 -2
- package/types/vuu-utils/src/local-storage-utils.d.ts +0 -3
- package/types/vuu-utils/src/logging-utils.d.ts +0 -45
- package/types/vuu-utils/src/module-utils.d.ts +0 -8
- package/types/vuu-utils/src/moving-window.d.ts +0 -18
- package/types/vuu-utils/src/nanoid/index.d.ts +0 -1
- package/types/vuu-utils/src/perf-utils.d.ts +0 -5
- package/types/vuu-utils/src/promise-utils.d.ts +0 -8
- package/types/vuu-utils/src/protocol-message-utils.d.ts +0 -34
- package/types/vuu-utils/src/range-utils.d.ts +0 -31
- package/types/vuu-utils/src/react-utils.d.ts +0 -8
- package/types/vuu-utils/src/round-decimal.d.ts +0 -1
- package/types/vuu-utils/src/row-utils.d.ts +0 -27
- package/types/vuu-utils/src/selection-utils.d.ts +0 -4
- package/types/vuu-utils/src/shell-layout-types.d.ts +0 -15
- package/types/vuu-utils/src/sort-utils.d.ts +0 -11
- package/types/vuu-utils/src/table-schema-utils.d.ts +0 -3
- package/types/vuu-utils/src/text-utils.d.ts +0 -2
- package/types/vuu-utils/src/tree-types.d.ts +0 -9
- package/types/vuu-utils/src/tree-utils.d.ts +0 -9
- package/types/vuu-utils/src/ts-utils.d.ts +0 -20
- package/types/vuu-utils/src/typeahead-utils.d.ts +0 -1
- package/types/vuu-utils/src/url-utils.d.ts +0 -2
- package/types/vuu-utils/src/useId.d.ts +0 -1
- package/types/vuu-utils/src/useLayoutEffectSkipFirst.d.ts +0 -2
- package/types/vuu-utils/src/useStateRef.d.ts +0 -2
- package/types/vuu-utils/src/user-types.d.ts +0 -4
- /package/types/{vuu-data-react/src/data-editing → data-editing}/EditForm.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/UnsavedChangesReport.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/edit-rule-validation-checker.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/edit-validation-rules.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/form-edit-state.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/get-data-item-edit-control.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/index.d.ts +0 -0
- /package/types/{vuu-data-react/src/data-editing → data-editing}/useEditForm.d.ts +0 -0
- /package/types/{vuu-data-react/src/datasource-provider → datasource-provider}/VuuDataSourceProvider.d.ts +0 -0
- /package/types/{vuu-data-react/src/datasource-provider → datasource-provider}/index.d.ts +0 -0
- /package/types/{vuu-data-react/src/datasource-provider → datasource-provider}/useAutoLoginToVuuServer.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/index.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useLookupValues.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useRemoteConnection.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useSessionDataSource.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useTypeaheadSuggestions.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useVisualLinks.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useVuuMenuActions.d.ts +0 -0
- /package/types/{vuu-data-react/src/hooks → hooks}/useVuuTables.d.ts +0 -0
- /package/types/{vuu-data-react/src/index.d.ts → index.d.ts} +0 -0
- /package/types/{vuu-data-react/src/lost-connection-indicator → lost-connection-indicator}/LostConnectionIndicator.d.ts +0 -0
- /package/types/{vuu-data-react/src/session-editing-form → session-editing-form}/SessionEditingForm.d.ts +0 -0
- /package/types/{vuu-data-react/src/session-editing-form → session-editing-form}/index.d.ts +0 -0
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { orientationType } from "@vuu-ui/vuu-utils";
|
|
2
|
-
import { ViewportRange } from "./dragDropTypes";
|
|
3
|
-
import { Direction, Rect } from "./dragDropTypes";
|
|
4
|
-
export declare const NOT_OVERFLOWED = ":not(.wrapped)";
|
|
5
|
-
export declare const NOT_HIDDEN = ":not([aria-hidden=\"true\"])";
|
|
6
|
-
export type MeasuredDropTarget = {
|
|
7
|
-
/**
|
|
8
|
-
The index position currently occupied by this item. If draggable
|
|
9
|
-
is dropped here, this will be the destination drop position.
|
|
10
|
-
*/
|
|
11
|
-
currentIndex: number;
|
|
12
|
-
element: HTMLElement;
|
|
13
|
-
id: string;
|
|
14
|
-
index: number;
|
|
15
|
-
isDraggedItem: boolean;
|
|
16
|
-
isExternal?: boolean;
|
|
17
|
-
isLast?: boolean;
|
|
18
|
-
isOverflowIndicator?: boolean;
|
|
19
|
-
start: number;
|
|
20
|
-
end: number;
|
|
21
|
-
mid: number;
|
|
22
|
-
size: number;
|
|
23
|
-
};
|
|
24
|
-
export type targetType = {
|
|
25
|
-
element: HTMLElement | null;
|
|
26
|
-
index: number;
|
|
27
|
-
isLast?: boolean;
|
|
28
|
-
};
|
|
29
|
-
/** clones and removes id */
|
|
30
|
-
export declare const cloneElement: <T extends HTMLElement>(element: T) => T;
|
|
31
|
-
type MousePosKey = keyof Pick<MouseEvent, "clientX" | "clientY">;
|
|
32
|
-
type DOMRectKey = keyof Omit<DOMRect, "toJSON">;
|
|
33
|
-
type DOMRectDimensionKey = keyof Pick<DOMRect, "width" | "height">;
|
|
34
|
-
type Dimension = keyof Pick<DOMRect, "width" | "height">;
|
|
35
|
-
type ElementDimension = keyof Pick<HTMLElement, "scrollHeight" | "scrollWidth" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft">;
|
|
36
|
-
type ElementPosition = "x" | "y";
|
|
37
|
-
export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
|
|
38
|
-
export declare const dimensions: (orientation: orientationType) => {
|
|
39
|
-
CLIENT_POS: MousePosKey;
|
|
40
|
-
CLIENT_SIZE: ElementDimension;
|
|
41
|
-
CONTRA: DOMRectKey;
|
|
42
|
-
CONTRA_CLIENT_POS: MousePosKey;
|
|
43
|
-
CONTRA_END: DOMRectDimensionKey;
|
|
44
|
-
CONTRA_POS: ElementPosition;
|
|
45
|
-
DIMENSION: DOMRectDimensionKey;
|
|
46
|
-
END: DOMRectKey;
|
|
47
|
-
POS: ElementPosition;
|
|
48
|
-
SCROLL_POS: ElementDimension;
|
|
49
|
-
SCROLL_SIZE: ElementDimension;
|
|
50
|
-
START: DOMRectKey;
|
|
51
|
-
} | {
|
|
52
|
-
CLIENT_POS: MousePosKey;
|
|
53
|
-
CLIENT_SIZE: ElementDimension;
|
|
54
|
-
CONTRA: DOMRectKey;
|
|
55
|
-
CONTRA_CLIENT_POS: MousePosKey;
|
|
56
|
-
CONTRA_END: DOMRectDimensionKey;
|
|
57
|
-
CONTRA_POS: ElementPosition;
|
|
58
|
-
DIMENSION: DOMRectDimensionKey;
|
|
59
|
-
END: DOMRectKey;
|
|
60
|
-
POS: ElementPosition;
|
|
61
|
-
SCROLL_POS: ElementDimension;
|
|
62
|
-
SCROLL_SIZE: ElementDimension;
|
|
63
|
-
START: DOMRectKey;
|
|
64
|
-
};
|
|
65
|
-
export declare const getItemById: (measuredItems: MeasuredDropTarget[], id: string) => MeasuredDropTarget | undefined;
|
|
66
|
-
export declare const removeDraggedItem: (measuredItems: MeasuredDropTarget[], index: number) => void;
|
|
67
|
-
export type dropZone = "start" | "end";
|
|
68
|
-
export declare const measureDropTargets: (container: HTMLElement, orientation: orientationType, itemQuery?: string, viewportRange?: ViewportRange, draggedItemId?: string) => MeasuredDropTarget[];
|
|
69
|
-
export declare const getIndexOfDraggedItem: (dropTargets: MeasuredDropTarget[]) => number;
|
|
70
|
-
export declare const mutateDropTargetsSwitchDropTargetPosition: (dropTargets: MeasuredDropTarget[], direction: Direction) => void;
|
|
71
|
-
export declare const getNextDropTarget: (dropTargets: MeasuredDropTarget[], pos: number, draggedItemSize: number, mouseMoveDirection: Direction) => MeasuredDropTarget;
|
|
72
|
-
/**
|
|
73
|
-
* An item within a scrollable container might have a width or height greater than that of
|
|
74
|
-
* the container. If we drag such an item, we don't want the draggable to be larger than
|
|
75
|
-
* the container.
|
|
76
|
-
*/
|
|
77
|
-
export declare function constrainRect(targetRect: Rect, constraintRect: Rect): Rect;
|
|
78
|
-
export declare const dropTargetsDebugString: (dropTargets: MeasuredDropTarget[]) => string;
|
|
79
|
-
export declare const getItemParentContainer: (container: HTMLElement | null, itemQuery: string) => HTMLElement | null;
|
|
80
|
-
export declare const getScrollableContainer: (container: HTMLElement | null, itemQuery: string) => HTMLElement | null;
|
|
81
|
-
export declare const isContainerScrollable: (scrollableContainer: HTMLElement | null, orientation: orientationType) => boolean;
|
|
82
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RefObject } from "react";
|
|
2
|
-
export type ScrollStopHandler = (scrollDirection: "fwd" | "bwd", scrollPos: number, atEnd: boolean) => void;
|
|
3
|
-
export declare const useAutoScroll: ({ containerRef, onScrollingStopped, orientation, }: {
|
|
4
|
-
containerRef: RefObject<HTMLElement | null>;
|
|
5
|
-
onScrollingStopped?: ScrollStopHandler;
|
|
6
|
-
orientation?: "horizontal" | "vertical";
|
|
7
|
-
}) => {
|
|
8
|
-
isScrolling: RefObject<boolean>;
|
|
9
|
-
startScrolling: (direction: "fwd" | "bwd", scrollRate: number, scrollUnit?: number) => void;
|
|
10
|
-
stopScrolling: (atEnd?: boolean) => void;
|
|
11
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { orientationType } from "@vuu-ui/vuu-utils";
|
|
2
|
-
import { Direction } from "./dragDropTypes";
|
|
3
|
-
import { MeasuredDropTarget } from "./drop-target-utils";
|
|
4
|
-
export type DragDisplacersHookResult = {
|
|
5
|
-
displaceItem: (dropTargets: MeasuredDropTarget[], dropTarget: MeasuredDropTarget, size: number, useTransition?: boolean, direction?: Direction | "static", orientation?: "horizontal" | "vertical") => number;
|
|
6
|
-
displaceLastItem: (dropTargets: MeasuredDropTarget[], dropTarget: MeasuredDropTarget, size: number, useTransition?: boolean, direction?: Direction | "static", orientation?: "horizontal" | "vertical") => number;
|
|
7
|
-
clearSpacers: (useAnimation?: boolean) => void;
|
|
8
|
-
/** Insert the sized spacer at start or end of collection */
|
|
9
|
-
setTerminalSpacer: (container: HTMLElement, position: "start" | "end", size: number) => void;
|
|
10
|
-
};
|
|
11
|
-
export type DragDisplacersHook = (orientation: orientationType) => DragDisplacersHookResult;
|
|
12
|
-
/**
|
|
13
|
-
* Manage a pair of displacer elements to smoothly display a moving gap between
|
|
14
|
-
* list items of any kind. Designed to be used in a drag drop operation. The 'static'
|
|
15
|
-
* direction option should be used at drag start or following scroll.
|
|
16
|
-
*/
|
|
17
|
-
export declare const useDragDisplacers: DragDisplacersHook;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypes";
|
|
2
|
-
export declare const NULL_DROP_OPTIONS: {
|
|
3
|
-
readonly fromIndex: -1;
|
|
4
|
-
readonly toIndex: -1;
|
|
5
|
-
};
|
|
6
|
-
export declare const useDragDropCopy: ({ selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { dropZone, MeasuredDropTarget } from "./drop-target-utils";
|
|
2
|
-
export declare const SPACER_SIZE = 0;
|
|
3
|
-
export type DropIndicatorHookResult = {
|
|
4
|
-
positionDropIndicator: (dropTarget: MeasuredDropTarget, dropZone: dropZone) => HTMLElement;
|
|
5
|
-
clearSpacer: () => void;
|
|
6
|
-
};
|
|
7
|
-
export type DropIndicatorHook = () => DropIndicatorHookResult;
|
|
8
|
-
export declare const useDropIndicator: DropIndicatorHook;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { MeasuredTarget } from "./DragDropProvider";
|
|
2
|
-
import { DragDropState } from "./DragDropState";
|
|
3
|
-
export type ResumeDragHandler = (dragDropState: DragDropState) => boolean;
|
|
4
|
-
export type GlobalDropHandler = (dragDropState: DragDropState) => void;
|
|
5
|
-
export declare const useGlobalDragDrop: ({ onDragOverDropTarget, onDrop, }: {
|
|
6
|
-
onDragOverDropTarget: (dropTargetId: string, dragDropState: DragDropState) => boolean;
|
|
7
|
-
onDrop: (dropTargetId: string, dragDropState: DragDropState) => void;
|
|
8
|
-
}) => {
|
|
9
|
-
measuredDropTargetsRef: import("react").RefObject<Record<string, MeasuredTarget> | undefined>;
|
|
10
|
-
resumeDrag: ResumeDragHandler;
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./useEditableText";
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { DataValueValidationChecker } from "@vuu-ui/vuu-data-types";
|
|
2
|
-
import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
|
|
3
|
-
import type { DataItemEditHandler } from "@vuu-ui/vuu-table-types";
|
|
4
|
-
import { FocusEventHandler, FormEventHandler, KeyboardEvent } from "react";
|
|
5
|
-
export interface EditableTextHookProps<T extends VuuRowDataItemType = VuuRowDataItemType> {
|
|
6
|
-
clientSideEditValidationCheck?: DataValueValidationChecker;
|
|
7
|
-
value?: T;
|
|
8
|
-
onEdit?: DataItemEditHandler;
|
|
9
|
-
type?: "string" | "number" | "boolean";
|
|
10
|
-
}
|
|
11
|
-
export declare const useEditableText: <T extends string | number | boolean = string>({ clientSideEditValidationCheck, value, onEdit, type, }: EditableTextHookProps<T>) => {
|
|
12
|
-
inputProps: {
|
|
13
|
-
onBlur: FocusEventHandler<HTMLElement>;
|
|
14
|
-
onKeyDown: (evt: KeyboardEvent<HTMLElement>) => void;
|
|
15
|
-
};
|
|
16
|
-
onChange: FormEventHandler;
|
|
17
|
-
value: string;
|
|
18
|
-
warningMessage: string | undefined;
|
|
19
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ForwardedRef, HTMLAttributes } from "react";
|
|
2
|
-
export type ExitEditModeHandler = (originalLabel: string | undefined, editedLabel: string | undefined, allowDeactivation?: boolean, editCancelled?: boolean) => void;
|
|
3
|
-
export interface EditAPI {
|
|
4
|
-
beginEdit: () => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const NullEditAPI: EditAPI;
|
|
7
|
-
export interface EditableLabelProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
8
|
-
className?: string;
|
|
9
|
-
defaultEditing?: boolean;
|
|
10
|
-
defaultValue?: string;
|
|
11
|
-
editLabelApiRef?: ForwardedRef<EditAPI>;
|
|
12
|
-
editing?: boolean;
|
|
13
|
-
onEnterEditMode?: () => void;
|
|
14
|
-
onChange?: (value: string) => void;
|
|
15
|
-
onExitEditMode: ExitEditModeHandler;
|
|
16
|
-
defaultIsEditing?: boolean;
|
|
17
|
-
value?: string;
|
|
18
|
-
}
|
|
19
|
-
export declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./EditableLabel";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { CommitHandler } from "@vuu-ui/vuu-utils";
|
|
2
|
-
import { VuuInputProps } from "../vuu-input";
|
|
3
|
-
export interface ExpandoInputProps extends Omit<VuuInputProps, "onCommit"> {
|
|
4
|
-
onCommit?: CommitHandler;
|
|
5
|
-
}
|
|
6
|
-
export declare const ExpandoInput: import("react").ForwardRefExoticComponent<ExpandoInputProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ExpandoInput";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
|
-
name: string;
|
|
4
|
-
size?: number;
|
|
5
|
-
}
|
|
6
|
-
export declare const Icon: ({ className, name, size, style: styleProp, ...htmlAttributes }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ButtonProps } from "@salt-ds/core";
|
|
2
|
-
export interface IconButtonProps extends Omit<ButtonProps, "children"> {
|
|
3
|
-
icon: string;
|
|
4
|
-
size?: number;
|
|
5
|
-
}
|
|
6
|
-
export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IconButtonProps } from "./IconButton";
|
|
2
|
-
export interface ToggleIconButtonProps extends Omit<IconButtonProps, "icon"> {
|
|
3
|
-
isExpanded: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare const ToggleIconButton: ({ className, isExpanded, size, variant, ...props }: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export * from "./calendar";
|
|
2
|
-
export * from "./column-picker";
|
|
3
|
-
export * from "./common-hooks";
|
|
4
|
-
export { ContextPanelProvider, useContextPanel, useHideContextPanel, } from "./context-panel-provider/ContextPanelProvider";
|
|
5
|
-
export * from "./cycle-state-button";
|
|
6
|
-
export * from "./date-input";
|
|
7
|
-
export * from "./date-picker";
|
|
8
|
-
export * from "./drag-drop";
|
|
9
|
-
export * from "./editable";
|
|
10
|
-
export * from "./editable-label";
|
|
11
|
-
export * from "./expando-input";
|
|
12
|
-
export * from "./icon-button";
|
|
13
|
-
export * from "./instrument-picker";
|
|
14
|
-
export * from "./measured-container";
|
|
15
|
-
export { ModalProvider, useModal } from "./modal-provider/ModalProvider";
|
|
16
|
-
export * from "./overflow-container";
|
|
17
|
-
export * from "./price-ticker";
|
|
18
|
-
export { Prompt, type PromptProps } from "./prompt/Prompt";
|
|
19
|
-
export { SortableList, SortableOption } from "./sortable-list/SortableList";
|
|
20
|
-
export * from "./split-button";
|
|
21
|
-
export * from "./table-search";
|
|
22
|
-
export * from "./tabs-next";
|
|
23
|
-
export * from "./tabstrip";
|
|
24
|
-
export { TimeInput, type TimeInputProps } from "./time-input/TimeInput";
|
|
25
|
-
export * from "./toolbar";
|
|
26
|
-
export * from "./utils";
|
|
27
|
-
export * from "./vuu-date-picker";
|
|
28
|
-
export * from "./vuu-input";
|
|
29
|
-
export { VuuTimePicker, type VuuTimePickerProps, } from "./vuu-time-picker/VuuTimePicker";
|
|
30
|
-
export * from "./vuu-typeahead-input";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { DataSourceRowObject, TableSchema } from "@vuu-ui/vuu-data-types";
|
|
2
|
-
import { type TableProps } from "@vuu-ui/vuu-table";
|
|
3
|
-
import { type HTMLAttributes } from "react";
|
|
4
|
-
export interface TablePickerProps extends Omit<HTMLAttributes<HTMLElement>, "onSelect">, Pick<TableProps, "onSelect"> {
|
|
5
|
-
TableProps?: Pick<TableProps, "config">;
|
|
6
|
-
rowToString?: (row: DataSourceRowObject) => string;
|
|
7
|
-
schema: TableSchema;
|
|
8
|
-
searchColumns?: string[];
|
|
9
|
-
}
|
|
10
|
-
export declare const TablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, ...htmlAttributes }: TablePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./TablePicker";
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent, KeyboardEventHandler, RefCallback } from "react";
|
|
2
|
-
import type { TableConfig, TableRowSelectHandler } from "@vuu-ui/vuu-table-types";
|
|
3
|
-
import type { TablePickerProps } from "./TablePicker";
|
|
4
|
-
export interface TablePickerHookProps extends Pick<TablePickerProps, "TableProps" | "onSelect" | "rowToString" | "schema" | "searchColumns"> {
|
|
5
|
-
defaultIsOpen?: boolean;
|
|
6
|
-
isOpen?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const useTablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, }: TablePickerHookProps) => {
|
|
9
|
-
containerRef: RefCallback<HTMLDivElement>;
|
|
10
|
-
dataSource: import("@vuu-ui/vuu-data-types").DataSource;
|
|
11
|
-
highlightedIndex: number | undefined;
|
|
12
|
-
floatingUIProps: {
|
|
13
|
-
reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
|
|
14
|
-
floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
|
|
15
|
-
placement: import("@floating-ui/utils").Placement;
|
|
16
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
17
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
18
|
-
x: number;
|
|
19
|
-
y: number;
|
|
20
|
-
isPositioned: boolean;
|
|
21
|
-
update: () => void;
|
|
22
|
-
floatingStyles: React.CSSProperties;
|
|
23
|
-
refs: {
|
|
24
|
-
reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
|
|
25
|
-
floating: React.MutableRefObject<HTMLElement | null>;
|
|
26
|
-
setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
|
|
27
|
-
setFloating: (node: HTMLElement | null) => void;
|
|
28
|
-
} & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
29
|
-
};
|
|
30
|
-
inputProps: {
|
|
31
|
-
inputProps: {
|
|
32
|
-
autoComplete: string;
|
|
33
|
-
onKeyDown: KeyboardEventHandler<HTMLElement>;
|
|
34
|
-
};
|
|
35
|
-
onChange: (evt: ChangeEvent<HTMLInputElement>) => void;
|
|
36
|
-
};
|
|
37
|
-
interactionPropGetters: import("@floating-ui/react").UseInteractionsReturn;
|
|
38
|
-
onKeyDown: KeyboardEventHandler<HTMLElement>;
|
|
39
|
-
open: boolean;
|
|
40
|
-
tableConfig: TableConfig;
|
|
41
|
-
tableHandlers: {
|
|
42
|
-
onSelect: TableRowSelectHandler;
|
|
43
|
-
};
|
|
44
|
-
tableRef: import("react").RefObject<HTMLDivElement | null>;
|
|
45
|
-
value: string;
|
|
46
|
-
width: number;
|
|
47
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import { MeasuredSize } from "./useMeasuredContainer";
|
|
3
|
-
export interface MeasuredContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onResize"> {
|
|
4
|
-
/**
|
|
5
|
-
* A numeric value for height will result in a fixed height. To adapt to container
|
|
6
|
-
* use either a percentage height or 'auto'. Always use 'auto' when rendering
|
|
7
|
-
* within a column based flex container, together with a flex value (use the
|
|
8
|
-
* --vuuMeasuredContainer-flex CSS custom property))
|
|
9
|
-
*/
|
|
10
|
-
height?: number | string;
|
|
11
|
-
onResize?: (size: MeasuredSize) => void;
|
|
12
|
-
width?: number | string;
|
|
13
|
-
}
|
|
14
|
-
export declare const MeasuredContainer: import("react").ForwardRefExoticComponent<MeasuredContainerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, RefObject } from "react";
|
|
2
|
-
import { MeasuredContainerProps } from "./MeasuredContainer";
|
|
3
|
-
export interface ClientSize {
|
|
4
|
-
clientHeight: number;
|
|
5
|
-
clientWidth: number;
|
|
6
|
-
}
|
|
7
|
-
export interface MeasuredProps extends Pick<MeasuredContainerProps, "height" | "onResize" | "width"> {
|
|
8
|
-
defaultHeight?: number;
|
|
9
|
-
defaultWidth?: number;
|
|
10
|
-
}
|
|
11
|
-
export type CssSize = Pick<CSSProperties, "height" | "width">;
|
|
12
|
-
export interface MeasuredSize {
|
|
13
|
-
height: number;
|
|
14
|
-
width: number;
|
|
15
|
-
}
|
|
16
|
-
export interface MeasuredContainerHookResult {
|
|
17
|
-
containerRef: RefObject<HTMLDivElement | null>;
|
|
18
|
-
cssSize: CssSize;
|
|
19
|
-
outerSize: CssSize;
|
|
20
|
-
innerSize?: MeasuredSize;
|
|
21
|
-
}
|
|
22
|
-
export declare const reduceSizeHeight: (size: MeasuredSize, value: number) => MeasuredSize;
|
|
23
|
-
export declare const useMeasuredContainer: ({ defaultHeight, defaultWidth, height, onResize: onResizeProp, width, }: MeasuredProps) => MeasuredContainerHookResult;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { RefObject } from "react";
|
|
2
|
-
export declare const WidthHeight: string[];
|
|
3
|
-
export declare const WidthOnly: string[];
|
|
4
|
-
export type measurements<T = string | number> = {
|
|
5
|
-
height?: T;
|
|
6
|
-
clientHeight?: number;
|
|
7
|
-
clientWidth?: number;
|
|
8
|
-
contentHeight?: number;
|
|
9
|
-
contentWidth?: number;
|
|
10
|
-
scrollHeight?: number;
|
|
11
|
-
scrollWidth?: number;
|
|
12
|
-
width?: T;
|
|
13
|
-
};
|
|
14
|
-
export type ResizeHandler = (measurements: measurements<number>) => void;
|
|
15
|
-
export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: readonly string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactElement, ReactNode } from "react";
|
|
2
|
-
import { PromptProps } from "../prompt/Prompt";
|
|
3
|
-
export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
|
|
4
|
-
export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
|
|
5
|
-
export declare const ModalProvider: ({ children }: {
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const useModal: () => {
|
|
9
|
-
showDialog: ShowDialog;
|
|
10
|
-
closeDialog: () => void;
|
|
11
|
-
showPrompt: ShowPrompt;
|
|
12
|
-
closePrompt: () => void;
|
|
13
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { PopupMenuProps } from "@vuu-ui/vuu-popups";
|
|
2
|
-
import { orientationType } from "@vuu-ui/vuu-utils";
|
|
3
|
-
import React, { HTMLAttributes } from "react";
|
|
4
|
-
import { OverflowItem } from "./overflow-utils";
|
|
5
|
-
export interface OverflowContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
PopupMenuProps?: Partial<PopupMenuProps>;
|
|
7
|
-
allowDragDrop?: boolean;
|
|
8
|
-
debugId?: string;
|
|
9
|
-
onMoveItem?: (fromIndex: number, toIndex: number) => void;
|
|
10
|
-
onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
|
|
11
|
-
orientation?: orientationType;
|
|
12
|
-
overflowIcon?: string;
|
|
13
|
-
overflowPosition?: "start" | "end" | number;
|
|
14
|
-
}
|
|
15
|
-
export declare const OverflowContainer: React.ForwardRefExoticComponent<OverflowContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { orientationType } from "@vuu-ui/vuu-utils";
|
|
2
|
-
export type OverflowItem = {
|
|
3
|
-
index: string;
|
|
4
|
-
label: string;
|
|
5
|
-
overflowPriority: string;
|
|
6
|
-
};
|
|
7
|
-
export declare const sortByScreenOrder: (elements: HTMLElement[]) => HTMLElement[];
|
|
8
|
-
export declare const NO_WRAPPED_ITEMS: OverflowItem[];
|
|
9
|
-
/**
|
|
10
|
-
Identify wrapped items by comparing position of each item. Any item
|
|
11
|
-
not to the right of preceeding item has wrapped. Note: on-screen
|
|
12
|
-
position of items does not necessarily match document position, due
|
|
13
|
-
to use of css order. This is taken into account by sorting.
|
|
14
|
-
TODO support Vertical orientation
|
|
15
|
-
*/
|
|
16
|
-
export declare const getNonWrappedAndWrappedItems: (container: HTMLElement, orientation: orientationType) => [OverflowItem[], OverflowItem[]];
|
|
17
|
-
export declare const applyOverflowClassToWrappedItems: (container: HTMLElement, overflowedItems: OverflowItem[], classBase?: string) => void;
|
|
18
|
-
export declare const overflowIndicatorHasWrappedButShouldNotHave: (wrappedItems: OverflowItem[]) => boolean;
|
|
19
|
-
export declare const highPriorityItemsHaveWrappedButShouldNotHave: (nonWrappedItems: OverflowItem[], wrappedItems: OverflowItem[]) => boolean;
|
|
20
|
-
/**
|
|
21
|
-
An edge case that may occur when reducing width from unwrapped to
|
|
22
|
-
wrapped, or on first render.
|
|
23
|
-
We overflow one or more items. Then, when the overflowIndicator assumes
|
|
24
|
-
full width, it may itself overflow.
|
|
25
|
-
*/
|
|
26
|
-
export declare const correctForWrappedOverflowIndicator: (container: HTMLElement, overflowedItems: OverflowItem[], orientation: orientationType) => Promise<OverflowItem[]>;
|
|
27
|
-
/**
|
|
28
|
-
An edge case that may occur when reducing width from unwrapped to
|
|
29
|
-
wrapped, or on first render.
|
|
30
|
-
We overflow one or more items. Then, when the overflowIndicator assumes
|
|
31
|
-
full width, it may itself overflow.
|
|
32
|
-
*/
|
|
33
|
-
export declare const correctForWrappedHighPriorityItems: (container: HTMLElement, nonWrapped: OverflowItem[], wrapped: OverflowItem[], orientation: orientationType) => Promise<[OverflowItem[], OverflowItem[]]>;
|
|
34
|
-
export declare const markElementAsWrapped: (container: HTMLElement, item: OverflowItem) => void;
|
|
35
|
-
export declare const getElementsMarkedAsWrapped: (container: HTMLElement) => HTMLElement[];
|
|
36
|
-
export declare const unmarkItemsWhichAreNoLongerWrapped: (container: HTMLElement, wrappedItems: OverflowItem[]) => void;
|
|
37
|
-
/**
|
|
38
|
-
An edge case. If container has grown but we still have one
|
|
39
|
-
wrapped item - could the wrapped item return to the fold if the overflow
|
|
40
|
-
indicaor were removed ?
|
|
41
|
-
*/
|
|
42
|
-
export declare const removeOverflowIndicatorIfNoLongerNeeded: (container: HTMLElement, orientation: orientationType) => boolean;
|
|
43
|
-
/**
|
|
44
|
-
* This is used both when an overflow menu is used to select an overflowed item
|
|
45
|
-
* and when a high priority item has overflowed, whilst lower priority items
|
|
46
|
-
* remain in view.
|
|
47
|
-
*/
|
|
48
|
-
export declare const switchWrappedItemIntoView: (container: HTMLElement, overflowItem: OverflowItem, orientation: orientationType) => [OverflowItem[], OverflowItem[]];
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { OverflowItem } from "./overflow-utils";
|
|
2
|
-
import { OverflowContainerProps } from "./OverflowContainer";
|
|
3
|
-
import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
|
|
4
|
-
export interface OverflowContainerHookProps extends Pick<OverflowContainerProps, "allowDragDrop" | "onMoveItem">, Required<Pick<OverflowContainerProps, "orientation">> {
|
|
5
|
-
itemCount: number;
|
|
6
|
-
onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const useOverflowContainer: ({ allowDragDrop, itemCount, onMoveItem, onSwitchWrappedItemIntoView, orientation, }: OverflowContainerHookProps) => {
|
|
9
|
-
draggable?: import("react").ReactElement;
|
|
10
|
-
dropIndicator?: import("react").ReactElement;
|
|
11
|
-
draggedItemIndex?: number;
|
|
12
|
-
isDragging: boolean;
|
|
13
|
-
isScrolling: import("react").RefObject<boolean>;
|
|
14
|
-
revealOverflowedItems?: boolean;
|
|
15
|
-
menuActionHandler: MenuActionHandler;
|
|
16
|
-
menuBuilder: MenuBuilder;
|
|
17
|
-
onItemMouseDown: import("react").MouseEventHandler | undefined;
|
|
18
|
-
rootRef: (el: HTMLDivElement | null) => void;
|
|
19
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
export interface PriceTickerProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
decimals?: number;
|
|
4
|
-
price?: number;
|
|
5
|
-
showArrow?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./PriceTicker";
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { DialogHeaderProps, DialogProps } from "@salt-ds/core";
|
|
2
|
-
import { HTMLAttributes, ReactNode, RefObject } from "react";
|
|
3
|
-
/**
|
|
4
|
-
* Allow fine grained configuration of Prompt buttons
|
|
5
|
-
* The ref is provided to facilitate programmatic focus.
|
|
6
|
-
*/
|
|
7
|
-
export interface PromptButtonProps {
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
label?: string;
|
|
10
|
-
ref?: RefObject<HTMLButtonElement | null>;
|
|
11
|
-
}
|
|
12
|
-
export interface PromptProps extends Pick<DialogProps, "onOpenChange" | "open" | "status">, Pick<DialogHeaderProps, "disableAccent">, Omit<HTMLAttributes<HTMLDivElement>, "content" | "title"> {
|
|
13
|
-
/**
|
|
14
|
-
* For simple configuration, where just a cancel button label is required.
|
|
15
|
-
*/
|
|
16
|
-
cancelButtonLabel?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Allow fine grained configuration of cancel button
|
|
19
|
-
*/
|
|
20
|
-
cancelButtonProps?: PromptButtonProps;
|
|
21
|
-
/**
|
|
22
|
-
* For simple configuration, where just a confirm button label is required.
|
|
23
|
-
*/
|
|
24
|
-
confirmButtonLabel?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Allow fine grained configuration of confirm button
|
|
27
|
-
*/
|
|
28
|
-
confirmButtonProps?: PromptButtonProps;
|
|
29
|
-
/**
|
|
30
|
-
* A custom action will be displayed in Prompt button bar, before cancel/confirm buttons.
|
|
31
|
-
*/
|
|
32
|
-
customAction?: ReactNode;
|
|
33
|
-
icon?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Set this prop if one of the three built-in buttons should receive initial focus.
|
|
36
|
-
* Allows user to quickly dismiss/confirm prompt from keyboard. If the prompt content
|
|
37
|
-
* contains focusable item(s), focus should be controlled by caller.
|
|
38
|
-
*/
|
|
39
|
-
initialFocusedItem?: "confirm" | "cancel" | "close";
|
|
40
|
-
onCancel?: () => void;
|
|
41
|
-
onConfirm?: () => void;
|
|
42
|
-
onClose?: () => void;
|
|
43
|
-
showCancelButton?: boolean;
|
|
44
|
-
showCloseButton?: boolean;
|
|
45
|
-
showConfirmButton?: boolean;
|
|
46
|
-
title: string;
|
|
47
|
-
}
|
|
48
|
-
export declare const Prompt: ({ children, className, cancelButtonLabel, cancelButtonProps, confirmButtonLabel, confirmButtonProps, customAction, disableAccent, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton, showCloseButton, showConfirmButton, status, title, ...htmlAttributes }: PromptProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ListBoxProps, OptionProps } from "@salt-ds/core";
|
|
2
|
-
export declare const SortableOption: ({ id, index, value, ...optionProps }: OptionProps & {
|
|
3
|
-
id: string;
|
|
4
|
-
index: number;
|
|
5
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const SortableList: ({ children, onReorderListItems, ...listBoxProps }: ListBoxProps & {
|
|
7
|
-
onReorderListItems?: (listItems: unknown[]) => void;
|
|
8
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { PopupMenuProps } from "@vuu-ui/vuu-popups";
|
|
2
|
-
import { ButtonProps } from "@salt-ds/core";
|
|
3
|
-
import { HTMLAttributes } from "react";
|
|
4
|
-
export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick">, Pick<ButtonProps, "onClick"> {
|
|
5
|
-
ButtonProps?: Partial<Omit<ButtonProps, "onClick" | "variant">>;
|
|
6
|
-
PopupMenuProps?: Partial<PopupMenuProps>;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
segmented?: boolean;
|
|
9
|
-
variant?: ButtonProps["variant"];
|
|
10
|
-
}
|
|
11
|
-
export declare const SplitButton: import("react").ForwardRefExoticComponent<SplitButtonProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { SplitButtonProps } from "./SplitButton";
|
|
2
|
-
export interface SplitStateButtonProps extends SplitButtonProps {
|
|
3
|
-
selected: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare const SplitStateButton: import("react").ForwardRefExoticComponent<SplitStateButtonProps & import("react").RefAttributes<HTMLDivElement>>;
|