@opengovsg/oui 0.0.0-snapshot-20250812083020 → 0.0.0-snapshot-20250813172831
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/badge/badge.cjs +4 -4
- package/dist/cjs/badge/use-badge.cjs +6 -6
- package/dist/cjs/banner/banner.cjs +3 -3
- package/dist/cjs/button/button.cjs +4 -4
- package/dist/cjs/calendar/calendar-bottom-content.cjs +2 -2
- package/dist/cjs/calendar/calendar-header.cjs +2 -2
- package/dist/cjs/calendar/calendar-month-day-selector.cjs +4 -4
- package/dist/cjs/calendar/calendar.cjs +4 -4
- package/dist/cjs/calendar/hooks/use-calendar-selectors.cjs +4 -4
- package/dist/cjs/calendar/utils.cjs +3 -3
- package/dist/cjs/checkbox/checkbox-group-style-context.cjs +16 -0
- package/dist/cjs/checkbox/checkbox.cjs +94 -0
- package/dist/cjs/checkbox/index.cjs +12 -0
- package/dist/cjs/combo-box/combo-box-fuzzy.cjs +6 -6
- package/dist/cjs/combo-box/combo-box-item.cjs +2 -2
- package/dist/cjs/combo-box/combo-box.cjs +4 -4
- package/dist/cjs/date-field/date-field.cjs +3 -3
- package/dist/cjs/date-picker/date-picker.cjs +3 -3
- package/dist/cjs/date-range-picker/date-range-picker.cjs +5 -5
- package/dist/cjs/govt-banner/govt-banner.cjs +3 -3
- package/dist/cjs/hooks/use-callback-ref.cjs +4 -4
- package/dist/cjs/hooks/use-controllable-state.cjs +2 -2
- package/dist/cjs/index.cjs +56 -39
- package/dist/cjs/input/input.cjs +2 -2
- package/dist/cjs/menu/menu.cjs +7 -7
- package/dist/cjs/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.cjs +45 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.cjs +21 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.cjs +72 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.cjs +60 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.cjs +210 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.cjs +100 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.cjs +152 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.cjs +676 -0
- package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/utils.cjs +160 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_check_private_redeclaration.cjs +9 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_get.cjs +9 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_set.cjs +16 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_extract_field_descriptor.cjs +9 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_get.cjs +11 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_init.cjs +10 -0
- package/dist/cjs/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_set.cjs +12 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.cjs +4 -4
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.cjs +3 -3
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-right.cjs +22 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis.cjs +23 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.cjs +19 -0
- package/dist/cjs/pagination/hooks/use-pagination.cjs +117 -0
- package/dist/cjs/pagination/index.cjs +17 -0
- package/dist/cjs/pagination/pagination-cursor.cjs +18 -0
- package/dist/cjs/pagination/pagination-item.cjs +18 -0
- package/dist/cjs/pagination/pagination.cjs +263 -0
- package/dist/cjs/pagination/use-pagination-item.cjs +87 -0
- package/dist/cjs/pagination/use-pagination.cjs +251 -0
- package/dist/cjs/range-calendar/range-calendar.cjs +6 -6
- package/dist/cjs/ripple/use-ripple.cjs +4 -4
- package/dist/cjs/select/select.cjs +3 -3
- package/dist/cjs/spinner/use-spinner.cjs +3 -3
- package/dist/cjs/system/react-utils/context.cjs +3 -3
- package/dist/cjs/system/react-utils/dom-props.cjs +186 -0
- package/dist/cjs/system/react-utils/filter-dom-props.cjs +46 -0
- package/dist/cjs/system/react-utils/index.cjs +2 -0
- package/dist/cjs/system/react-utils/refs.cjs +3 -3
- package/dist/cjs/system/utils.cjs +3 -3
- package/dist/cjs/tabs/tabs.cjs +2 -2
- package/dist/cjs/tag-field/tag-field-item.cjs +2 -2
- package/dist/cjs/tag-field/tag-field-list.cjs +4 -4
- package/dist/cjs/tag-field/tag-field-root.cjs +14 -14
- package/dist/cjs/tag-field/tag-field-state-context.cjs +2 -2
- package/dist/cjs/tag-field/tag-field-tag-list.cjs +3 -3
- package/dist/cjs/tag-field/tag-field-trigger.cjs +2 -2
- package/dist/cjs/tag-field/tag-field.cjs +4 -4
- package/dist/cjs/tag-field/use-tag-field-state.cjs +6 -6
- package/dist/cjs/tag-field/use-tag-field.cjs +4 -4
- package/dist/cjs/text-area/text-area.cjs +2 -2
- package/dist/cjs/toggle/toggle.cjs +3 -3
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/calendar/calendar-month-day-selector.js +2 -2
- package/dist/esm/checkbox/checkbox-group-style-context.js +13 -0
- package/dist/esm/checkbox/checkbox.js +91 -0
- package/dist/esm/checkbox/index.js +3 -0
- package/dist/esm/combo-box/combo-box.js +1 -1
- package/dist/esm/date-picker/date-picker.js +1 -1
- package/dist/esm/date-range-picker/date-range-picker.js +2 -2
- package/dist/esm/index.js +19 -12
- package/dist/esm/menu/menu.js +1 -1
- package/dist/esm/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.js +43 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.js +19 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.js +69 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.js +58 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.js +205 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.js +98 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.js +150 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.js +674 -0
- package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/utils.js +155 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_check_private_redeclaration.js +7 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_get.js +7 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_apply_descriptor_set.js +14 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_extract_field_descriptor.js +7 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_get.js +9 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_init.js +8 -0
- package/dist/esm/node_modules/.pnpm/@swc_helpers@0.5.17/node_modules/@swc/helpers/esm/_class_private_field_set.js +10 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-right.js +17 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis.js +18 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js +14 -0
- package/dist/esm/pagination/hooks/use-pagination.js +114 -0
- package/dist/esm/pagination/index.js +6 -0
- package/dist/esm/pagination/pagination-cursor.js +16 -0
- package/dist/esm/pagination/pagination-item.js +16 -0
- package/dist/esm/pagination/pagination.js +261 -0
- package/dist/esm/pagination/use-pagination-item.js +85 -0
- package/dist/esm/pagination/use-pagination.js +248 -0
- package/dist/esm/select/select.js +1 -1
- package/dist/esm/system/react-utils/dom-props.js +183 -0
- package/dist/esm/system/react-utils/filter-dom-props.js +44 -0
- package/dist/esm/system/react-utils/index.js +1 -0
- package/dist/esm/tag-field/tag-field.js +2 -2
- package/dist/types/checkbox/checkbox-group-style-context.d.ts +6 -0
- package/dist/types/checkbox/checkbox-group-style-context.d.ts.map +1 -0
- package/dist/types/checkbox/checkbox.d.ts +19 -0
- package/dist/types/checkbox/checkbox.d.ts.map +1 -0
- package/dist/types/checkbox/index.d.ts +3 -0
- package/dist/types/checkbox/index.d.ts.map +1 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/pagination/hooks/use-pagination.d.ts +51 -0
- package/dist/types/pagination/hooks/use-pagination.d.ts.map +1 -0
- package/dist/types/pagination/index.d.ts +7 -0
- package/dist/types/pagination/index.d.ts.map +1 -0
- package/dist/types/pagination/pagination-cursor.d.ts +9 -0
- package/dist/types/pagination/pagination-cursor.d.ts.map +1 -0
- package/dist/types/pagination/pagination-item.d.ts +5 -0
- package/dist/types/pagination/pagination-item.d.ts.map +1 -0
- package/dist/types/pagination/pagination.d.ts +5 -0
- package/dist/types/pagination/pagination.d.ts.map +1 -0
- package/dist/types/pagination/use-pagination-item.d.ts +51 -0
- package/dist/types/pagination/use-pagination-item.d.ts.map +1 -0
- package/dist/types/pagination/use-pagination.d.ts +353 -0
- package/dist/types/pagination/use-pagination.d.ts.map +1 -0
- package/dist/types/system/react-utils/context.d.ts.map +1 -1
- package/dist/types/system/react-utils/dom-props.d.ts +3 -0
- package/dist/types/system/react-utils/dom-props.d.ts.map +1 -0
- package/dist/types/system/react-utils/filter-dom-props.d.ts +39 -0
- package/dist/types/system/react-utils/filter-dom-props.d.ts.map +1 -0
- package/dist/types/system/react-utils/index.d.ts +1 -0
- package/dist/types/system/react-utils/index.d.ts.map +1 -1
- package/package.json +8 -6
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const DOMPropNames = /* @__PURE__ */ new Set([
|
|
3
|
+
"id",
|
|
4
|
+
"type",
|
|
5
|
+
"style",
|
|
6
|
+
"title",
|
|
7
|
+
"role",
|
|
8
|
+
"tabIndex",
|
|
9
|
+
"htmlFor",
|
|
10
|
+
"width",
|
|
11
|
+
"height",
|
|
12
|
+
"abbr",
|
|
13
|
+
"accept",
|
|
14
|
+
"acceptCharset",
|
|
15
|
+
"accessKey",
|
|
16
|
+
"action",
|
|
17
|
+
"allowFullScreen",
|
|
18
|
+
"allowTransparency",
|
|
19
|
+
"alt",
|
|
20
|
+
"async",
|
|
21
|
+
"autoComplete",
|
|
22
|
+
"autoFocus",
|
|
23
|
+
"autoPlay",
|
|
24
|
+
"cellPadding",
|
|
25
|
+
"cellSpacing",
|
|
26
|
+
"challenge",
|
|
27
|
+
"charset",
|
|
28
|
+
"checked",
|
|
29
|
+
"cite",
|
|
30
|
+
"class",
|
|
31
|
+
"className",
|
|
32
|
+
"cols",
|
|
33
|
+
"colSpan",
|
|
34
|
+
"command",
|
|
35
|
+
"content",
|
|
36
|
+
"contentEditable",
|
|
37
|
+
"contextMenu",
|
|
38
|
+
"controls",
|
|
39
|
+
"coords",
|
|
40
|
+
"crossOrigin",
|
|
41
|
+
"data",
|
|
42
|
+
"dateTime",
|
|
43
|
+
"default",
|
|
44
|
+
"defer",
|
|
45
|
+
"dir",
|
|
46
|
+
"disabled",
|
|
47
|
+
"download",
|
|
48
|
+
"draggable",
|
|
49
|
+
"dropzone",
|
|
50
|
+
"encType",
|
|
51
|
+
"enterKeyHint",
|
|
52
|
+
"for",
|
|
53
|
+
"form",
|
|
54
|
+
"formAction",
|
|
55
|
+
"formEncType",
|
|
56
|
+
"formMethod",
|
|
57
|
+
"formNoValidate",
|
|
58
|
+
"formTarget",
|
|
59
|
+
"frameBorder",
|
|
60
|
+
"headers",
|
|
61
|
+
"hidden",
|
|
62
|
+
"high",
|
|
63
|
+
"href",
|
|
64
|
+
"hrefLang",
|
|
65
|
+
"httpEquiv",
|
|
66
|
+
"icon",
|
|
67
|
+
"inputMode",
|
|
68
|
+
"isMap",
|
|
69
|
+
"itemId",
|
|
70
|
+
"itemProp",
|
|
71
|
+
"itemRef",
|
|
72
|
+
"itemScope",
|
|
73
|
+
"itemType",
|
|
74
|
+
"kind",
|
|
75
|
+
"label",
|
|
76
|
+
"lang",
|
|
77
|
+
"list",
|
|
78
|
+
"loop",
|
|
79
|
+
"manifest",
|
|
80
|
+
"max",
|
|
81
|
+
"maxLength",
|
|
82
|
+
"media",
|
|
83
|
+
"mediaGroup",
|
|
84
|
+
"method",
|
|
85
|
+
"min",
|
|
86
|
+
"minLength",
|
|
87
|
+
"multiple",
|
|
88
|
+
"muted",
|
|
89
|
+
"name",
|
|
90
|
+
"noValidate",
|
|
91
|
+
"open",
|
|
92
|
+
"optimum",
|
|
93
|
+
"pattern",
|
|
94
|
+
"ping",
|
|
95
|
+
"placeholder",
|
|
96
|
+
"poster",
|
|
97
|
+
"preload",
|
|
98
|
+
"radioGroup",
|
|
99
|
+
"referrerPolicy",
|
|
100
|
+
"readOnly",
|
|
101
|
+
"rel",
|
|
102
|
+
"required",
|
|
103
|
+
"rows",
|
|
104
|
+
"rowSpan",
|
|
105
|
+
"sandbox",
|
|
106
|
+
"scope",
|
|
107
|
+
"scoped",
|
|
108
|
+
"scrolling",
|
|
109
|
+
"seamless",
|
|
110
|
+
"selected",
|
|
111
|
+
"shape",
|
|
112
|
+
"size",
|
|
113
|
+
"sizes",
|
|
114
|
+
"slot",
|
|
115
|
+
"sortable",
|
|
116
|
+
"span",
|
|
117
|
+
"spellCheck",
|
|
118
|
+
"src",
|
|
119
|
+
"srcDoc",
|
|
120
|
+
"srcSet",
|
|
121
|
+
"start",
|
|
122
|
+
"step",
|
|
123
|
+
"target",
|
|
124
|
+
"translate",
|
|
125
|
+
"typeMustMatch",
|
|
126
|
+
"useMap",
|
|
127
|
+
"value",
|
|
128
|
+
"wmode",
|
|
129
|
+
"wrap"
|
|
130
|
+
]);
|
|
131
|
+
const DOMEventNames = /* @__PURE__ */ new Set([
|
|
132
|
+
"onCopy",
|
|
133
|
+
"onCut",
|
|
134
|
+
"onPaste",
|
|
135
|
+
"onLoad",
|
|
136
|
+
"onError",
|
|
137
|
+
"onWheel",
|
|
138
|
+
"onScroll",
|
|
139
|
+
"onCompositionEnd",
|
|
140
|
+
"onCompositionStart",
|
|
141
|
+
"onCompositionUpdate",
|
|
142
|
+
"onKeyDown",
|
|
143
|
+
"onKeyPress",
|
|
144
|
+
"onKeyUp",
|
|
145
|
+
"onFocus",
|
|
146
|
+
"onBlur",
|
|
147
|
+
"onChange",
|
|
148
|
+
"onInput",
|
|
149
|
+
"onSubmit",
|
|
150
|
+
"onClick",
|
|
151
|
+
"onContextMenu",
|
|
152
|
+
"onDoubleClick",
|
|
153
|
+
"onDrag",
|
|
154
|
+
"onDragEnd",
|
|
155
|
+
"onDragEnter",
|
|
156
|
+
"onDragExit",
|
|
157
|
+
"onDragLeave",
|
|
158
|
+
"onDragOver",
|
|
159
|
+
"onDragStart",
|
|
160
|
+
"onDrop",
|
|
161
|
+
"onMouseDown",
|
|
162
|
+
"onMouseEnter",
|
|
163
|
+
"onMouseLeave",
|
|
164
|
+
"onMouseMove",
|
|
165
|
+
"onMouseOut",
|
|
166
|
+
"onMouseOver",
|
|
167
|
+
"onMouseUp",
|
|
168
|
+
"onPointerDown",
|
|
169
|
+
"onPointerEnter",
|
|
170
|
+
"onPointerLeave",
|
|
171
|
+
"onPointerUp",
|
|
172
|
+
"onSelect",
|
|
173
|
+
"onTouchCancel",
|
|
174
|
+
"onTouchEnd",
|
|
175
|
+
"onTouchMove",
|
|
176
|
+
"onTouchStart",
|
|
177
|
+
"onAnimationStart",
|
|
178
|
+
"onAnimationEnd",
|
|
179
|
+
"onAnimationIteration",
|
|
180
|
+
"onTransitionEnd"
|
|
181
|
+
]);
|
|
182
|
+
|
|
183
|
+
export { DOMEventNames, DOMPropNames };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { DOMEventNames, DOMPropNames } from './dom-props.js';
|
|
3
|
+
|
|
4
|
+
const propRe = /^(data-.*)$/;
|
|
5
|
+
const ariaRe = /^(aria-.*)$/;
|
|
6
|
+
const funcRe = /^(on[A-Z].*)$/;
|
|
7
|
+
function filterDOMProps(props, opts = {}) {
|
|
8
|
+
const {
|
|
9
|
+
labelable = true,
|
|
10
|
+
enabled = true,
|
|
11
|
+
propNames,
|
|
12
|
+
omitPropNames,
|
|
13
|
+
omitEventNames,
|
|
14
|
+
omitDataProps,
|
|
15
|
+
omitEventProps
|
|
16
|
+
} = opts;
|
|
17
|
+
const filteredProps = {};
|
|
18
|
+
if (!enabled) {
|
|
19
|
+
return props;
|
|
20
|
+
}
|
|
21
|
+
for (const prop in props) {
|
|
22
|
+
if (omitPropNames?.has(prop)) {
|
|
23
|
+
continue;
|
|
24
|
+
}
|
|
25
|
+
if (omitEventNames?.has(prop) && funcRe.test(prop)) {
|
|
26
|
+
continue;
|
|
27
|
+
}
|
|
28
|
+
if (funcRe.test(prop) && !DOMEventNames.has(prop)) {
|
|
29
|
+
continue;
|
|
30
|
+
}
|
|
31
|
+
if (omitDataProps && propRe.test(prop)) {
|
|
32
|
+
continue;
|
|
33
|
+
}
|
|
34
|
+
if (omitEventProps && funcRe.test(prop)) {
|
|
35
|
+
continue;
|
|
36
|
+
}
|
|
37
|
+
if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || labelable && ariaRe.test(prop) || propNames?.has(prop) || propRe.test(prop)) || funcRe.test(prop)) {
|
|
38
|
+
filteredProps[prop] = props[prop];
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return filteredProps;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { filterDOMProps };
|
|
@@ -4,8 +4,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { createElement } from 'react';
|
|
5
5
|
import { composeRenderProps } from 'react-aria-components';
|
|
6
6
|
import { tagFieldStyles } from '@opengovsg/oui-theme';
|
|
7
|
-
import { Input } from '../input/input.js';
|
|
8
|
-
import { Popover } from '../popover/popover.js';
|
|
9
7
|
import { TagFieldItem } from './tag-field-item.js';
|
|
10
8
|
import { TagFieldList } from './tag-field-list.js';
|
|
11
9
|
import { TagFieldRoot } from './tag-field-root.js';
|
|
@@ -13,6 +11,8 @@ import { TagFieldTagList } from './tag-field-tag-list.js';
|
|
|
13
11
|
import { TagFieldTrigger } from './tag-field-trigger.js';
|
|
14
12
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
15
13
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
14
|
+
import { Input } from '../input/input.js';
|
|
15
|
+
import { Popover } from '../popover/popover.js';
|
|
16
16
|
|
|
17
17
|
function TagField({
|
|
18
18
|
classNames,
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CheckboxProps } from "./checkbox";
|
|
2
|
+
export interface UseProvideCheckboxGroupStylesReturn {
|
|
3
|
+
size: CheckboxProps["size"];
|
|
4
|
+
}
|
|
5
|
+
export declare const CheckboxGroupStyleContext: import("react").Context<UseProvideCheckboxGroupStylesReturn>, useCheckboxGroupStyleContext: () => UseProvideCheckboxGroupStylesReturn;
|
|
6
|
+
//# sourceMappingURL=checkbox-group-style-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group-style-context.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox-group-style-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/C,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAC5B;AAED,eAAO,MAAO,yBAAyB,gEAAE,4BAA4B,2CAOjE,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { CheckboxGroupProps as AriaCheckboxGroupProps, CheckboxProps as AriaCheckboxProps, ValidationResult } from "react-aria-components";
|
|
2
|
+
import type { CheckboxSlots, FieldErrorSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
import { checkboxStyles } from "@opengovsg/oui-theme";
|
|
4
|
+
export interface CheckboxProps extends AriaCheckboxProps, VariantProps<typeof checkboxStyles> {
|
|
5
|
+
classNames?: SlotsToClasses<CheckboxSlots>;
|
|
6
|
+
}
|
|
7
|
+
export declare const Checkbox: ({ classNames, className, ...originalProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, "children"> {
|
|
9
|
+
label?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
description?: string;
|
|
12
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
13
|
+
classNames?: SlotsToClasses<"label" | "base" | "description"> & {
|
|
14
|
+
error?: SlotsToClasses<FieldErrorSlots>;
|
|
15
|
+
};
|
|
16
|
+
size?: CheckboxProps["size"];
|
|
17
|
+
}
|
|
18
|
+
export declare function CheckboxGroup({ description, errorMessage, classNames, size, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,aAAa,IAAI,iBAAiB,EAClC,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAuB,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAS1E,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,QAAQ,gDAIlB,aAAa,4CA4Cf,CAAA;AACD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,MAAM,GAAG,aAAa,CAAC,GAAG;QAC9D,KAAK,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;KACxC,CAAA;IACD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA8BpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gCAAgC,CAAA"}
|
package/dist/types/index.d.mts
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export declare enum PaginationItemType {
|
|
2
|
+
DOTS = "dots",
|
|
3
|
+
PREV = "prev",
|
|
4
|
+
NEXT = "next"
|
|
5
|
+
}
|
|
6
|
+
export interface UsePaginationProps {
|
|
7
|
+
/**
|
|
8
|
+
* The total number of pages.
|
|
9
|
+
*/
|
|
10
|
+
total: number;
|
|
11
|
+
/**
|
|
12
|
+
* The selected page on initial render.
|
|
13
|
+
* @default 1
|
|
14
|
+
*/
|
|
15
|
+
initialPage?: number;
|
|
16
|
+
/**
|
|
17
|
+
* The controlled selected page.
|
|
18
|
+
*/
|
|
19
|
+
page?: number;
|
|
20
|
+
/**
|
|
21
|
+
* The number of pages to show on each side of the current page.
|
|
22
|
+
* @default 1
|
|
23
|
+
*/
|
|
24
|
+
siblings?: number;
|
|
25
|
+
/**
|
|
26
|
+
* The number of pages to show at the beginning and end of the pagination.
|
|
27
|
+
* @default 1
|
|
28
|
+
*/
|
|
29
|
+
boundaries?: number;
|
|
30
|
+
/**
|
|
31
|
+
* If `true`, the range will include "prev" and "next" buttons.
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
showControls?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Callback fired when the page changes.
|
|
37
|
+
*/
|
|
38
|
+
onChange?: (page: number) => void;
|
|
39
|
+
}
|
|
40
|
+
export type PaginationItemValue = number | PaginationItemType;
|
|
41
|
+
export declare function usePagination(props: UsePaginationProps): {
|
|
42
|
+
range: PaginationItemValue[];
|
|
43
|
+
activePage: number;
|
|
44
|
+
setPage: (pageNumber: number) => void;
|
|
45
|
+
next: () => void;
|
|
46
|
+
previous: () => void;
|
|
47
|
+
first: () => void;
|
|
48
|
+
last: () => void;
|
|
49
|
+
};
|
|
50
|
+
export type UsePaginationReturn = ReturnType<typeof usePagination>;
|
|
51
|
+
//# sourceMappingURL=use-pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/pagination/hooks/use-pagination.ts"],"names":[],"mappings":"AAKA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAcD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,kBAAkB,CAAA;AAE7D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB;;;0BA+BtC,MAAM;;;;;EAuFtB;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from "./pagination";
|
|
2
|
+
export * from "./pagination-cursor";
|
|
3
|
+
export * from "./pagination-item";
|
|
4
|
+
export { PaginationItemType } from "./hooks/use-pagination";
|
|
5
|
+
export type { PaginationItemValue } from "./hooks/use-pagination";
|
|
6
|
+
export * from "./use-pagination";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { HtmlUiProps } from "../system/types";
|
|
2
|
+
export interface PaginationCursorProps extends HtmlUiProps<"span"> {
|
|
3
|
+
/**
|
|
4
|
+
* The current active page.
|
|
5
|
+
*/
|
|
6
|
+
activePage?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const PaginationCursor: import("../system/utils").InternalForwardRefRenderFunction<"span", PaginationCursorProps, never>;
|
|
9
|
+
//# sourceMappingURL=pagination-cursor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination-cursor.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination-cursor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIlD,MAAM,WAAW,qBAAsB,SAAQ,WAAW,CAAC,MAAM,CAAC;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,kGAa5B,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UsePaginationItemProps } from "./use-pagination-item";
|
|
2
|
+
export interface PaginationItemProps extends UsePaginationItemProps {
|
|
3
|
+
}
|
|
4
|
+
export declare const PaginationItem: import("../system/utils").InternalForwardRefRenderFunction<"li", PaginationItemProps, never>;
|
|
5
|
+
//# sourceMappingURL=pagination-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination-item.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAKnE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,8FAS1B,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UsePaginationProps } from "./use-pagination";
|
|
2
|
+
export interface PaginationProps extends UsePaginationProps {
|
|
3
|
+
}
|
|
4
|
+
export declare const Pagination: import("../system/utils").InternalForwardRefRenderFunction<"nav", PaginationProps, never>;
|
|
5
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/pagination/pagination.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAQ1D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;CAAG;AAE9D,eAAO,MAAM,UAAU,2FAiRrB,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import type { LinkDOMProps, PressEvent } from "@react-types/shared";
|
|
2
|
+
import type { Ref } from "react";
|
|
3
|
+
import type { HtmlUiProps, PropGetter } from "../system/types";
|
|
4
|
+
import type { PaginationItemValue } from "./hooks/use-pagination";
|
|
5
|
+
interface Props extends Omit<HtmlUiProps<"li">, "onClick"> {
|
|
6
|
+
/**
|
|
7
|
+
* Ref to the DOM node.
|
|
8
|
+
*/
|
|
9
|
+
ref?: Ref<HTMLElement>;
|
|
10
|
+
/**
|
|
11
|
+
* Value of the item.
|
|
12
|
+
*/
|
|
13
|
+
value?: PaginationItemValue;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the item is active.
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
isActive?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Whether the item is disabled.
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Callback fired when the item is clicked.
|
|
26
|
+
* @param e MouseEvent
|
|
27
|
+
* @deprecated Use `onPress` instead.
|
|
28
|
+
*/
|
|
29
|
+
onClick?: HtmlUiProps<"li">["onClick"];
|
|
30
|
+
/**
|
|
31
|
+
* Callback fired when the item is clicked.
|
|
32
|
+
* @param e PressEvent
|
|
33
|
+
*/
|
|
34
|
+
onPress?: (e: PressEvent) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Function to get the aria-label of the item.
|
|
37
|
+
*/
|
|
38
|
+
getAriaLabel?: (page?: PaginationItemValue) => string | undefined;
|
|
39
|
+
}
|
|
40
|
+
export type UsePaginationItemProps = Props & LinkDOMProps;
|
|
41
|
+
export declare function usePaginationItem(props: UsePaginationItemProps): {
|
|
42
|
+
Component: string;
|
|
43
|
+
children: import("react").ReactNode;
|
|
44
|
+
ariaLabel: string | undefined;
|
|
45
|
+
isFocused: boolean;
|
|
46
|
+
isFocusVisible: boolean;
|
|
47
|
+
getItemProps: PropGetter;
|
|
48
|
+
};
|
|
49
|
+
export type UsePaginationItemReturn = ReturnType<typeof usePaginationItem>;
|
|
50
|
+
export {};
|
|
51
|
+
//# sourceMappingURL=use-pagination-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-pagination-item.d.ts","sourceRoot":"","sources":["../../../src/pagination/use-pagination-item.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAahC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAGjE,UAAU,KAAM,SAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IACxD;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAmB,KAAK,MAAM,GAAG,SAAS,CAAA;CAClE;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,YAAY,CAAA;AAEzD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB;;;;;;;EAwF9D;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA"}
|