@dcs-tech/ui 0.9.0 → 0.11.0

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.
Files changed (235) hide show
  1. package/CHANGELOG.md +488 -0
  2. package/README.md +43 -7
  3. package/THIRD_PARTY_NOTICES.md +23 -0
  4. package/dist/ChartImageMenu-sB2QNQzd.js +9673 -0
  5. package/dist/ChartView-BstZkP1g.js +1942 -0
  6. package/dist/{SummaryChart-CxRjK_HU.js → SummaryChart-B5ibDNOZ.js} +11 -10
  7. package/dist/{SummaryImage-Crf1R-3a.js → SummaryImage-CRP7X2Nl.js} +2 -2
  8. package/dist/SummarySeeAll-CtYRGV4G.js +101 -0
  9. package/dist/assets/fileTask.worker-D97s2vRV.js +1 -0
  10. package/dist/columnValue-BOn9NC8X.js +644 -0
  11. package/dist/exportContext-CMzuzRjc.js +274 -0
  12. package/dist/{exportEngine-BFZD6djX.js → exportEngine-CYDN8Ty-.js} +167 -137
  13. package/dist/file-worker.js +1 -1
  14. package/dist/{fileActions-CFNO14Aj.js → fileActions-DkPEWE-t.js} +1 -1
  15. package/dist/{geometry-yZmKN662.js → geometry-CFS5If1N.js} +848 -439
  16. package/dist/index.js +24208 -12603
  17. package/dist/{labels-CnqqTrne.js → labels-mukFhYkc.js} +126 -1
  18. package/dist/{runFileTask-BIZTFnZP.js → runFileTask-DI_39TjR.js} +17 -0
  19. package/dist/scrollArea-B52kugL1.js +291 -0
  20. package/dist/style.css +1 -1
  21. package/dist/{summaryChartData-CARqGRUl.js → summaryChartData-D15kw64n.js} +10 -3
  22. package/dist/types/components/Alert/Alert.d.ts +16 -0
  23. package/dist/types/components/Alert/index.d.ts +2 -0
  24. package/dist/types/components/Card/Card.d.ts +4 -3
  25. package/dist/types/components/Card/index.d.ts +1 -1
  26. package/dist/types/components/Charts/BarList.d.ts +4 -3
  27. package/dist/types/components/Charts/CalendarHeatmap.d.ts +4 -2
  28. package/dist/types/components/Charts/Chart.d.ts +3 -2
  29. package/dist/types/components/Charts/ChartView.d.ts +3 -2
  30. package/dist/types/components/Charts/ColumnChart.d.ts +4 -3
  31. package/dist/types/components/Charts/Donut.d.ts +3 -2
  32. package/dist/types/components/Charts/Funnel.d.ts +4 -2
  33. package/dist/types/components/Charts/Gauge.d.ts +3 -2
  34. package/dist/types/components/Charts/LineChart.d.ts +4 -3
  35. package/dist/types/components/Charts/NumberTrend.d.ts +4 -3
  36. package/dist/types/components/Charts/Progress.d.ts +3 -2
  37. package/dist/types/components/Charts/StackedBar.d.ts +3 -2
  38. package/dist/types/components/Charts/Treemap.d.ts +3 -2
  39. package/dist/types/components/Charts/chartData.d.ts +6 -0
  40. package/dist/types/components/Charts/chartImage.d.ts +3 -0
  41. package/dist/types/components/Charts/geometry.d.ts +3 -0
  42. package/dist/types/components/Charts/index.d.ts +2 -0
  43. package/dist/types/components/Charts/palette.d.ts +1 -0
  44. package/dist/types/components/Charts/parts.d.ts +14 -0
  45. package/dist/types/components/Charts/useChartMotion.d.ts +8 -0
  46. package/dist/types/components/ChipInput/ChipTags.d.ts +3 -0
  47. package/dist/types/components/CommandPalette/CommandPaletteTrigger.d.ts +9 -0
  48. package/dist/types/components/CommandPalette/index.d.ts +2 -0
  49. package/dist/types/components/DataTable/DataTable.d.ts +3 -1
  50. package/dist/types/components/DataTable/DisplayPopover.d.ts +1 -0
  51. package/dist/types/components/DataTable/HeaderMenu.d.ts +1 -0
  52. package/dist/types/components/DataTable/TableColumnModal.d.ts +4 -1
  53. package/dist/types/components/DataTable/TablePagination.d.ts +1 -1
  54. package/dist/types/components/DataTable/TableToolbar.d.ts +21 -1
  55. package/dist/types/components/DataTable/TableView.d.ts +19 -2
  56. package/dist/types/components/DataTable/cards/CardView.d.ts +25 -5
  57. package/dist/types/components/DataTable/cards/cardFields.d.ts +1 -0
  58. package/dist/types/components/DataTable/cards/rowParts.d.ts +1 -0
  59. package/dist/types/components/DataTable/cellSelection/CellRangeBar.d.ts +16 -0
  60. package/dist/types/components/DataTable/cellSelection/cellRangeStore.d.ts +18 -0
  61. package/dist/types/components/DataTable/cellSelection/paintRanges.d.ts +2 -0
  62. package/dist/types/components/DataTable/cellSelection/useCellSelection.d.ts +63 -0
  63. package/dist/types/components/DataTable/data/listDelta.d.ts +27 -0
  64. package/dist/types/components/DataTable/data/rowLineage.d.ts +3 -0
  65. package/dist/types/components/DataTable/data/rowModels.d.ts +9 -0
  66. package/dist/types/components/DataTable/data/rowTransaction.d.ts +9 -0
  67. package/dist/types/components/DataTable/data/useServerData.d.ts +3 -1
  68. package/dist/types/components/DataTable/defaults.d.ts +4 -0
  69. package/dist/types/components/DataTable/export/exportCells.d.ts +5 -2
  70. package/dist/types/components/DataTable/export/exportEngine.d.ts +7 -2
  71. package/dist/types/components/DataTable/export/useTableExport.d.ts +17 -1
  72. package/dist/types/components/DataTable/filters/filterRowModel.d.ts +1 -0
  73. package/dist/types/components/DataTable/grouping/groupModel.d.ts +11 -0
  74. package/dist/types/components/DataTable/index.d.ts +1 -1
  75. package/dist/types/components/DataTable/keyboard/ShortcutsDialog.d.ts +4 -1
  76. package/dist/types/components/DataTable/keyboard/useGridKeyboard.d.ts +8 -0
  77. package/dist/types/components/DataTable/labels.d.ts +130 -0
  78. package/dist/types/components/DataTable/layout/LayoutSwitcher.d.ts +10 -2
  79. package/dist/types/components/DataTable/layout/useFitWidths.d.ts +7 -0
  80. package/dist/types/components/DataTable/menu/RowMenu.d.ts +1 -0
  81. package/dist/types/components/DataTable/menu/buildRowMenu.d.ts +6 -3
  82. package/dist/types/components/DataTable/motion/RowChangeNotice.d.ts +19 -0
  83. package/dist/types/components/DataTable/motion/rowChanges.d.ts +25 -0
  84. package/dist/types/components/DataTable/motion/useNoticeInsets.d.ts +2 -0
  85. package/dist/types/components/DataTable/motion/useRowChangeNotices.d.ts +35 -0
  86. package/dist/types/components/DataTable/motion/useRowMotion.d.ts +29 -3
  87. package/dist/types/components/DataTable/persistence/reconcile.d.ts +4 -0
  88. package/dist/types/components/DataTable/persistence/useColumnPersistence.d.ts +5 -1
  89. package/dist/types/components/DataTable/pivot/PivotPanel.d.ts +11 -0
  90. package/dist/types/components/DataTable/pivot/PivotView.d.ts +22 -0
  91. package/dist/types/components/DataTable/pivot/pivotModel.d.ts +54 -0
  92. package/dist/types/components/DataTable/pivot/usePivot.d.ts +44 -0
  93. package/dist/types/components/DataTable/rows/PressRow.d.ts +1 -0
  94. package/dist/types/components/DataTable/rows/RowLead.d.ts +23 -0
  95. package/dist/types/components/DataTable/rows/rowPress.d.ts +2 -0
  96. package/dist/types/components/DataTable/rows/usePinnedRows.d.ts +34 -0
  97. package/dist/types/components/DataTable/rows/useRowDrag.d.ts +44 -0
  98. package/dist/types/components/DataTable/split/SplitView.d.ts +4 -2
  99. package/dist/types/components/DataTable/summary/SummaryChart.d.ts +2 -1
  100. package/dist/types/components/DataTable/summary/TableSummary.d.ts +2 -1
  101. package/dist/types/components/DataTable/summary/summaryModel.d.ts +28 -6
  102. package/dist/types/components/DataTable/summary/useTableSummary.d.ts +3 -0
  103. package/dist/types/components/DataTable/toolbar/ToolbarMore.d.ts +14 -0
  104. package/dist/types/components/DataTable/toolbar/useToolbarFit.d.ts +10 -0
  105. package/dist/types/components/DataTable/tree/TreeChips.d.ts +5 -0
  106. package/dist/types/components/DataTable/tree/treeExport.d.ts +54 -0
  107. package/dist/types/components/DataTable/tree/treeMove.d.ts +1 -0
  108. package/dist/types/components/DataTable/tree/useTreeChildren.d.ts +15 -0
  109. package/dist/types/components/DataTable/tree/useTreeData.d.ts +60 -0
  110. package/dist/types/components/DataTable/types.d.ts +290 -6
  111. package/dist/types/components/DataTable/ui-local/TableReorderList.d.ts +13 -0
  112. package/dist/types/components/DataTable/ui.d.ts +2 -1
  113. package/dist/types/components/DataTable/useDataChangeTracker.d.ts +11 -4
  114. package/dist/types/components/DataTable/useTable.d.ts +14 -1
  115. package/dist/types/components/DataTable/virtual/useVirtualLines.d.ts +1 -0
  116. package/dist/types/components/DatePicker/PeriodGrid.d.ts +13 -0
  117. package/dist/types/components/DatePicker/PeriodPicker.d.ts +19 -0
  118. package/dist/types/components/DatePicker/index.d.ts +1 -1
  119. package/dist/types/components/Dialog/dialogSlots.d.ts +9 -0
  120. package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +8 -0
  121. package/dist/types/components/EventCalendar/EventCalendar.d.ts +46 -0
  122. package/dist/types/components/EventCalendar/eventParts.d.ts +10 -0
  123. package/dist/types/components/EventCalendar/index.d.ts +3 -0
  124. package/dist/types/components/EventCalendar/useCalendarEdit.d.ts +40 -0
  125. package/dist/types/components/FieldWrapper/index.d.ts +1 -1
  126. package/dist/types/components/Fields/index.d.ts +1 -1
  127. package/dist/types/components/Icon/Icon.d.ts +36 -0
  128. package/dist/types/components/Icon/Icon.storyData.d.ts +6 -0
  129. package/dist/types/components/Icon/IconContext.d.ts +7 -0
  130. package/dist/types/components/Icon/icons.d.ts +223 -0
  131. package/dist/types/components/Icon/index.d.ts +7 -0
  132. package/dist/types/components/Icon/useIconDone.d.ts +5 -0
  133. package/dist/types/components/Image/ImageEditor.d.ts +21 -0
  134. package/dist/types/components/Image/ImagePicker.d.ts +10 -1
  135. package/dist/types/components/Image/imageRender.d.ts +33 -0
  136. package/dist/types/components/Image/index.d.ts +3 -1
  137. package/dist/types/components/Image/prepareImage.d.ts +4 -3
  138. package/dist/types/components/Link/Link.d.ts +22 -0
  139. package/dist/types/components/Link/index.d.ts +2 -0
  140. package/dist/types/components/NavList/NavList.d.ts +13 -0
  141. package/dist/types/components/NavList/index.d.ts +2 -0
  142. package/dist/types/components/PageProgress/PageProgress.d.ts +10 -0
  143. package/dist/types/components/PageProgress/index.d.ts +2 -0
  144. package/dist/types/components/Pagination/Pagination.d.ts +19 -0
  145. package/dist/types/components/Pagination/index.d.ts +2 -0
  146. package/dist/types/components/Popover/Popover.d.ts +2 -1
  147. package/dist/types/components/Popover/floatingPosition.d.ts +26 -2
  148. package/dist/types/components/ReorderList/ReorderGroup.d.ts +16 -0
  149. package/dist/types/components/ReorderList/ReorderList.d.ts +56 -0
  150. package/dist/types/components/ReorderList/crossListDrag.d.ts +61 -0
  151. package/dist/types/components/ReorderList/index.d.ts +5 -0
  152. package/dist/types/components/ReorderList/useReorderDrag.d.ts +28 -0
  153. package/dist/types/components/Scroll/ui.d.ts +1 -0
  154. package/dist/types/components/SlidingHighlight/index.d.ts +2 -0
  155. package/dist/types/components/SlidingHighlight/useSlidingHighlight.d.ts +20 -0
  156. package/dist/types/components/Suggest/SuggestionList.d.ts +1 -0
  157. package/dist/types/components/Tooltip/useTooltip.d.ts +4 -0
  158. package/dist/types/components/UIProvider/UILabelsContext.d.ts +120 -0
  159. package/dist/types/components/UIProvider/UIProvider.d.ts +2 -0
  160. package/dist/types/core/hooks/index.d.ts +2 -1
  161. package/dist/types/core/hooks/useMeasuredState.d.ts +1 -0
  162. package/dist/types/core/hooks/usePresence.d.ts +1 -0
  163. package/dist/types/core/icons/actions.icons.d.ts +37 -0
  164. package/dist/types/core/icons/commerce.icons.d.ts +16 -0
  165. package/dist/types/core/icons/communication.icons.d.ts +10 -0
  166. package/dist/types/core/icons/delivery.icons.d.ts +13 -0
  167. package/dist/types/core/icons/devices.icons.d.ts +16 -0
  168. package/dist/types/core/icons/files.icons.d.ts +13 -0
  169. package/dist/types/core/icons/general.icons.d.ts +24 -0
  170. package/dist/types/core/icons/index.d.ts +14 -0
  171. package/dist/types/core/icons/media.icons.d.ts +11 -0
  172. package/dist/types/core/icons/navigation.icons.d.ts +25 -0
  173. package/dist/types/core/icons/people.icons.d.ts +13 -0
  174. package/dist/types/core/icons/registry.d.ts +2 -0
  175. package/dist/types/core/icons/state.icons.d.ts +14 -0
  176. package/dist/types/core/icons/status.icons.d.ts +10 -0
  177. package/dist/types/core/icons/table.icons.d.ts +22 -0
  178. package/dist/types/core/icons/text.icons.d.ts +13 -0
  179. package/dist/types/core/logic/alert.logic.d.ts +3 -0
  180. package/dist/types/core/logic/cellRange.logic.d.ts +66 -0
  181. package/dist/types/core/logic/cellTouch.logic.d.ts +16 -0
  182. package/dist/types/core/logic/columnGroups.logic.d.ts +31 -0
  183. package/dist/types/core/logic/commandPalette.logic.d.ts +2 -0
  184. package/dist/types/core/logic/datePicker.logic.d.ts +12 -0
  185. package/dist/types/core/logic/dropdownSide.logic.d.ts +19 -0
  186. package/dist/types/core/logic/eventCalendar.logic.d.ts +225 -0
  187. package/dist/types/core/logic/fieldWrapper.logic.d.ts +6 -1
  188. package/dist/types/core/logic/fitColumns.logic.d.ts +7 -0
  189. package/dist/types/core/logic/icon.logic.d.ts +24 -0
  190. package/dist/types/core/logic/imageEditor.logic.d.ts +132 -0
  191. package/dist/types/core/logic/imageTransform.logic.d.ts +57 -0
  192. package/dist/types/core/logic/index.d.ts +25 -0
  193. package/dist/types/core/logic/inertProps.d.ts +3 -0
  194. package/dist/types/core/logic/pageProgress.logic.d.ts +3 -0
  195. package/dist/types/core/logic/pagination.logic.d.ts +7 -0
  196. package/dist/types/core/logic/periodPicker.logic.d.ts +86 -0
  197. package/dist/types/core/logic/pivot.logic.d.ts +100 -0
  198. package/dist/types/core/logic/reorder.logic.d.ts +49 -0
  199. package/dist/types/core/logic/rowActions.logic.d.ts +7 -0
  200. package/dist/types/core/logic/rowDrag.logic.d.ts +36 -0
  201. package/dist/types/core/logic/rowPinning.logic.d.ts +12 -0
  202. package/dist/types/core/logic/slidingHighlight.logic.d.ts +20 -0
  203. package/dist/types/core/logic/toolbarOverflow.logic.d.ts +21 -0
  204. package/dist/types/core/logic/treeData.logic.d.ts +44 -0
  205. package/dist/types/core/logic/treeDrag.logic.d.ts +63 -0
  206. package/dist/types/core/logic/tween.logic.d.ts +33 -0
  207. package/dist/types/core/logic/visualViewport.logic.d.ts +13 -0
  208. package/dist/types/core/types/chipinput.types.d.ts +3 -1
  209. package/dist/types/core/types/collapsible.types.d.ts +3 -0
  210. package/dist/types/core/types/datePicker.types.d.ts +7 -0
  211. package/dist/types/core/types/eventCalendar.types.d.ts +18 -0
  212. package/dist/types/core/types/field.types.d.ts +6 -3
  213. package/dist/types/core/types/fieldWrapper.types.d.ts +2 -0
  214. package/dist/types/core/types/fields.types.d.ts +6 -1
  215. package/dist/types/core/types/fileEngine.types.d.ts +6 -0
  216. package/dist/types/core/types/form.types.d.ts +1 -0
  217. package/dist/types/core/types/format.types.d.ts +2 -0
  218. package/dist/types/core/types/icon.types.d.ts +109 -0
  219. package/dist/types/core/types/index.d.ts +2 -0
  220. package/dist/types/core/types/input.types.d.ts +2 -0
  221. package/dist/types/core/types/navigation.types.d.ts +1 -0
  222. package/dist/types/core/types/select.types.d.ts +2 -6
  223. package/dist/types/core/types/suggest.types.d.ts +2 -0
  224. package/dist/types/index.d.ts +31 -6
  225. package/package.json +4 -4
  226. package/dist/ChartImageMenu-DDVNJNc6.js +0 -1499
  227. package/dist/ChartView-CW3m4Z_1.js +0 -1703
  228. package/dist/SummarySeeAll-BRHOMQRA.js +0 -101
  229. package/dist/assets/fileTask.worker--Q3rI3Bn.js +0 -1
  230. package/dist/columnValue-DwUqueZ6.js +0 -610
  231. package/dist/exportContext-BKFnNQ0q.js +0 -166
  232. package/dist/scrollArea-DbYFqbIH.js +0 -269
  233. package/dist/types/components/DataTable/ui-local/DragAndDropList/DragAndDropList.d.ts +0 -4
  234. package/dist/types/components/DataTable/ui-local/DragAndDropList/index.d.ts +0 -3
  235. package/dist/types/components/DataTable/ui-local/DragAndDropList/types.d.ts +0 -70
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export type PaginationVariant = 'numbers' | 'simple';
3
+ export interface PaginationProps {
4
+ pageIndex: number;
5
+ onPageChange: (pageIndex: number) => void;
6
+ pageCount?: number;
7
+ total?: number;
8
+ pageSize?: number;
9
+ pageSizeOptions?: number[];
10
+ onPageSizeChange?: (pageSize: number) => void;
11
+ variant?: PaginationVariant;
12
+ siblings?: number;
13
+ showFirstLast?: boolean;
14
+ className?: string;
15
+ style?: React.CSSProperties;
16
+ 'aria-label'?: string;
17
+ }
18
+ declare const Pagination: React.FC<PaginationProps>;
19
+ export default Pagination;
@@ -0,0 +1,2 @@
1
+ export { default as Pagination } from './Pagination';
2
+ export type { PaginationProps, PaginationVariant } from './Pagination';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { PopoverPlacement } from '../../core/logic';
2
+ import { type PopoverPlacement } from '../../core/logic';
3
3
  import { type FloatingAnchor } from './floatingPosition';
