@svgrid/grid 2.1.22 → 2.1.23

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 (219) hide show
  1. package/README.md +9 -2
  2. package/dist/DockNodeView.svelte +306 -0
  3. package/dist/DockNodeView.svelte.d.ts +7 -0
  4. package/dist/DockPopoutHost.svelte +17 -0
  5. package/dist/DockPopoutHost.svelte.d.ts +14 -0
  6. package/dist/GridMenus.svelte +83 -3
  7. package/dist/SvAutoComplete.svelte +5 -3
  8. package/dist/SvCarousel.svelte +20 -42
  9. package/dist/SvColorInput.svelte +4 -3
  10. package/dist/SvColorInput.svelte.d.ts +1 -1
  11. package/dist/SvComboBox.svelte +7 -3
  12. package/dist/SvCommand.svelte +28 -85
  13. package/dist/SvCountryInput.svelte +1 -1
  14. package/dist/SvDateRangeInput.svelte +1 -1
  15. package/dist/SvDateTimePicker.svelte +9 -3
  16. package/dist/SvDateTimePicker.svelte.d.ts +3 -0
  17. package/dist/SvDockLayout.svelte +244 -0
  18. package/dist/SvDockLayout.svelte.d.ts +77 -0
  19. package/dist/SvDockManager.svelte +922 -0
  20. package/dist/SvDockManager.svelte.d.ts +106 -0
  21. package/dist/SvDrawer.svelte +69 -47
  22. package/dist/SvDrawer.svelte.d.ts +4 -0
  23. package/dist/SvDropDownList.svelte +85 -13
  24. package/dist/SvDropDownList.svelte.d.ts +3 -0
  25. package/dist/SvField.svelte +21 -4
  26. package/dist/SvField.svelte.d.ts +1 -0
  27. package/dist/SvForm.svelte +201 -91
  28. package/dist/SvForm.svelte.d.ts +15 -22
  29. package/dist/SvGrid.controller.svelte.d.ts +32 -1
  30. package/dist/SvGrid.controller.svelte.js +156 -27
  31. package/dist/SvGrid.css +193 -5
  32. package/dist/SvGrid.svelte +357 -12
  33. package/dist/SvGrid.types.d.ts +452 -1
  34. package/dist/SvGridDropdown.svelte +8 -1
  35. package/dist/SvGridSelect.svelte +1 -0
  36. package/dist/SvListBox.svelte +36 -14
  37. package/dist/SvMaskedInput.svelte +4 -3
  38. package/dist/SvMaskedInput.svelte.d.ts +1 -1
  39. package/dist/SvMenu.svelte +1 -1
  40. package/dist/SvMenuList.svelte +23 -71
  41. package/dist/SvMenuList.svelte.d.ts +2 -13
  42. package/dist/SvModal.svelte +12 -29
  43. package/dist/SvMultiSelect.svelte +1 -0
  44. package/dist/SvNumberInput.svelte +4 -3
  45. package/dist/SvNumberInput.svelte.d.ts +1 -1
  46. package/dist/SvPagination.svelte +18 -18
  47. package/dist/SvPasswordInput.svelte +3 -2
  48. package/dist/SvPasswordInput.svelte.d.ts +1 -1
  49. package/dist/SvPhoneInput.svelte +3 -2
  50. package/dist/SvPhoneInput.svelte.d.ts +1 -1
  51. package/dist/SvPopover.svelte +1 -1
  52. package/dist/SvStepper.svelte +6 -9
  53. package/dist/SvTagsInput.svelte +3 -2
  54. package/dist/SvTagsInput.svelte.d.ts +1 -1
  55. package/dist/SvTooltip.svelte +12 -23
  56. package/dist/SvTour.svelte +32 -4
  57. package/dist/SvTreeSelect.svelte +1 -0
  58. package/dist/build-api.js +76 -54
  59. package/dist/cdn/svgrid.js +10907 -6444
  60. package/dist/cdn/svgrid.svelte-external.js +9622 -5475
  61. package/dist/columns.js +6 -0
  62. package/dist/conditional-formatting.d.ts +67 -3
  63. package/dist/conditional-formatting.js +124 -17
  64. package/dist/createCarousel.svelte.d.ts +72 -0
  65. package/dist/createCarousel.svelte.js +80 -0
  66. package/dist/createCommand.svelte.d.ts +62 -0
  67. package/dist/createCommand.svelte.js +109 -0
  68. package/dist/createForm.svelte.d.ts +62 -0
  69. package/dist/createForm.svelte.js +374 -0
  70. package/dist/createMenu.svelte.d.ts +88 -0
  71. package/dist/createMenu.svelte.js +153 -0
  72. package/dist/createOverlay.svelte.d.ts +38 -0
  73. package/dist/createOverlay.svelte.js +68 -0
  74. package/dist/createPagination.d.ts +74 -0
  75. package/dist/createPagination.js +71 -0
  76. package/dist/createPopoverSelect.svelte.js +6 -12
  77. package/dist/createStepper.d.ts +44 -0
  78. package/dist/createStepper.js +26 -0
  79. package/dist/createTooltip.svelte.d.ts +32 -0
  80. package/dist/createTooltip.svelte.js +61 -0
  81. package/dist/datetime/timezone.d.ts +36 -0
  82. package/dist/datetime/timezone.js +110 -0
  83. package/dist/dock-context.d.ts +52 -0
  84. package/dist/dock-context.js +1 -0
  85. package/dist/dock-manager-model.d.ts +136 -0
  86. package/dist/dock-manager-model.js +514 -0
  87. package/dist/dock-model.d.ts +105 -0
  88. package/dist/dock-model.js +288 -0
  89. package/dist/dock-popout.d.ts +30 -0
  90. package/dist/dock-popout.js +81 -0
  91. package/dist/editor-contract.d.ts +2 -0
  92. package/dist/filter-operators.d.ts +6 -0
  93. package/dist/filter-operators.js +35 -2
  94. package/dist/filtering/excel-filters.d.ts +18 -1
  95. package/dist/filtering/excel-filters.js +56 -0
  96. package/dist/form-field.d.ts +73 -0
  97. package/dist/form-field.js +15 -0
  98. package/dist/index.d.ts +25 -5
  99. package/dist/index.js +40 -4
  100. package/dist/list-nav.d.ts +18 -0
  101. package/dist/list-nav.js +30 -0
  102. package/dist/list-option.d.ts +2 -0
  103. package/dist/menu-item.d.ts +20 -0
  104. package/dist/menu-item.js +1 -0
  105. package/dist/menus.d.ts +5 -0
  106. package/dist/menus.js +68 -16
  107. package/dist/panel-resize.d.ts +25 -0
  108. package/dist/panel-resize.js +40 -0
  109. package/dist/popover.d.ts +29 -3
  110. package/dist/popover.js +22 -6
  111. package/dist/recurrence.d.ts +33 -7
  112. package/dist/recurrence.js +151 -13
  113. package/dist/row-drag.d.ts +8 -0
  114. package/dist/row-drag.js +11 -0
  115. package/dist/scheduler-ical.d.ts +30 -0
  116. package/dist/scheduler-ical.js +180 -0
  117. package/dist/scheduler-model.d.ts +269 -0
  118. package/dist/scheduler-model.js +602 -0
  119. package/dist/scheduler-view.svelte.d.ts +22 -0
  120. package/dist/scheduler-view.svelte.js +13 -0
  121. package/dist/spreadsheet.js +20 -12
  122. package/dist/ui-app.types.d.ts +3 -0
  123. package/package.json +5 -1
  124. package/src/DockNodeView.svelte +306 -0
  125. package/src/DockPopoutHost.svelte +17 -0
  126. package/src/GridMenus.svelte +83 -3
  127. package/src/SvAutoComplete.svelte +5 -3
  128. package/src/SvCarousel.svelte +20 -42
  129. package/src/SvCarousel.test.ts +68 -0
  130. package/src/SvColorInput.svelte +4 -3
  131. package/src/SvComboBox.svelte +7 -3
  132. package/src/SvCommand.svelte +28 -85
  133. package/src/SvCommand.test.ts +78 -0
  134. package/src/SvCountryInput.svelte +1 -1
  135. package/src/SvDateRangeInput.svelte +1 -1
  136. package/src/SvDateTimePicker.svelte +9 -3
  137. package/src/SvDockLayout.svelte +244 -0
  138. package/src/SvDockManager.svelte +922 -0
  139. package/src/SvDrawer.svelte +69 -47
  140. package/src/SvDropDownList.svelte +85 -13
  141. package/src/SvField.svelte +21 -4
  142. package/src/SvForm.svelte +201 -91
  143. package/src/SvForm.test.ts +299 -0
  144. package/src/SvGrid.controller.svelte.ts +152 -28
  145. package/src/SvGrid.css +193 -5
  146. package/src/SvGrid.svelte +357 -12
  147. package/src/SvGrid.types.ts +463 -1
  148. package/src/SvGridDropdown.svelte +8 -1
  149. package/src/SvGridSelect.svelte +1 -0
  150. package/src/SvListBox.svelte +36 -14
  151. package/src/SvMaskedInput.svelte +4 -3
  152. package/src/SvMenu.svelte +1 -1
  153. package/src/SvMenu.test.ts +24 -0
  154. package/src/SvMenuList.svelte +23 -71
  155. package/src/SvModal.svelte +12 -29
  156. package/src/SvModal.test.ts +82 -0
  157. package/src/SvMultiSelect.svelte +1 -0
  158. package/src/SvNumberInput.svelte +4 -3
  159. package/src/SvPagination.svelte +18 -18
  160. package/src/SvPasswordInput.svelte +3 -2
  161. package/src/SvPhoneInput.svelte +3 -2
  162. package/src/SvPopover.svelte +1 -1
  163. package/src/SvStepper.svelte +6 -9
  164. package/src/SvTagsInput.svelte +3 -2
  165. package/src/SvTooltip.svelte +12 -23
  166. package/src/SvTooltip.test.ts +73 -0
  167. package/src/SvTour.svelte +32 -4
  168. package/src/SvTreeSelect.svelte +1 -0
  169. package/src/build-api.ts +74 -51
  170. package/src/columns.ts +5 -0
  171. package/src/conditional-formatting.test.ts +104 -0
  172. package/src/conditional-formatting.ts +176 -19
  173. package/src/createCarousel.svelte.ts +104 -0
  174. package/src/createCommand.svelte.ts +125 -0
  175. package/src/createForm.svelte.ts +333 -0
  176. package/src/createMenu.svelte.ts +202 -0
  177. package/src/createOverlay.svelte.ts +101 -0
  178. package/src/createPagination.test.ts +65 -0
  179. package/src/createPagination.ts +84 -0
  180. package/src/createPopoverSelect.svelte.ts +5 -9
  181. package/src/createStepper.test.ts +62 -0
  182. package/src/createStepper.ts +61 -0
  183. package/src/createTooltip.svelte.ts +86 -0
  184. package/src/datetime/timezone.test.ts +69 -0
  185. package/src/datetime/timezone.ts +134 -0
  186. package/src/dock-context.ts +47 -0
  187. package/src/dock-manager-model.test.ts +275 -0
  188. package/src/dock-manager-model.ts +593 -0
  189. package/src/dock-model.test.ts +163 -0
  190. package/src/dock-model.ts +368 -0
  191. package/src/dock-popout.ts +94 -0
  192. package/src/editor-contract.ts +2 -0
  193. package/src/filter-operators.test.ts +59 -0
  194. package/src/filter-operators.ts +35 -2
  195. package/src/filtering/excel-filters.test.ts +86 -1
  196. package/src/filtering/excel-filters.ts +65 -0
  197. package/src/form-field.ts +87 -0
  198. package/src/index.ts +158 -4
  199. package/src/list-nav.test.ts +49 -0
  200. package/src/list-nav.ts +29 -0
  201. package/src/list-option.ts +2 -0
  202. package/src/menu-item.ts +21 -0
  203. package/src/menus.test.ts +48 -0
  204. package/src/menus.ts +73 -16
  205. package/src/panel-resize.ts +52 -0
  206. package/src/popover.bounds.test.ts +93 -0
  207. package/src/popover.ts +51 -7
  208. package/src/recurrence.test.ts +88 -1
  209. package/src/recurrence.ts +166 -15
  210. package/src/row-drag.ts +10 -0
  211. package/src/scheduler-ical.test.ts +68 -0
  212. package/src/scheduler-ical.ts +180 -0
  213. package/src/scheduler-model.test.ts +546 -0
  214. package/src/scheduler-model.ts +853 -0
  215. package/src/scheduler-view.svelte.ts +33 -0
  216. package/src/spreadsheet.ts +20 -12
  217. package/src/svgrid.effect-driven-filter.svelte.test.ts +116 -0
  218. package/src/ui-app.types.ts +3 -0
  219. package/src/virtual.test.ts +6 -4