4
4
  export interface PopoverProps {
5
5
  open: boolean;
@@ -20,6 +20,7 @@ export interface PopoverProps {
20
20
  role?: 'dialog' | 'menu' | 'listbox' | 'none';
21
21
  'aria-label'?: string;
22
22
  'aria-busy'?: boolean;
23
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
23
24
  }
24
25
  declare const Popover: React.FC<PopoverProps>;
25
26
  export default Popover;
@@ -1,5 +1,5 @@
1
- import { type ComputePopoverPositionInput, type PopoverPosition } from '../../core/logic';
2
- export declare const getFloatingOrigin: (container: Element | null) => {
1
+ import { type VerticalBand, type DropdownSide, type ComputePopoverPositionInput, type PopoverPosition } from '../../core/logic';
2
+ export declare const getFloatingOrigin: (container: Element | null, layer?: Element | null) => {
3
3
  x: number;
4
4
  y: number;
5
5
  };
@@ -16,12 +16,36 @@ export interface PlaceFloatingInput extends Omit<ComputePopoverPositionInput, 'a
16
16
  contentHeight?: number;
17
17
  }
18
18
  export declare const placeFloating: ({ anchor, container, contentEl, contentHeight, ...rest }: PlaceFloatingInput) => PopoverPosition;
19
+ export declare const anchorIsPoint: (anchor: FloatingAnchor | null | undefined) => boolean;
19
20
  export declare const anchorScrolledAway: (anchor: FloatingAnchor | null | undefined) => boolean;
20
21
  export declare const measureListLayer: (layer: HTMLElement | null) => {
21
22
  natural: number;
22
23
  chrome: number;
23
24
  } | null;
25
+ export declare const viewportBand: (doc?: Document) => VerticalBand;
26
+ export declare const capToViewportBand: (anchor: Element, side: DropdownSide, available: number, offset?: number, padding?: number) => number;
27
+ export declare const onVisualViewportChange: (onChange: (event: Event) => void, win?: Window) => (() => void);
24
28
  export declare const visibleBounds: (el: Element) => {
25
29
  top: number;
26
30
  bottom: number;
27
31
  };
32
+ export declare const listOverhang: (list: Element | null | undefined, anchor: Element | null | undefined) => string | undefined;
33
+ export declare const titleWhenCut: (event: {
34
+ target: EventTarget | null;
35
+ }) => void;
36
+ export declare const scrollParentOf: (el: Element) => Element | null;
37
+ export interface OpenDropdownSideInput {
38
+ anchor: Element;
39
+ layer?: HTMLElement | null;
40
+ wanted: number;
41
+ preferred: DropdownSide;
42
+ flip: boolean;
43
+ offset?: number;
44
+ padding?: number;
45
+ bounds?: {
46
+ top: number;
47
+ bottom: number;
48
+ };
49
+ keep?: DropdownSide;
50
+ }
51
+ export declare const openDropdownSide: ({ anchor, layer, wanted, preferred, flip, offset, padding, bounds, keep }: OpenDropdownSideInput) => DropdownSide;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import type { ReorderGroupMove, ReorderPeer } from './crossListDrag';
3
+ export interface ReorderGroupProps<T = any> {
4
+ onMove: (move: ReorderGroupMove<T>) => void;
5
+ children: React.ReactNode;
6
+ }
7
+ interface ReorderGroupContextValue {
8
+ peers: Set<ReorderPeer>;
9
+ onMove: (move: ReorderGroupMove) => void;
10
+ busy: {
11
+ current: boolean;
12
+ };
13
+ }
14
+ export declare const useReorderGroup: () => ReorderGroupContextValue | null;
15
+ export declare function ReorderGroup<T = any>({ onMove, children }: ReorderGroupProps<T>): React.JSX.Element;
16
+ export default ReorderGroup;
@@ -0,0 +1,56 @@
1
+ import React from 'react';
2
+ import { type UILabels } from '../UIProvider/UILabelsContext';
3
+ import { type ReorderAxis, type ReorderMove } from './useReorderDrag';
4
+ import type { ReorderWhenFull } from './crossListDrag';
5
+ export type { ReorderAxis, ReorderMove, ReorderWhenFull };
6
+ export type ReorderDragFrom = 'handle' | 'row' | 'both';
7
+ export type ReorderLabels = UILabels['reorder'];
8
+ export interface ReorderHandleProps {
9
+ tabIndex: number;
10
+ 'aria-label': string;
11
+ 'aria-describedby': string;
12
+ style: React.CSSProperties;
13
+ onPointerDown: React.PointerEventHandler<HTMLElement>;
14
+ onKeyDown: React.KeyboardEventHandler<HTMLElement>;
15
+ 'data-reorder-handle': string;
16
+ }
17
+ export interface ReorderListHandle {
18
+ move: (key: string | number, step: -1 | 1) => boolean;
19
+ }
20
+ export interface ReorderItemState {
21
+ index: number;
22
+ dragging: boolean;
23
+ canDrag: boolean;
24
+ handle: React.ReactNode;
25
+ handleProps: ReorderHandleProps | null;
26
+ }
27
+ export interface ReorderListProps<T> {
28
+ items: readonly T[];
29
+ getKey: (item: T, index: number) => string | number;
30
+ renderItem: (item: T, state: ReorderItemState) => React.ReactNode;
31
+ onReorder: (items: T[], move: ReorderMove) => void;
32
+ axis?: ReorderAxis;
33
+ dragFrom?: ReorderDragFrom;
34
+ canDrag?: (item: T, index: number) => boolean;
35
+ isFixed?: (item: T, index: number) => boolean;
36
+ disabled?: boolean;
37
+ getItemLabel?: (item: T, index: number) => string;
38
+ labels?: Partial<ReorderLabels>;
39
+ className?: string;
40
+ itemClassName?: string;
41
+ style?: React.CSSProperties;
42
+ 'aria-label'?: string;
43
+ 'aria-labelledby'?: string;
44
+ role?: React.AriaRole;
45
+ itemRole?: React.AriaRole;
46
+ listId?: string;
47
+ maxItems?: number;
48
+ whenFull?: ReorderWhenFull;
49
+ sortable?: boolean;
50
+ autoScroll?: boolean;
51
+ autoScrollSpeed?: number;
52
+ handleRef?: React.Ref<ReorderListHandle>;
53
+ announceTo?: React.RefObject<HTMLElement | null>;
54
+ }
55
+ export declare function ReorderList<T>({ items, getKey, renderItem, onReorder, axis, dragFrom, canDrag, isFixed, disabled, getItemLabel, labels, className, itemClassName, style, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, role, itemRole, listId, maxItems, whenFull, sortable, autoScroll, autoScrollSpeed, handleRef, announceTo, }: ReorderListProps<T>): React.JSX.Element;
56
+ export default ReorderList;
@@ -0,0 +1,61 @@
1
+ import { type ReorderPoint } from '../../core/logic';
2
+ export type ReorderAxis = 'vertical' | 'horizontal' | 'wrap';
3
+ export interface ReorderMove {
4
+ from: number;
5
+ to: number;
6
+ }
7
+ export interface ReorderGroupMove<T = any> {
8
+ item: T;
9
+ from: {
10
+ list: string;
11
+ index: number;
12
+ };
13
+ to: {
14
+ list: string;
15
+ index: number;
16
+ };
17
+ }
18
+ export type ReorderWhenFull = 'reject' | 'replace';
19
+ export interface ReorderPeer {
20
+ id: string;
21
+ el: () => HTMLElement | null;
22
+ options: () => {
23
+ items: readonly any[];
24
+ getKey: (item: any, index: number) => string | number;
25
+ isFixed: (item: any, index: number) => boolean;
26
+ onReorder: (items: any[], move: ReorderMove) => void;
27
+ axis: ReorderAxis;
28
+ disabled: boolean;
29
+ sortable: boolean;
30
+ maxItems?: number;
31
+ whenFull: ReorderWhenFull;
32
+ listLabel?: string;
33
+ };
34
+ }
35
+ export declare const setRowOffset: (row: HTMLElement, x: number, y: number) => void;
36
+ export interface CrossDragStop {
37
+ position: number;
38
+ total: number;
39
+ list?: string;
40
+ }
41
+ export interface CrossDrag {
42
+ follow: (x: number, y: number) => void;
43
+ step: (step: -1 | 1) => CrossDragStop | null;
44
+ goHome: () => void;
45
+ settle: () => void;
46
+ commit: () => void;
47
+ stop: () => CrossDragStop;
48
+ span: (vertical: boolean) => {
49
+ start: number;
50
+ size: number;
51
+ };
52
+ refocus: () => void;
53
+ clear: () => void;
54
+ }
55
+ export declare function createCrossDrag(args: {
56
+ peers: readonly ReorderPeer[];
57
+ sourceEl: HTMLElement;
58
+ from: number;
59
+ press: ReorderPoint;
60
+ onMove?: (move: ReorderGroupMove) => void;
61
+ }): CrossDrag | null;
@@ -0,0 +1,5 @@
1
+ export { ReorderList, default } from './ReorderList';
2
+ export { ReorderGroup } from './ReorderGroup';
3
+ export type { ReorderGroupProps } from './ReorderGroup';
4
+ export type { ReorderGroupMove } from './crossListDrag';
5
+ export type { ReorderListProps, ReorderItemState, ReorderHandleProps, ReorderDragFrom, ReorderAxis, ReorderMove, ReorderLabels, ReorderListHandle, ReorderWhenFull, } from './ReorderList';
@@ -0,0 +1,28 @@
1
+ import { type KeyboardEvent, type PointerEvent } from 'react';
2
+ import { type ReorderAxis, type ReorderMove, type ReorderWhenFull } from './crossListDrag';
3
+ export type { ReorderAxis, ReorderMove };
4
+ type ReorderEvent = 'pickedUp' | 'moved' | 'dropped' | 'cancelled';
5
+ interface ReorderDragOptions<T> {
6
+ items: readonly T[];
7
+ getKey: (item: T, index: number) => string | number;
8
+ onReorder: (items: T[], move: ReorderMove) => void;
9
+ isFixed: (item: T, index: number) => boolean;
10
+ axis: ReorderAxis;
11
+ disabled: boolean;
12
+ announce: (event: ReorderEvent, index: number, position: number, total: number, list?: string) => void;
13
+ listId?: string;
14
+ listLabel?: string;
15
+ sortable: boolean;
16
+ maxItems?: number;
17
+ whenFull: ReorderWhenFull;
18
+ canDrag: (item: T, index: number) => boolean;
19
+ autoScroll: boolean;
20
+ autoScrollSpeed?: number;
21
+ }
22
+ export declare function useReorderDrag<T>(options: ReorderDragOptions<T>): {
23
+ listRef: import("react").RefObject<HTMLDivElement | null>;
24
+ activeKey: string | number | null;
25
+ press: (e: PointerEvent<HTMLElement>, index: number, kind: "handle" | "row") => void;
26
+ keyDown: (e: KeyboardEvent<HTMLElement>, index: number) => void;
27
+ move: (key: string | number, step: -1 | 1) => boolean;
28
+ };
@@ -1 +1,2 @@
1
1
  export { Button } from '../Button';
2
+ export { IconChevronLeft, IconChevronRight } from '../Icon';
@@ -0,0 +1,2 @@
1
+ export { useSlidingHighlight } from './useSlidingHighlight';
2
+ export type { SlidingHighlight, SlidingHighlightOptions } from './useSlidingHighlight';
@@ -0,0 +1,20 @@
1
+ import { type CSSProperties, type RefObject } from 'react';
2
+ import { type HighlightBox, type HighlightJumpRule, type HighlightMove } from '../../core/logic/slidingHighlight.logic';
3
+ export interface SlidingHighlightOptions {
4
+ containerRef: RefObject<HTMLElement | null>;
5
+ activeKey: string | null | undefined;
6
+ axis?: 'x' | 'y';
7
+ getItem: (key: string) => HTMLElement | null | undefined;
8
+ jumps?: HighlightJumpRule | false;
9
+ followMotion?: boolean;
10
+ enabled?: boolean;
11
+ }
12
+ export interface SlidingHighlight {
13
+ box: HighlightBox | null;
14
+ move: HighlightMove;
15
+ layerRef: (el: HTMLElement | null) => void;
16
+ layerKey: number;
17
+ style: CSSProperties | undefined;
18
+ sliding: boolean;
19
+ }
20
+ export declare function useSlidingHighlight({ containerRef, activeKey, axis, getItem, jumps, followMotion, enabled }: SlidingHighlightOptions): SlidingHighlight;
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SuggestionListProps } from '../../core/types';
3
+ export declare const suggestionOptionId: (listboxId: string, index: number) => string;
3
4
  export declare const SuggestionList: React.FC<SuggestionListProps & {
4
5
  listboxId?: string;
5
6
  }>;