@@ -6,6 +6,8 @@ import {
6
6
  NUMBER_OPERATORS,
7
7
  DATE_OPERATORS,
8
8
  CHECKBOX_OPERATORS,
9
+ SET_OPERATORS,
10
+ VALUELESS_OPERATORS,
9
11
  operatorOption,
10
12
  operatorsForColumn,
11
13
  defaultOperatorFor,
@@ -55,6 +57,63 @@ describe("filter-operators: catalogue integrity", () => {
55
57
  expect(values).toContain("between");
56
58
  expect(values).toContain("isBlank");
57
59
  });
60
+
61
+ it("catalogues the extended operator set (parity with jQWidgets-style row)", () => {
62
+ const values = filterOperatorOptions.map((o) => o.value);
63
+ for (const op of [
64
+ "notContains",
65
+ "notEquals",
66
+ "endsWith",
67
+ "regex",
68
+ "in",
69
+ "notIn",
70
+ "isNotBlank",
71
+ ]) {
72
+ expect(values).toContain(op);
73
+ }
74
+ });
75
+
76
+ it("SET_OPERATORS and VALUELESS_OPERATORS reference catalogued operators", () => {
77
+ const known = new Set(filterOperatorOptions.map((o) => o.value));
78
+ for (const id of [...SET_OPERATORS, ...VALUELESS_OPERATORS]) {
79
+ expect(known.has(id)).toBe(true);
80
+ }
81
+ expect([...SET_OPERATORS]).toEqual(["in", "notIn"]);
82
+ expect([...VALUELESS_OPERATORS]).toEqual(["isBlank", "isNotBlank"]);
83
+ });
84
+ });
85
+
86
+ describe("filter-operators: per-type coverage of the new operators", () => {
87
+ it("text columns expose the full string + set operator range", () => {
88
+ for (const op of [
89
+ "notContains",
90
+ "notEquals",
91
+ "endsWith",
92
+ "regex",
93
+ "in",
94
+ "notIn",
95
+ "isNotBlank",
96
+ ] as FilterOperator[]) {
97
+ expect(TEXT_OPERATORS).toContain(op);
98
+ }
99
+ });
100
+
101
+ it("number columns gain notEquals + in/notIn + isNotBlank but not text-only ops", () => {
102
+ expect(NUMBER_OPERATORS).toContain("notEquals");
103
+ expect(NUMBER_OPERATORS).toContain("in");
104
+ expect(NUMBER_OPERATORS).toContain("isNotBlank");
105
+ expect(NUMBER_OPERATORS).not.toContain("contains");
106
+ expect(NUMBER_OPERATORS).not.toContain("regex");
107
+ });
108
+
109
+ it("checkbox columns gain isNotBlank alongside equals/isBlank", () => {
110
+ expect(CHECKBOX_OPERATORS).toContain("isNotBlank");
111
+ });
112
+
113
+ it("date columns keep before/after semantics and add isNotBlank", () => {
114
+ expect(DATE_OPERATORS).toContain("isNotBlank");
115
+ expect(DATE_OPERATORS).not.toContain("in");
116
+ });
58
117
  });