@@ -1,5 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { TooltipProp } from '../../core/types';
3
+ export declare const hoverSurfaceIsWarm: () => boolean;
4
+ export declare const dismissActiveTooltip: () => void;
5
+ export declare const warmTooltips: () => void;
6
+ export declare const handOverToTooltip: () => void;
3
7
  export interface UseTooltipResult {
4
8
  triggerProps: {
5
9
  onPointerEnter: (event: React.PointerEvent<HTMLElement>) => void;
@@ -20,6 +20,9 @@ export declare const DEFAULT_UI_LABELS: {
20
20
  fixErrors: string;
21
21
  submitFailed: string;
22
22
  };
23
+ chipInput: {
24
+ removeTag: string;
25
+ };
23
26
  input: {
24
27
  clear: string;
25
28
  showPassword: string;
@@ -38,6 +41,8 @@ export declare const DEFAULT_UI_LABELS: {
38
41
  maxReached: string;
39
42
  dragToReorder: string;
40
43
  fixedPosition: string;
44
+ selectedOptions: string;
45
+ reorderInstructions: string;
41
46
  };
42
47
  suggest: {
43
48
  placeholder: string;
@@ -50,6 +55,7 @@ export declare const DEFAULT_UI_LABELS: {
50
55
  placeholder: string;
51
56
  empty: string;
52
57
  name: string;
58
+ trigger: string;
53
59
  };
54
60
  datePicker: {
55
61
  clear: string;
@@ -57,6 +63,18 @@ export declare const DEFAULT_UI_LABELS: {
57
63
  presetRanges: string;
58
64
  previousMonth: string;
59
65
  nextMonth: string;
66
+ previousYear: string;
67
+ nextYear: string;
68
+ previousYears: string;
69
+ nextYears: string;
70
+ month: string;
71
+ year: string;
72
+ from: string;
73
+ to: string;
74
+ rangeTo: string;
75
+ selected: string;
76
+ chooseMonth: string;
77
+ chooseYear: string;
60
78
  presets: {
61
79
  today: string;
62
80
  yesterday: string;
@@ -73,6 +91,40 @@ export declare const DEFAULT_UI_LABELS: {
73
91
  ytd: string;
74
92
  };
75
93
  };
94
+ eventCalendar: {
95
+ name: string;
96
+ previousMonth: string;
97
+ nextMonth: string;
98
+ today: string;
99
+ more: (count: string) => string;
100
+ showMore: (count: string, day: string) => string;
101
+ eventCount: (count: number) => string;
102
+ allDay: string;
103
+ range: (from: string, to: string) => string;
104
+ until: (time: string) => string;
105
+ dayAllDayEvents: (day: string) => string;
106
+ dayEvents: (day: string) => string;
107
+ noEvents: string;
108
+ previousWeek: string;
109
+ nextWeek: string;
110
+ previousDay: string;
111
+ nextDay: string;
112
+ view: string;
113
+ monthView: string;
114
+ weekView: string;
115
+ dayView: string;
116
+ slot: (day: string, time: string) => string;
117
+ editHint: string;
118
+ editHintWithStart: string;
119
+ moveStart: (title: string) => string;
120
+ resizeStart: (title: string) => string;
121
+ resizeFromStart: (title: string) => string;
122
+ movePreview: (when: string) => string;
123
+ moved: (title: string, when: string) => string;
124
+ resized: (title: string, when: string) => string;
125
+ changeRefused: (title: string) => string;
126
+ changeCancelled: (title: string) => string;
127
+ };
76
128
  stepper: {
77
129
  completed: string;
78
130
  };
@@ -99,15 +151,83 @@ export declare const DEFAULT_UI_LABELS: {
99
151
  related: string;
100
152
  hidden: (count: number) => string;
101
153
  };
154
+ alert: {
155
+ dismiss: string;
156
+ };
157
+ navList: {
158
+ name: string;
159
+ };
160
+ pageProgress: {
161
+ name: string;
162
+ };
163
+ pagination: {
164
+ name: string;
165
+ first: string;
166
+ previous: string;
167
+ next: string;
168
+ last: string;
169
+ page: (n: string) => string;
170
+ pageOf: (n: string, count: string) => string;
171
+ range: (from: string, to: string, total: string) => string;
172
+ noRows: string;
173
+ perPage: string;
174
+ rowsPerPage: string;
175
+ };
176
+ link: {
177
+ opensInNewTab: string;
178
+ };
179
+ reorder: {
180
+ item: string;
181
+ handle: (item: string) => string;
182
+ instructions: string;
183
+ pickedUp: (item: string, position: number, total: number) => string;
184
+ moved: (item: string, position: number, total: number) => string;
185
+ dropped: (item: string, position: number, total: number) => string;
186
+ cancelled: (item: string, position: number, total: number) => string;
187
+ movedToList: (item: string, list: string, position: number, total: number) => string;
188
+ droppedInList: (item: string, list: string, position: number, total: number) => string;
189
+ };
102
190
  image: {
103
191
  image: string;
104
192
  images: string;
105
193
  add: string;
194
+ replace: string;
195
+ drop: string;
106
196
  preparing: string;
107
197
  remove: string;
108
198
  previous: string;
109
199
  next: string;
110
200
  };
201
+ imageEditor: {
202
+ title: string;
203
+ apply: string;
204
+ cancel: string;
205
+ tools: string;
206
+ zoom: string;
207
+ pan: string;
208
+ rotateLeft: string;
209
+ rotateRight: string;
210
+ straighten: string;
211
+ flipHorizontal: string;
212
+ flipVertical: string;
213
+ reset: string;
214
+ ratios: string;
215
+ free: string;
216
+ imageAlt: string;
217
+ cropBox: string;
218
+ hintMove: string;
219
+ hintResize: string;
220
+ hintPan: string;
221
+ hintZoom: string;
222
+ status: (width: number, height: number) => string;
223
+ loading: string;
224
+ failedCors: string;
225
+ failedLoad: string;
226
+ failedRead: string;
227
+ failedRender: string;
228
+ imageTooSmall: (width: number, height: number) => string;
229
+ cropTooSmall: (width: number, height: number) => string;
230
+ };
111
231
  };
112
232
  export type UILabels = typeof DEFAULT_UI_LABELS & {
113
233
  table?: Partial<DataTableLabels>;
@@ -6,6 +6,7 @@ import type { UIFormatSettings } from '../../core/types';
6
6
  import { type UILabelsInput } from './UILabelsContext';
7
7
  import { type UIHostDefaults } from './UIHostContext';
8
8
  import { type ResolvedUITheme, type UITheme } from './UIThemeContext';
9
+ import type { IconDefaults } from '../../core/types';
9
10
  export interface UIProviderProps extends Pick<FieldProviderProps, 'size' | 'variant' | 'layout'>, UIFormatSettings {
10
11
  children?: React.ReactNode;
11
12
  theme?: UITheme;
@@ -15,6 +16,7 @@ export interface UIProviderProps extends Pick<FieldProviderProps, 'size' | 'vari
15
16
  fileEngine?: CreateFileEngineOptions | FileEngine;
16
17
  labels?: UILabelsInput;
17
18
  host?: UIHostDefaults;
19
+ icons?: IconDefaults;
18
20
  }
19
21
  declare const UIProvider: React.FC<UIProviderProps>;
20
22
  export default UIProvider;
@@ -1,3 +1,4 @@
1
1
  export { useDebounced, useDebouncedCallback } from './useDebounced';
2
2
  export type { DebouncedCallback } from './useDebounced';
3
- export { usePresence, SURFACE_EXIT_MS } from './usePresence';
3
+ export { usePresence, SURFACE_EXIT_MS, LIST_EXIT_MS } from './usePresence';
4
+ export { useMeasuredState } from './useMeasuredState';
@@ -0,0 +1 @@
1
+ export declare function useMeasuredState<T extends object>(initial: T | null): [T | null, (next: T | null) => void];
@@ -1,4 +1,5 @@
1
1
  export declare const SURFACE_EXIT_MS = 100;
2
+ export declare const LIST_EXIT_MS = 150;
2
3
  export declare function usePresence(open: boolean, exitMs?: number): {
3
4
  present: boolean;
4
5
  exiting: boolean;
@@ -0,0 +1,37 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const closeIcon: IconDefinition;
3
+ export declare const addIcon: IconDefinition;
4
+ export declare const deleteIcon: IconDefinition;
5
+ export declare const editIcon: IconDefinition;
6
+ export declare const copyIcon: IconDefinition;
7
+ export declare const copyRowIcon: IconDefinition;
8
+ export declare const saveIcon: IconDefinition;
9
+ export declare const shareIcon: IconDefinition;
10
+ export declare const printIcon: IconDefinition;
11
+ export declare const downloadIcon: IconDefinition;
12
+ export declare const exportIcon: IconDefinition;
13
+ export declare const resetIcon: IconDefinition;
14
+ export declare const searchIcon: IconDefinition;
15
+ export declare const checkIcon: IconDefinition;
16
+ export declare const playIcon: IconDefinition;
17
+ export declare const pauseIcon: IconDefinition;
18
+ export declare const bugIcon: IconDefinition;
19
+ export declare const settingsIcon: IconDefinition;
20
+ export declare const slidersIcon: IconDefinition;
21
+ export declare const uploadIcon: IconDefinition;
22
+ export declare const refreshIcon: IconDefinition;
23
+ export declare const alignLeftIcon: IconDefinition;
24
+ export declare const alignCenterIcon: IconDefinition;
25
+ export declare const alignRightIcon: IconDefinition;
26
+ export declare const undoIcon: IconDefinition;
27
+ export declare const redoIcon: IconDefinition;
28
+ export declare const repeatIcon: IconDefinition;
29
+ export declare const linkIcon: IconDefinition;
30
+ export declare const unlinkIcon: IconDefinition;
31
+ export declare const scissorsIcon: IconDefinition;
32
+ export declare const minusIcon: IconDefinition;
33
+ export declare const plusCircleIcon: IconDefinition;
34
+ export declare const minusCircleIcon: IconDefinition;
35
+ export declare const maximizeIcon: IconDefinition;
36
+ export declare const minimizeIcon: IconDefinition;
37
+ export declare const wrenchIcon: IconDefinition;
@@ -0,0 +1,16 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const cartIcon: IconDefinition;
3
+ export declare const shoppingBagIcon: IconDefinition;
4
+ export declare const walletIcon: IconDefinition;
5
+ export declare const coinsIcon: IconDefinition;
6
+ export declare const banknoteIcon: IconDefinition;
7
+ export declare const receiptIcon: IconDefinition;
8
+ export declare const invoiceIcon: IconDefinition;
9
+ export declare const calculatorIcon: IconDefinition;
10
+ export declare const percentIcon: IconDefinition;
11
+ export declare const tagIcon: IconDefinition;
12
+ export declare const giftIcon: IconDefinition;
13
+ export declare const pointOfSaleIcon: IconDefinition;
14
+ export declare const bankIcon: IconDefinition;
15
+ export declare const rupeeIcon: IconDefinition;
16
+ export declare const dollarIcon: IconDefinition;
@@ -0,0 +1,10 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const mailIcon: IconDefinition;
3
+ export declare const phoneIcon: IconDefinition;
4
+ export declare const phoneCallIcon: IconDefinition;
5
+ export declare const messageIcon: IconDefinition;
6
+ export declare const commentIcon: IconDefinition;
7
+ export declare const sendIcon: IconDefinition;
8
+ export declare const atSignIcon: IconDefinition;
9
+ export declare const bellIcon: IconDefinition;
10
+ export declare const inboxIcon: IconDefinition;
@@ -0,0 +1,13 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const truckIcon: IconDefinition;
3
+ export declare const packageIcon: IconDefinition;
4
+ export declare const boxesIcon: IconDefinition;
5
+ export declare const archiveIcon: IconDefinition;
6
+ export declare const warehouseIcon: IconDefinition;
7
+ export declare const buildingIcon: IconDefinition;
8
+ export declare const locationPinIcon: IconDefinition;
9
+ export declare const mapIcon: IconDefinition;
10
+ export declare const routeIcon: IconDefinition;
11
+ export declare const barcodeIcon: IconDefinition;
12
+ export declare const qrCodeIcon: IconDefinition;
13
+ export declare const scanIcon: IconDefinition;
@@ -0,0 +1,16 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const monitorIcon: IconDefinition;
3
+ export declare const smartphoneIcon: IconDefinition;
4
+ export declare const tabletIcon: IconDefinition;
5
+ export declare const cloudIcon: IconDefinition;
6
+ export declare const cloudOffIcon: IconDefinition;
7
+ export declare const cloudUploadIcon: IconDefinition;
8
+ export declare const cloudDownloadIcon: IconDefinition;
9
+ export declare const wifiOffIcon: IconDefinition;
10
+ export declare const powerIcon: IconDefinition;
11
+ export declare const moonIcon: IconDefinition;
12
+ export declare const sunIcon: IconDefinition;
13
+ export declare const paletteIcon: IconDefinition;
14
+ export declare const dashboardIcon: IconDefinition;
15
+ export declare const layersIcon: IconDefinition;
16
+ export declare const gridIcon: IconDefinition;
@@ -0,0 +1,13 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const fileIcon: IconDefinition;
3
+ export declare const fileTextIcon: IconDefinition;
4
+ export declare const fileSheetIcon: IconDefinition;
5
+ export declare const bracesIcon: IconDefinition;
6
+ export declare const codeIcon: IconDefinition;
7
+ export declare const globeIcon: IconDefinition;
8
+ export declare const databaseIcon: IconDefinition;
9
+ export declare const folderIcon: IconDefinition;
10
+ export declare const filePlusIcon: IconDefinition;
11
+ export declare const fileCheckIcon: IconDefinition;
12
+ export declare const fileUploadIcon: IconDefinition;
13
+ export declare const fileDownloadIcon: IconDefinition;
@@ -0,0 +1,24 @@
1
+ import type { IconDefinition } from '../types/icon.types';
2
+ export declare const userIcon: IconDefinition;
3
+ export declare const usersIcon: IconDefinition;
4
+ export declare const calendarIcon: IconDefinition;
5
+ export declare const clockIcon: IconDefinition;
6
+ export declare const storeIcon: IconDefinition;
7
+ export declare const cardIcon: IconDefinition;
8
+ export declare const historyIcon: IconDefinition;
9
+ export declare const clockPlusIcon: IconDefinition;
10
+ export declare const briefcaseIcon: IconDefinition;
11
+ export declare const bookIcon: IconDefinition;
12
+ export declare const clipboardIcon: IconDefinition;
13
+ export declare const clipboardListIcon: IconDefinition;
14
+ export declare const clipboardCheckIcon: IconDefinition;
15
+ export declare const hierarchyIcon: IconDefinition;
16
+ export declare const branchIcon: IconDefinition;
17
+ export declare const shapesIcon: IconDefinition;
18
+ export declare const scaleIcon: IconDefinition;
19
+ export declare const lifeBuoyIcon: IconDefinition;
20
+ export declare const awardIcon: IconDefinition;
21
+ export declare const targetIcon: IconDefinition;
22
+ export declare const barChartIcon: IconDefinition;
23
+ export declare const sparklesIcon: IconDefinition;
24
+ export declare const handshakeIcon: IconDefinition;
@@ -0,0 +1,14 @@
1
+ export * from './navigation.icons';
2
+ export * from './actions.icons';
3
+ export * from './table.icons';
4
+ export * from './state.icons';
5
+ export * from './status.icons';
6
+ export * from './files.icons';
7
+ export * from './media.icons';
8
+ export * from './text.icons';
9
+ export * from './people.icons';
10
+ export * from './communication.icons';
11
+ export * from './commerce.icons';
12
+ export * from './delivery.icons';
13
+ export * from './devices.icons';
14
+ export * from './general.icons';