59
118
 
60
119
  describe("operatorOption", () => {
@@ -6,35 +6,68 @@ import type { FilterOperator, FilterOption } from "./SvGrid.types";
6
6
 
7
7
  export const filterOperatorOptions: Array<FilterOption> = [
8
8
  { value: "contains", label: "Contains", iconName: "op-contains" },
9
+ { value: "notContains", label: "Not contains", iconName: "op-notContains" },
9
10
  { value: "equals", label: "Equals", iconName: "op-equals" },
11
+ { value: "notEquals", label: "Not equals", iconName: "op-notEquals" },
10
12
  { value: "startsWith", label: "Starts with", iconName: "op-startsWith" },
13
+ { value: "endsWith", label: "Ends with", iconName: "op-endsWith" },
14
+ { value: "regex", label: "Regex", iconName: "op-regex" },
15
+ { value: "in", label: "In", iconName: "op-in" },
16
+ { value: "notIn", label: "Not in", iconName: "op-notIn" },
11
17
  { value: "greaterThan", label: "Greater than", iconName: "op-greaterThan" },
12
18
  { value: "lessThan", label: "Less than", iconName: "op-lessThan" },
13
19
  { value: "between", label: "Between", iconName: "op-between" },
14
- { value: "isBlank", label: "Is blank", iconName: "op-isBlank" },
20
+ { value: "isBlank", label: "Blank", iconName: "op-isBlank" },
21
+ { value: "isNotBlank", label: "Not blank", iconName: "op-isNotBlank" },
22
+ ];
23
+ /** Operators whose predicate is a set-membership test over a token list.
24
+ * The filter row renders a multi-value chip input for these instead of a
25
+ * single text box. */
26
+ export const SET_OPERATORS: ReadonlyArray<FilterOperator> = ["in", "notIn"];
27
+ /** Operators that need no value input - they act on emptiness alone. */
28
+ export const VALUELESS_OPERATORS: ReadonlyArray<FilterOperator> = [
29
+ "isBlank",
30
+ "isNotBlank",
15
31
  ];
16
32
  /** Which operators make sense for each column editor type. */
17
33
  export const TEXT_OPERATORS: Array<FilterOperator> = [
18
34
  "contains",
35
+ "notContains",
19
36
  "equals",
37
+ "notEquals",
20
38
  "startsWith",
39
+ "endsWith",
40
+ "regex",
41
+ "in",
42
+ "notIn",
21
43
  "isBlank",
44
+ "isNotBlank",
22
45
  ];
23
46
  export const NUMBER_OPERATORS: Array<FilterOperator> = [
24
47
  "equals",
48
+ "notEquals",
25
49
  "greaterThan",
26
50
  "lessThan",
27
51
  "between",
52
+ "in",
53
+ "notIn",
28
54
  "isBlank",
55
+ "isNotBlank",
29
56
  ];
30
57
  export const DATE_OPERATORS: Array<FilterOperator> = [
31
58
  "equals",
59
+ "notEquals",
32
60
  "lessThan",
33
61
  "greaterThan",
34
62
  "between",
35
63
  "isBlank",
64
+ "isNotBlank",
65
+ ];
66
+ export const CHECKBOX_OPERATORS: Array<FilterOperator> = [
67
+ "equals",
68
+ "isBlank",
69
+ "isNotBlank",
36
70
  ];
37
- export const CHECKBOX_OPERATORS: Array<FilterOperator> = ["equals", "isBlank"];
38
71
  export const fallbackOperatorOption: FilterOption = {
39
72
  value: "contains",
40
73
  label: "Contains",
@@ -2,7 +2,12 @@
2
2
  * Unit tests for applyExcelFilter. Every operator + edge case.
3
3
  */
4
4
  import { describe, expect, it } from 'vitest'
5
- import { applyExcelFilter, type ExcelFilter } from './excel-filters'
5
+ import {
6
+ applyExcelFilter,
7
+ splitInTokens,
8
+ joinInTokens,
9
+ type ExcelFilter,
10
+ } from './excel-filters'
6
11
 
7
12
  const make = (
8
13
  operator: ExcelFilter['operator'],
@@ -129,3 +134,83 @@ describe('applyExcelFilter - isBlank', () => {
129
134
  expect(applyExcelFilter(0, make('isBlank'))).toBe(false)
130
135
  })
131
136
  })
137
+
138
+ describe('applyExcelFilter - isNotBlank', () => {
139
+ it('is the exact inverse of isBlank', () => {
140
+ expect(applyExcelFilter(null, make('isNotBlank'))).toBe(false)
141
+ expect(applyExcelFilter('', make('isNotBlank'))).toBe(false)
142
+ expect(applyExcelFilter(' ', make('isNotBlank'))).toBe(false)
143
+ expect(applyExcelFilter('x', make('isNotBlank'))).toBe(true)
144
+ expect(applyExcelFilter(0, make('isNotBlank'))).toBe(true)
145
+ })
146
+ })
147
+
148
+ describe('applyExcelFilter - notContains', () => {
149
+ it('is the inverse of contains', () => {
150
+ expect(applyExcelFilter('Hello World', make('notContains', 'world'))).toBe(false)
151
+ expect(applyExcelFilter('Hello', make('notContains', 'xyz'))).toBe(true)
152
+ })
153
+ it('treats empty value as universal match (nothing excluded)', () => {
154
+ expect(applyExcelFilter('anything', make('notContains', ''))).toBe(true)
155
+ })
156
+ })
157
+
158
+ describe('applyExcelFilter - notEquals', () => {
159
+ it('is the inverse of equals, case-insensitive', () => {
160
+ expect(applyExcelFilter('Boston', make('notEquals', 'boston'))).toBe(false)
161
+ expect(applyExcelFilter('Boston', make('notEquals', 'bost'))).toBe(true)
162
+ })
163
+ })
164
+
165
+ describe('applyExcelFilter - endsWith', () => {
166
+ it('matches a suffix case-insensitively', () => {
167
+ expect(applyExcelFilter('Brooklyn', make('endsWith', 'LYN'))).toBe(true)
168
+ expect(applyExcelFilter('Brooklyn', make('endsWith', 'brook'))).toBe(false)
169
+ })
170
+ })
171
+
172
+ describe('applyExcelFilter - regex', () => {
173
+ it('matches with a valid case-insensitive pattern', () => {
174
+ expect(applyExcelFilter('T-240007', make('regex', '^T-\\d+$'))).toBe(true)
175
+ expect(applyExcelFilter('BABA', make('regex', 'ba'))).toBe(true)
176
+ expect(applyExcelFilter('XYZ', make('regex', '^a'))).toBe(false)
177
+ })
178
+ it('treats an empty pattern as a universal match', () => {
179
+ expect(applyExcelFilter('anything', make('regex', ''))).toBe(true)
180
+ })
181
+ it('matches nothing (no throw) when the pattern is invalid', () => {
182
+ expect(applyExcelFilter('anything', make('regex', '('))).toBe(false)
183
+ expect(applyExcelFilter('a[b', make('regex', '['))).toBe(false)
184
+ })
185
+ })
186
+
187
+ describe('applyExcelFilter - in / notIn', () => {
188
+ it('in matches when the cell equals any token (newline- or comma-separated)', () => {
189
+ expect(applyExcelFilter('BP', make('in', 'TSM\nBP\nBABA'))).toBe(true)
190
+ expect(applyExcelFilter('bp', make('in', 'TSM, BP, BABA'))).toBe(true)
191
+ expect(applyExcelFilter('HSBA', make('in', 'TSM\nBP'))).toBe(false)
192
+ })
193
+ it('notIn is the inverse of in', () => {
194
+ expect(applyExcelFilter('BP', make('notIn', 'TSM\nBP'))).toBe(false)
195
+ expect(applyExcelFilter('HSBA', make('notIn', 'TSM\nBP'))).toBe(true)
196
+ })
197
+ it('matches only whole values, not substrings', () => {
198
+ expect(applyExcelFilter('BPX', make('in', 'BP'))).toBe(false)
199
+ })
200
+ it('treats an empty token list as a universal match', () => {
201
+ expect(applyExcelFilter('anything', make('in', ''))).toBe(true)
202
+ expect(applyExcelFilter('anything', make('notIn', ' '))).toBe(true)
203
+ })
204
+ })
205
+
206
+ describe('in-token serialization helpers', () => {
207
+ it('splitInTokens accepts newline and comma separators and trims', () => {
208
+ expect(splitInTokens('a\nb, c ,,\n')).toEqual(['a', 'b', 'c'])
209
+ expect(splitInTokens('')).toEqual([])
210
+ expect(splitInTokens(null)).toEqual([])
211
+ })
212
+ it('joinInTokens round-trips through splitInTokens', () => {
213
+ expect(splitInTokens(joinInTokens(['a', 'b', 'c']))).toEqual(['a', 'b', 'c'])
214
+ expect(joinInTokens([' a ', '', 'b'])).toBe('a\nb')
215
+ })
216
+ })
@@ -1,11 +1,18 @@
1
1
  export type ExcelFilterOperator =
2
2
  | 'contains'
3
+ | 'notContains'
3
4
  | 'equals'
5
+ | 'notEquals'
4
6
  | 'startsWith'
7
+ | 'endsWith'
8
+ | 'regex'
9
+ | 'in'
10
+ | 'notIn'
5
11
  | 'greaterThan'
6
12
  | 'lessThan'
7
13
  | 'between'
8
14
  | 'isBlank'
15
+ | 'isNotBlank'
9
16
 
10
17
  export type ExcelFilter = {
11
18
  id: string
@@ -48,6 +55,33 @@ export function normalizeForFilter(
48
55
  : stripped.toLowerCase()
49
56
  }
50
57
 
58
+ /**
59
+ * Delimiter used to serialise the `in` / `notIn` value list into the single
60
+ * `value` string that the filter model carries. A newline is used because it
61
+ * (unlike a comma) practically never appears inside a typed token, so tokens
62
+ * survive the round-trip unescaped. The chip input in the filter row reads and
63
+ * writes with the same separator via {@link splitInTokens} / {@link joinInTokens}.
64
+ */
65
+ export const IN_TOKEN_SEP = '\n'
66
+
67
+ /**
68
+ * Split a serialised `in` / `notIn` value into its individual tokens. Accepts
69
+ * both the newline separator the chip input writes and a plain comma-separated
70
+ * string (what a raw text field, e.g. the tool-panel filter, produces), so the
71
+ * same value round-trips through either UI.
72
+ */
73
+ export function splitInTokens(value: unknown): string[] {
74
+ return String(value ?? '')
75
+ .split(/[\n,]/)
76
+ .map((t) => t.trim())
77
+ .filter((t) => t.length > 0)
78
+ }
79
+
80
+ /** Serialise a list of tokens back into the single `in` / `notIn` value. */
81
+ export function joinInTokens(tokens: ReadonlyArray<string>): string {
82
+ return tokens.map((t) => t.trim()).filter((t) => t.length > 0).join(IN_TOKEN_SEP)
83
+ }
84
+
51
85
  export function applyExcelFilter(
52
86
  cellValue: unknown,
53
87
  filter: ExcelFilter,
@@ -59,10 +93,39 @@ export function applyExcelFilter(
59
93
  switch (filter.operator) {
60
94
  case 'contains':
61
95
  return normalizedText.includes(normalizedValue)
96
+ case 'notContains':
97
+ // An empty needle is no constraint (mirrors `contains` returning true),
98
+ // so nothing is excluded until the user types something.
99
+ return normalizedValue === '' || !normalizedText.includes(normalizedValue)
62
100
  case 'equals':
63
101
  return normalizedText === normalizedValue
102
+ case 'notEquals':
103
+ return normalizedValue === '' || normalizedText !== normalizedValue
64
104
  case 'startsWith':
65
105
  return normalizedText.startsWith(normalizedValue)
106
+ case 'endsWith':
107
+ return normalizedText.endsWith(normalizedValue)
108
+ case 'regex': {
109
+ // Case-insensitive by default (matches the accent/case-folded feel of
110
+ // the other text operators). An invalid pattern matches nothing rather
111
+ // than throwing, so a half-typed regex never crashes the row model.
112
+ const pattern = String(filter.value ?? '')
113
+ if (!pattern) return true
114
+ try {
115
+ return new RegExp(pattern, 'i').test(text)
116
+ } catch {
117
+ return false
118
+ }
119
+ }
120
+ case 'in':
121
+ case 'notIn': {
122
+ const tokens = splitInTokens(filter.value)
123
+ if (tokens.length === 0) return true
124
+ const hit = tokens.some(
125
+ (t) => normalizeForFilter(t, options?.locale) === normalizedText,
126
+ )
127
+ return filter.operator === 'in' ? hit : !hit
128
+ }
66
129
  case 'greaterThan': {
67
130
  const a = Number(cellValue)
68
131
  const b = Number(filter.value)
@@ -97,5 +160,7 @@ export function applyExcelFilter(
97
160
  }
98
161
  case 'isBlank':
99
162
  return text.trim().length === 0
163
+ case 'isNotBlank':
164
+ return text.trim().length > 0
100
165
  }
101
166
  }
@@ -0,0 +1,87 @@
1
+ import type { Validator } from './validators'
2
+
3
+ /**
4
+ * Field descriptor for <SvForm> and the headless `createForm` core. Kept in a
5
+ * plain `.ts` module so the core can import the type without pulling in the
6
+ * `.svelte` component (which would create a `.svelte.ts` -> `.svelte` import
7
+ * cycle Vite's dev import-analysis fails to resolve).
8
+ */
9
+ export type FormFieldType =
10
+ | 'text' | 'email' | 'tel' | 'textarea' | 'number' | 'password'
11
+ | 'select' | 'checkbox' | 'switch' | 'date' | 'color' | 'rating'
12
+ | 'array'
13
+
14
+ export type FormField = {
15
+ name: string
16
+ label: string
17
+ type?: FormFieldType
18
+ required?: boolean
19
+ placeholder?: string
20
+ options?: Array<{ value: string | number; label: string; color?: string }>
21
+ /** Declarative validation rules (see `rules` - email/pattern/min/compare...). */
22
+ rules?: ReadonlyArray<Validator>
23
+ /** Return an error message, or null/undefined when valid. */
24
+ validate?: (value: any, values: Record<string, any>) => string | null | undefined
25
+ /**
26
+ * Async validator (e.g. "is this username taken?"). Runs after the sync checks
27
+ * pass, debounced (`asyncDebounce`, default 300ms) and stale-guarded so only the
28
+ * latest result wins. While it runs, `form.isValidating(name)` is true and the
29
+ * field shows a checking indicator. Submit waits for all async validators.
30
+ */
31
+ asyncValidate?: (value: any, values: Record<string, any>) => Promise<string | null | undefined>
32
+ /** Debounce (ms) before `asyncValidate` runs on edit. Default 300. */
33
+ asyncDebounce?: number
34
+ /** Span full width in the grid. */
35
+ full?: boolean
36
+ /**
37
+ * Show the field only when this is `true` / returns `true` (default: always).
38
+ * A field derived from other values, e.g. `visible: (v) => v.hasAddress`.
39
+ * Hidden fields are skipped in validation and excluded from the submitted values.
40
+ */
41
+ visible?: boolean | ((values: Record<string, any>) => boolean)
42
+ /** Disable the field, statically or derived from other values. */
43
+ disabled?: boolean | ((values: Record<string, any>) => boolean)
44
+ /**
45
+ * For `type: 'array'` - the fields of each repeatable item. The value is an
46
+ * array of item objects; each item's fields validate against that item (so
47
+ * cross-field rules within a row work). `required`/`minItems`/`maxItems` gate
48
+ * the array length.
49
+ */
50
+ itemFields?: ReadonlyArray<FormField>
51
+ /** Label for the "add item" button of an array field. Default "+ Add". */
52
+ addLabel?: string
53
+ /** Min / max item count for an array field. */
54
+ minItems?: number
55
+ maxItems?: number
56
+ }
57
+
58
+ /**
59
+ * A group of fields rendered as a titled fieldset - and, when `<SvForm stepper>`
60
+ * is set, as one step of a wizard. Use in place of a plain `FormField` inside the
61
+ * `fields` array; the schema may freely mix flat fields and sections.
62
+ */
63
+ export type FormSection = {
64
+ section: string
65
+ description?: string
66
+ fields: ReadonlyArray<FormField>
67
+ /** Column count for this section's grid (defaults to the form's `columns`). */
68
+ columns?: number
69
+ }
70
+
71
+ /** An entry in a form schema: either a single field or a titled section/step. */
72
+ export type FormEntry = FormField | FormSection
73
+
74
+ /** Narrow a schema entry to a section (has a `fields` array). */
75
+ export function isFormSection(e: FormEntry): e is FormSection {
76
+ return Array.isArray((e as FormSection).fields)
77
+ }
78
+
79
+ /** Flatten a mixed schema (fields + sections) to the flat list of fields. */
80
+ export function flattenFields(entries: ReadonlyArray<FormEntry>): FormField[] {
81
+ const out: FormField[] = []
82
+ for (const e of entries) {
83
+ if (isFormSection(e)) out.push(...e.fields)
84
+ else out.push(e)
85
+ }
86
+ return out
87
+ }
package/src/index.ts CHANGED
@@ -71,9 +71,68 @@ export { subscribeGrid, subscribeSvGrid } from './subscribe'
71
71
  export { default as SvGrid } from './SvGrid.svelte'
72
72
  export { default as SvGridBoard } from './SvGridBoard.svelte'
73
73
  export type { BoardConfig, BoardLane, BoardCardMoveEvent, BoardCardCommitEvent, BoardLayout, BoardSubtask, BoardComment, BoardMenuContext, BoardLaneMenuContext, BoardDrawerConfig } from './SvGrid.types'
74
+ // Scheduler / calendar view. The `scheduler` prop + its config types live in
75
+ // the free grid, but the RENDERER ships in @svgrid/enterprise and registers
76
+ // itself through this seam (see scheduler-view.svelte.ts). Mirrors editor-registry.
77
+ export type {
78
+ SchedulerConfig,
79
+ SchedulerDrawerConfig,
80
+ SchedulerEventMoveEvent,
81
+ SchedulerEventResizeEvent,
82
+ SchedulerEventCommitEvent,
83
+ SchedulerRangeSelection,
84
+ SchedulerView,
85
+ SchedulerResource,
86
+ SchedulerCollisionMode,
87
+ SchedulerException,
88
+ SchedulerEditScope,
89
+ SchedulerOccurrenceChangeEvent,
90
+ } from './SvGrid.types'
91
+ export { registerSchedulerView, getSchedulerView, hasSchedulerView } from './scheduler-view.svelte'
92
+ // Pure scheduler layout/model helpers (framework-free, like recurrence/date-core).
93
+ // The calendar RENDERER that consumes these ships in @svgrid/enterprise.
94
+ export {
95
+ resolveEvents,
96
+ hasConflict,
97
+ overlapCount,
98
+ overlapsBands,
99
+ workingIntervals,
100
+ withinWorking,
101
+ type WorkingWindow,
102
+ eventsOnDay,
103
+ layoutDayEvents,
104
+ monthWeekSegments,
105
+ agendaGroups,
106
+ rangeForView,
107
+ daysForView,
108
+ navigateAnchor,
109
+ timelineAxis,
110
+ timelineGeom,
111
+ timelineRows,
112
+ type ResolvedEvent,
113
+ type EventSpec,
114
+ type RecurrenceException,
115
+ type PositionedEvent,
116
+ type OverflowMarker,
117
+ type DayLayout,
118
+ type LayoutOptions,
119
+ type MonthSegment,
120
+ type AgendaGroup,
121
+ type TimelineTick,
122
+ type TimelineMajor,
123
+ type TimelineAxis,
124
+ type TimelineRow,
125
+ } from './scheduler-model'
74
126
  export { default as SvGridDropdown } from './SvGridDropdown.svelte'
75
127
  export { default as SvCalendar, type CalendarValue, type CalendarPreset, type CalendarAnimation } from './SvCalendar.svelte'
76
- export { matchesRecurrence, expandRecurrence, type RecurrenceRule, type RecurrenceFreq } from './recurrence'
128
+ export {
129
+ matchesRecurrence,
130
+ expandRecurrence,
131
+ describeRecurrence,
132
+ type RecurrenceRule,
133
+ type RecurrenceFreq,
134
+ type RecurrenceLabels,
135
+ } from './recurrence'
77
136
  export { default as SvTimePicker, type TimeValue } from './SvTimePicker.svelte'
78
137
  export { default as SvDateTimePicker, type DateTimeValue } from './SvDateTimePicker.svelte'
79
138
  export { default as SvDateRangeInput, type DateRangeValue } from './SvDateRangeInput.svelte'
@@ -108,6 +167,23 @@ export {
108
167
  type DismissableOptions,
109
168
  } from './a11y/dismissable'
110
169
  export { announce, type AnnounceOptions } from './a11y/live-region'
170
+ // Dialog-overlay core (SvModal / SvDrawer): open -> focus-trap + scroll-lock +
171
+ // Escape/backdrop dismissal -> restore, on the primitives above.
172
+ export { createOverlay, type Overlay, type OverlayConfig, type DialogProps } from './createOverlay.svelte'
173
+ // Tooltip core (SvTooltip): hover/focus open with a show delay, Escape-to-hide,
174
+ // and aria-describedby / role=tooltip wiring. (Toasts are already headless: see
175
+ // the toastStore / toast() exports below.)
176
+ export { createTooltip, type Tooltip, type TooltipConfig, type TooltipAnchorProps, type TooltipProps } from './createTooltip.svelte'
177
+ // Navigation cores: pager (SvPagination), wizard steps (SvStepper), slideshow
178
+ // (SvCarousel). Pagination + stepper are pure/rune-free; carousel owns autoplay.
179
+ export { createPagination, type Pagination, type PaginationConfig } from './createPagination'
180
+ export { createStepper, type Stepper, type StepperConfig, type StepStatus } from './createStepper'
181
+ export { createCarousel, type Carousel, type CarouselConfig } from './createCarousel.svelte'
182
+ // Command palette core (SvCommand): fuzzy filter + roving + hotkey. Pair with
183
+ // createOverlay for the focus-trap/scroll-lock/dismissal lifecycle.
184
+ export { createCommand, type Command, type CommandConfig } from './createCommand.svelte'
185
+ // Schema-driven form core (SvForm): values/errors/touched + validation + submit.
186
+ export { createForm, type Form, type FormConfig } from './createForm.svelte'
111
187
  // UI kit - custom cell-editor registry (register any component as a grid editor)
112
188
  export {
113
189
  registerCellEditor,
@@ -136,6 +212,14 @@ export {
136
212
  // Selection family cores
137
213
  export { createCombobox, type Combobox, type ComboboxConfig, type ComboboxValue } from './createCombobox.svelte'
138
214
  export { createDropdownList, type DropdownList, type DropdownListConfig, type DropdownValue } from './createDropdownList.svelte'
215
+ // Shared engine behind the anchored-panel selects (SvMultiSelect / SvTreeSelect /
216
+ // SvGridSelect): open/close, positioning, dismissal, roving active index, ARIA.
217
+ export { createPopoverSelect, type PopoverSelect, type PopoverSelectConfig } from './createPopoverSelect.svelte'
218
+ // Menu family core (SvMenu / SvMenuList / SvContextMenu): roving focus, submenus,
219
+ // keyboard. `MenuItem` also re-exported from SvMenuList for back-compat.
220
+ export { createMenu, type Menu, type MenuConfig, type MenuItemProps } from './createMenu.svelte'
221
+ // Pure roving-focus navigation math shared by the cores above.
222
+ export { enabledIndices, wrapMove } from './list-nav'
139
223
  export { createAutocomplete, type Autocomplete, type AutocompleteConfig } from './createAutocomplete.svelte'
140
224
  export { createTagsInput, type TagsInput, type TagsInputConfig } from './createTagsInput.svelte'
141
225
  export { createCountryInput, type CountryInput, type CountryInputConfig } from './createCountryInput.svelte'
@@ -218,6 +302,63 @@ export { default as SvAccordion, type AccordionItem, type AccordionExpandMode }
218
302
  export { createAccordion, type Accordion, type AccordionConfig } from './createAccordion.svelte'
219
303
  export { default as SvSplitter, type SplitterOrientation } from './SvSplitter.svelte'
220
304
  export { createSplitter, type Splitter, type SplitterConfig, type SplitterPoint } from './createSplitter.svelte'
305
+ export { default as SvDockLayout } from './SvDockLayout.svelte'
306
+ export { default as SvDockManager, type DockManagerApi, type DockEvent } from './SvDockManager.svelte'
307
+ export {
308
+ dockPane,
309
+ dockTabs,
310
+ dockGroup,
311
+ removePane,
312
+ movePane,
313
+ dockInto,
314
+ reorderPane,
315
+ removeLeaf,
316
+ dockLeafToEdge,
317
+ setActive as dockSetActive,
318
+ setSizes as dockSetSizes,
319
+ normalize as dockNormalize,
320
+ findTabsWithPane,
321
+ allPaneIds,
322
+ type DockNode,
323
+ type DockGroup,
324
+ type DockTabs,
325
+ type DockPane,
326
+ type DockZone,
327
+ } from './dock-model'
328
+ export {
329
+ floatPane,
330
+ dockPaneOnto,
331
+ dockWindowOnto,
332
+ dockPaneToEmptyMain,
333
+ reorderTab,
334
+ autoHideLeaf,
335
+ autoHidePaneToSide,
336
+ pinAutoHidden,
337
+ setAutoHideSize,
338
+ closePane as dockManagerClosePane,
339
+ moveWindow,
340
+ resizeWindow,
341
+ bringToFront,
342
+ setWindowMinimized,
343
+ toggleWindowMaximized,
344
+ closeWindow,
345
+ autoHideWindow,
346
+ toggleMaximizeLeaf,
347
+ findLeafById,
348
+ addPaneToMain,
349
+ resizeGroup as dockManagerResizeGroup,
350
+ setManagerActive,
351
+ locatePane,
352
+ surfaceOfTabs,
353
+ allManagerPaneIds,
354
+ allManagerIds,
355
+ dedupeManagerNodeIds,
356
+ type DockManagerState,
357
+ type FloatWindow,
358
+ type AutoHideEntry,
359
+ type DockSide,
360
+ type PaneLocation,
361
+ } from './dock-manager-model'
221
362
  export { default as SvFileUpload, type FileRejection, type FileRejectReason } from './SvFileUpload.svelte'
222
363
  export { createFileUpload, fileMatchesAccept, type FileUpload, type FileUploadConfig } from './createFileUpload.svelte'
223
364
  // UI kit - overlays (popover / tooltip / modal), sharing the popover.ts positioning + animation
@@ -264,18 +405,24 @@ export {
264
405
  type ToastFn,
265
406
  } from './toast-store.svelte'
266
407
  export { default as SvMenu, type MenuItem } from './SvMenu.svelte'
408
+ export { default as SvMenuList } from './SvMenuList.svelte'
267
409
  export { default as SvNavPane, type NavItem, type NavSection, type NavModule } from './SvNavPane.svelte'
268
410
  export { default as SvProgress } from './SvProgress.svelte'
269
411
  export { default as SvCircularProgress } from './SvCircularProgress.svelte'
270
412
  export { popIn } from './popover'
271
- export { default as SvForm, type FormField, type FormFieldType } from './SvForm.svelte'
413
+ export { default as SvForm, type FormField, type FormFieldType, type FormSection, type FormEntry } from './SvForm.svelte'
272
414
  export { rules, runRules, isEmptyValue, type Validator, type RuleOptions, type CompareOp } from './validators'
273
415
  export { anchoredRect, portalToBody, PANEL_THEME_VARS, type AnchoredRect } from './popover'
274
416
  export {
275
- toDate, startOfDay, addDays, addMonths, addYears, clampDate, isSameDay,
276
- monthMatrix, isoWeek, decadeRange, withTime, snapMinute, type DateLike,
417
+ toDate, startOfDay, startOfWeek, startOfMonth, addDays, addMonths, addYears, clampDate, isSameDay,
418
+ monthMatrix, weekdayOrder, isoWeek, decadeRange, withTime, snapMinute, type DateLike,
277
419
  } from './datetime/date-core'
278
420
  export { formatDate, parseDate, tokenizeMask } from './datetime/date-format'
421
+ export { toICS, fromICS, ruleToRRule, rruleToRule, type ICalEvent } from './scheduler-ical'
422
+ export {
423
+ zoneParts, zoneOffsetMs, toZonedLocal, fromZonedLocal, instantFromWallClock, zoneAbbr, normalizeTimeZone,
424
+ type ZoneParts,
425
+ } from './datetime/timezone'
279
426
  export {
280
427
  selectDate, rangeDays, isSelected, isMultiSelectMode, emptySelection,
281
428
  type SelectionMode, type SelectionState,
@@ -424,10 +571,15 @@ export {
424
571
  resolveCellFormat,
425
572
  computeColumnStat,
426
573
  lerpColor,
574
+ rgba,
427
575
  contrastText,
576
+ formatNeedsStats,
577
+ formatsNeedingStats,
428
578
  type ConditionalFormat,
429
579
  type ConditionalFormatSpec,
430
580
  type ColorScaleFormat,
581
+ type ColorScaleStop,
582
+ type ScaleBounds,
431
583
  type DataBarFormat,
432
584
  type IconSetFormat,
433
585
  type RuleFormat,
@@ -448,6 +600,8 @@ export {
448
600
  export {
449
601
  applyExcelFilter,
450
602
  normalizeForFilter,
603
+ splitInTokens,
604
+ joinInTokens,
451
605
  type ExcelFilter,
452
606
  type ExcelFilterOperator,
453
607
  type ExcelFilterOptions,