@opengovsg/oui 0.0.27 → 0.0.28
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/button/button.cjs +1 -1
- package/dist/cjs/calendar/calendar-month-day-selector.cjs +2 -2
- package/dist/cjs/combo-box/combo-box.cjs +1 -1
- package/dist/cjs/date-picker/date-picker.cjs +1 -1
- package/dist/cjs/date-range-picker/date-range-picker.cjs +2 -2
- package/dist/cjs/file-dropzone/file-dropzone.cjs +1 -1
- package/dist/cjs/index.cjs +74 -74
- package/dist/cjs/menu/menu.cjs +1 -1
- package/dist/cjs/number-field/number-field.cjs +1 -1
- package/dist/cjs/select/select.cjs +1 -1
- package/dist/cjs/tag-field/tag-field.cjs +2 -2
- package/dist/cjs/toast/toast.cjs +2 -1
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/calendar/calendar-month-day-selector.js +2 -2
- 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/file-dropzone/file-dropzone.js +1 -1
- package/dist/esm/index.js +28 -28
- package/dist/esm/menu/menu.js +1 -1
- package/dist/esm/number-field/number-field.js +1 -1
- package/dist/esm/select/select.js +1 -1
- package/dist/esm/tag-field/tag-field.js +2 -2
- package/dist/esm/toast/toast.js +2 -1
- package/dist/types/toast/index.d.ts +2 -1
- package/dist/types/toast/index.d.ts.map +1 -1
- package/dist/types/toast/toast.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -7,9 +7,9 @@ var react = require('react');
|
|
|
7
7
|
var utils = require('@react-aria/utils');
|
|
8
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
9
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
10
|
-
var ripple = require('../ripple/ripple.cjs');
|
|
11
10
|
var useRipple = require('../ripple/use-ripple.cjs');
|
|
12
11
|
var spinner = require('../spinner/spinner.cjs');
|
|
12
|
+
var ripple = require('../ripple/ripple.cjs');
|
|
13
13
|
|
|
14
14
|
const Button = react.forwardRef(
|
|
15
15
|
({
|
|
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var date = require('@internationalized/date');
|
|
8
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
|
-
var select = require('../select/select.cjs');
|
|
10
|
-
var selectItem = require('../select/select-item.cjs');
|
|
11
9
|
var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
|
|
12
10
|
var calendarStyleContext = require('./calendar-style-context.cjs');
|
|
13
11
|
var useCalendarSelectors = require('./hooks/use-calendar-selectors.cjs');
|
|
12
|
+
var select = require('../select/select.cjs');
|
|
13
|
+
var selectItem = require('../select/select-item.cjs');
|
|
14
14
|
var useCalendarI18n = require('./hooks/use-calendar-i18n.cjs');
|
|
15
15
|
|
|
16
16
|
const CalendarMonthDaySelector = () => {
|
|
@@ -7,13 +7,13 @@ var react = require('react');
|
|
|
7
7
|
var reactAria = require('react-aria');
|
|
8
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
9
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
10
|
-
var popover = require('../popover/popover.cjs');
|
|
11
10
|
var utils = require('../system/utils.cjs');
|
|
12
11
|
var comboBoxVariantContext = require('./combo-box-variant-context.cjs');
|
|
13
12
|
var field = require('../field/field.cjs');
|
|
14
13
|
var chevronUp = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-up.cjs');
|
|
15
14
|
var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
|
|
16
15
|
var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
|
|
16
|
+
var popover = require('../popover/popover.cjs');
|
|
17
17
|
|
|
18
18
|
const calculateEstimatedRowHeight = (size) => {
|
|
19
19
|
switch (size) {
|
|
@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var reactAriaComponents = require('react-aria-components');
|
|
8
8
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
9
|
-
var popover = require('../popover/popover.cjs');
|
|
10
9
|
var utils = require('../system/utils.cjs');
|
|
11
10
|
var dateField = require('../date-field/date-field.cjs');
|
|
12
11
|
var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
|
|
13
12
|
var calendar$1 = require('../calendar/calendar.cjs');
|
|
14
13
|
var field = require('../field/field.cjs');
|
|
15
14
|
var button = require('../button/button.cjs');
|
|
15
|
+
var popover = require('../popover/popover.cjs');
|
|
16
16
|
|
|
17
17
|
function DatePicker(originalProps) {
|
|
18
18
|
const [
|
|
@@ -7,13 +7,13 @@ var react = require('react');
|
|
|
7
7
|
var date = require('@internationalized/date');
|
|
8
8
|
var reactAriaComponents = require('react-aria-components');
|
|
9
9
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
10
|
-
var popover = require('../popover/popover.cjs');
|
|
11
|
-
var rangeCalendar = require('../range-calendar/range-calendar.cjs');
|
|
12
10
|
var utils = require('../system/utils.cjs');
|
|
13
11
|
var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
|
|
12
|
+
var rangeCalendar = require('../range-calendar/range-calendar.cjs');
|
|
14
13
|
var field = require('../field/field.cjs');
|
|
15
14
|
var dateField = require('../date-field/date-field.cjs');
|
|
16
15
|
var button = require('../button/button.cjs');
|
|
16
|
+
var popover = require('../popover/popover.cjs');
|
|
17
17
|
|
|
18
18
|
function DateRangePicker(originalProps) {
|
|
19
19
|
const [
|
|
@@ -9,11 +9,11 @@ var reactAria = require('react-aria');
|
|
|
9
9
|
var reactAriaComponents = require('react-aria-components');
|
|
10
10
|
var reactDropzone = require('react-dropzone');
|
|
11
11
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
12
|
-
var useControllableState = require('../hooks/use-controllable-state.cjs');
|
|
13
12
|
var utils = require('../system/utils.cjs');
|
|
14
13
|
var contexts = require('./contexts.cjs');
|
|
15
14
|
var fileInfo = require('./file-info.cjs');
|
|
16
15
|
var utils$1 = require('./utils.cjs');
|
|
16
|
+
var useControllableState = require('../hooks/use-controllable-state.cjs');
|
|
17
17
|
var upload = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.cjs');
|
|
18
18
|
var field = require('../field/field.cjs');
|
|
19
19
|
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,31 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
+
var toggle = require('./toggle/toggle.cjs');
|
|
5
|
+
var input = require('./input/input.cjs');
|
|
6
|
+
var textField = require('./text-field/text-field.cjs');
|
|
7
|
+
var textArea = require('./text-area/text-area.cjs');
|
|
8
|
+
var textAreaField = require('./text-area-field/text-area-field.cjs');
|
|
9
|
+
var toast = require('./toast/toast.cjs');
|
|
4
10
|
var useControllableState = require('./hooks/use-controllable-state.cjs');
|
|
5
11
|
var useDraggable = require('./hooks/use-draggable.cjs');
|
|
12
|
+
var button = require('./button/button.cjs');
|
|
13
|
+
var govtBanner = require('./govt-banner/govt-banner.cjs');
|
|
6
14
|
var ripple = require('./ripple/ripple.cjs');
|
|
7
15
|
var useRipple = require('./ripple/use-ripple.cjs');
|
|
8
16
|
var spinner = require('./spinner/spinner.cjs');
|
|
9
17
|
var useSpinner = require('./spinner/use-spinner.cjs');
|
|
10
|
-
var toggle = require('./toggle/toggle.cjs');
|
|
11
18
|
var skipNavLink = require('./skip-nav-link/skip-nav-link.cjs');
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
19
|
+
var field = require('./field/field.cjs');
|
|
20
|
+
var comboBox = require('./combo-box/combo-box.cjs');
|
|
21
|
+
var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
|
|
22
|
+
var comboBoxItem = require('./combo-box/combo-box-item.cjs');
|
|
23
|
+
var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
|
|
24
|
+
var banner = require('./banner/banner.cjs');
|
|
15
25
|
var tagField = require('./tag-field/tag-field.cjs');
|
|
16
26
|
var tagFieldItem = require('./tag-field/tag-field-item.cjs');
|
|
17
27
|
var select = require('./select/select.cjs');
|
|
18
28
|
var selectItem = require('./select/select-item.cjs');
|
|
19
29
|
var selectVariantContext = require('./select/select-variant-context.cjs');
|
|
30
|
+
var badge = require('./badge/badge.cjs');
|
|
31
|
+
var date = require('@internationalized/date');
|
|
32
|
+
var calendar = require('./calendar/calendar.cjs');
|
|
33
|
+
var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
|
|
34
|
+
var utils = require('./calendar/utils.cjs');
|
|
20
35
|
var rangeCalendar = require('./range-calendar/range-calendar.cjs');
|
|
21
36
|
var menu = require('./menu/menu.cjs');
|
|
22
37
|
var popover = require('./popover/popover.cjs');
|
|
23
38
|
var tabs = require('./tabs/tabs.cjs');
|
|
39
|
+
var dateField = require('./date-field/date-field.cjs');
|
|
40
|
+
var datePicker = require('./date-picker/date-picker.cjs');
|
|
41
|
+
var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
|
|
42
|
+
var checkbox = require('./checkbox/checkbox.cjs');
|
|
43
|
+
var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
|
|
44
|
+
var usePagination = require('./pagination/hooks/use-pagination.cjs');
|
|
24
45
|
var pagination = require('./pagination/pagination.cjs');
|
|
25
46
|
var paginationCursor = require('./pagination/pagination-cursor.cjs');
|
|
26
47
|
var paginationItem = require('./pagination/pagination-item.cjs');
|
|
27
|
-
var usePagination = require('./pagination/hooks/use-pagination.cjs');
|
|
28
48
|
var usePagination$1 = require('./pagination/use-pagination.cjs');
|
|
49
|
+
var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
|
|
50
|
+
var fileInfo = require('./file-dropzone/file-info.cjs');
|
|
51
|
+
var utils$1 = require('./file-dropzone/utils.cjs');
|
|
29
52
|
var numberField = require('./number-field/number-field.cjs');
|
|
30
53
|
var modal = require('./modal/modal.cjs');
|
|
31
54
|
var modalContent = require('./modal/modal-content.cjs');
|
|
@@ -33,86 +56,25 @@ var modalFooter = require('./modal/modal-footer.cjs');
|
|
|
33
56
|
var modalBody = require('./modal/modal-body.cjs');
|
|
34
57
|
var modalHeader = require('./modal/modal-header.cjs');
|
|
35
58
|
var modalVariantContext = require('./modal/modal-variant-context.cjs');
|
|
36
|
-
var toast = require('./toast/toast.cjs');
|
|
37
|
-
var button = require('./button/button.cjs');
|
|
38
|
-
var govtBanner = require('./govt-banner/govt-banner.cjs');
|
|
39
|
-
var input = require('./input/input.cjs');
|
|
40
|
-
var field = require('./field/field.cjs');
|
|
41
|
-
var comboBox = require('./combo-box/combo-box.cjs');
|
|
42
|
-
var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
|
|
43
|
-
var comboBoxItem = require('./combo-box/combo-box-item.cjs');
|
|
44
|
-
var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
|
|
45
|
-
var banner = require('./banner/banner.cjs');
|
|
46
|
-
var badge = require('./badge/badge.cjs');
|
|
47
|
-
var date = require('@internationalized/date');
|
|
48
|
-
var calendar = require('./calendar/calendar.cjs');
|
|
49
|
-
var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
|
|
50
|
-
var utils = require('./calendar/utils.cjs');
|
|
51
|
-
var dateField = require('./date-field/date-field.cjs');
|
|
52
|
-
var datePicker = require('./date-picker/date-picker.cjs');
|
|
53
|
-
var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
|
|
54
|
-
var checkbox = require('./checkbox/checkbox.cjs');
|
|
55
|
-
var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
|
|
56
|
-
var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
|
|
57
|
-
var fileInfo = require('./file-dropzone/file-info.cjs');
|
|
58
|
-
var utils$1 = require('./file-dropzone/utils.cjs');
|
|
59
59
|
var sonner = require('sonner');
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
exports.useControllableState = useControllableState.useControllableState;
|
|
64
|
-
exports.useDraggable = useDraggable.useDraggable;
|
|
65
|
-
exports.Ripple = ripple.Ripple;
|
|
66
|
-
exports.useRipple = useRipple.useRipple;
|
|
67
|
-
exports.Spinner = spinner.Spinner;
|
|
68
|
-
exports.useSpinner = useSpinner.useSpinner;
|
|
69
63
|
exports.Toggle = toggle.Toggle;
|
|
70
|
-
exports.
|
|
64
|
+
exports.Input = input.Input;
|
|
71
65
|
exports.TextField = textField.TextField;
|
|
72
66
|
exports.TextArea = textArea.TextArea;
|
|
73
67
|
exports.TextAreaField = textAreaField.TextAreaField;
|
|
74
|
-
exports.TagField = tagField.TagField;
|
|
75
|
-
exports.TagFieldItem = tagFieldItem.TagFieldItem;
|
|
76
|
-
exports.Select = select.Select;
|
|
77
|
-
exports.SelectItem = selectItem.SelectItem;
|
|
78
|
-
exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
|
|
79
|
-
exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
|
|
80
|
-
exports.RangeCalendar = rangeCalendar.RangeCalendar;
|
|
81
|
-
exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
|
|
82
|
-
exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
|
|
83
|
-
exports.Menu = menu.Menu;
|
|
84
|
-
exports.MenuItem = menu.MenuItem;
|
|
85
|
-
exports.MenuSection = menu.MenuSection;
|
|
86
|
-
exports.MenuSeparator = menu.MenuSeparator;
|
|
87
|
-
exports.MenuTrigger = menu.MenuTrigger;
|
|
88
|
-
exports.MenuVariantContext = menu.MenuVariantContext;
|
|
89
|
-
exports.SubmenuTrigger = menu.SubmenuTrigger;
|
|
90
|
-
exports.useMenuVariantContext = menu.useMenuVariantContext;
|
|
91
|
-
exports.Popover = popover.Popover;
|
|
92
|
-
exports.Tab = tabs.Tab;
|
|
93
|
-
exports.TabList = tabs.TabList;
|
|
94
|
-
exports.TabPanel = tabs.TabPanel;
|
|
95
|
-
exports.Tabs = tabs.Tabs;
|
|
96
|
-
exports.TabsVariantContext = tabs.TabsVariantContext;
|
|
97
|
-
exports.useTabsVariantContext = tabs.useTabsVariantContext;
|
|
98
|
-
exports.Pagination = pagination.Pagination;
|
|
99
|
-
exports.PaginationCursor = paginationCursor.PaginationCursor;
|
|
100
|
-
exports.PaginationItem = paginationItem.PaginationItem;
|
|
101
|
-
exports.PaginationItemType = usePagination.PaginationItemType;
|
|
102
|
-
exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
|
|
103
|
-
exports.usePagination = usePagination$1.usePagination;
|
|
104
|
-
exports.NumberField = numberField.NumberField;
|
|
105
|
-
exports.Modal = modal.Modal;
|
|
106
|
-
exports.ModalContent = modalContent.ModalContent;
|
|
107
|
-
exports.ModalFooter = modalFooter.ModalFooter;
|
|
108
|
-
exports.ModalBody = modalBody.ModalBody;
|
|
109
|
-
exports.ModalHeader = modalHeader.ModalHeader;
|
|
110
|
-
exports.ModalVariantContext = modalVariantContext.ModalVariantContext;
|
|
111
|
-
exports.useModalVariantContext = modalVariantContext.useModalVariantContext;
|
|
112
68
|
exports.Toaster = toast.Toaster;
|
|
69
|
+
exports.useControllableState = useControllableState.useControllableState;
|
|
70
|
+
exports.useDraggable = useDraggable.useDraggable;
|
|
113
71
|
exports.Button = button.Button;
|
|
114
72
|
exports.GovtBanner = govtBanner.GovtBanner;
|
|
115
|
-
exports.
|
|
73
|
+
exports.Ripple = ripple.Ripple;
|
|
74
|
+
exports.useRipple = useRipple.useRipple;
|
|
75
|
+
exports.Spinner = spinner.Spinner;
|
|
76
|
+
exports.useSpinner = useSpinner.useSpinner;
|
|
77
|
+
exports.SkipNavLink = skipNavLink.SkipNavLink;
|
|
116
78
|
exports.Description = field.Description;
|
|
117
79
|
exports.FieldError = field.FieldError;
|
|
118
80
|
exports.FieldErrorIcon = field.FieldErrorIcon;
|
|
@@ -125,6 +87,12 @@ exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
|
|
|
125
87
|
exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
|
|
126
88
|
exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
|
|
127
89
|
exports.Banner = banner.Banner;
|
|
90
|
+
exports.TagField = tagField.TagField;
|
|
91
|
+
exports.TagFieldItem = tagFieldItem.TagFieldItem;
|
|
92
|
+
exports.Select = select.Select;
|
|
93
|
+
exports.SelectItem = selectItem.SelectItem;
|
|
94
|
+
exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
|
|
95
|
+
exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
|
|
128
96
|
exports.Badge = badge.Badge;
|
|
129
97
|
Object.defineProperty(exports, "CalendarDate", {
|
|
130
98
|
enumerable: true,
|
|
@@ -138,6 +106,24 @@ exports.getEraFormat = utils.getEraFormat;
|
|
|
138
106
|
exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
|
|
139
107
|
exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
|
|
140
108
|
exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
|
|
109
|
+
exports.RangeCalendar = rangeCalendar.RangeCalendar;
|
|
110
|
+
exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
|
|
111
|
+
exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
|
|
112
|
+
exports.Menu = menu.Menu;
|
|
113
|
+
exports.MenuItem = menu.MenuItem;
|
|
114
|
+
exports.MenuSection = menu.MenuSection;
|
|
115
|
+
exports.MenuSeparator = menu.MenuSeparator;
|
|
116
|
+
exports.MenuTrigger = menu.MenuTrigger;
|
|
117
|
+
exports.MenuVariantContext = menu.MenuVariantContext;
|
|
118
|
+
exports.SubmenuTrigger = menu.SubmenuTrigger;
|
|
119
|
+
exports.useMenuVariantContext = menu.useMenuVariantContext;
|
|
120
|
+
exports.Popover = popover.Popover;
|
|
121
|
+
exports.Tab = tabs.Tab;
|
|
122
|
+
exports.TabList = tabs.TabList;
|
|
123
|
+
exports.TabPanel = tabs.TabPanel;
|
|
124
|
+
exports.Tabs = tabs.Tabs;
|
|
125
|
+
exports.TabsVariantContext = tabs.TabsVariantContext;
|
|
126
|
+
exports.useTabsVariantContext = tabs.useTabsVariantContext;
|
|
141
127
|
exports.DateField = dateField.DateField;
|
|
142
128
|
exports.DateInput = dateField.DateInput;
|
|
143
129
|
exports.DatePicker = datePicker.DatePicker;
|
|
@@ -146,10 +132,24 @@ exports.Checkbox = checkbox.Checkbox;
|
|
|
146
132
|
exports.CheckboxGroup = checkbox.CheckboxGroup;
|
|
147
133
|
exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
|
|
148
134
|
exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
|
|
135
|
+
exports.PaginationItemType = usePagination.PaginationItemType;
|
|
136
|
+
exports.Pagination = pagination.Pagination;
|
|
137
|
+
exports.PaginationCursor = paginationCursor.PaginationCursor;
|
|
138
|
+
exports.PaginationItem = paginationItem.PaginationItem;
|
|
139
|
+
exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
|
|
140
|
+
exports.usePagination = usePagination$1.usePagination;
|
|
149
141
|
exports.FileDropzone = fileDropzone.FileDropzone;
|
|
150
142
|
exports.FileInfo = fileInfo.FileInfo;
|
|
151
143
|
exports.formatBytes = utils$1.formatBytes;
|
|
152
144
|
exports.formatErrorMessage = utils$1.formatErrorMessage;
|
|
145
|
+
exports.NumberField = numberField.NumberField;
|
|
146
|
+
exports.Modal = modal.Modal;
|
|
147
|
+
exports.ModalContent = modalContent.ModalContent;
|
|
148
|
+
exports.ModalFooter = modalFooter.ModalFooter;
|
|
149
|
+
exports.ModalBody = modalBody.ModalBody;
|
|
150
|
+
exports.ModalHeader = modalHeader.ModalHeader;
|
|
151
|
+
exports.ModalVariantContext = modalVariantContext.ModalVariantContext;
|
|
152
|
+
exports.useModalVariantContext = modalVariantContext.useModalVariantContext;
|
|
153
153
|
Object.defineProperty(exports, "toast", {
|
|
154
154
|
enumerable: true,
|
|
155
155
|
get: function () { return sonner.toast; }
|
package/dist/cjs/menu/menu.cjs
CHANGED
|
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var reactAriaComponents = require('react-aria-components');
|
|
8
8
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
9
|
-
var popover = require('../popover/popover.cjs');
|
|
10
9
|
var utils = require('../system/utils.cjs');
|
|
11
10
|
var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.cjs');
|
|
12
11
|
var chevronRight = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs');
|
|
13
12
|
var context = require('../system/react-utils/context.cjs');
|
|
13
|
+
var popover = require('../popover/popover.cjs');
|
|
14
14
|
|
|
15
15
|
const [MenuVariantContext, useMenuVariantContext] = context.createContext({
|
|
16
16
|
name: "MenuVariantContext",
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var reactAriaComponents = require('react-aria-components');
|
|
7
7
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
8
|
+
var input = require('../input/input.cjs');
|
|
8
9
|
var utils = require('../system/utils.cjs');
|
|
9
10
|
var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
|
|
10
11
|
var plus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.cjs');
|
|
11
12
|
var field = require('../field/field.cjs');
|
|
12
|
-
var input = require('../input/input.cjs');
|
|
13
13
|
var button = require('../button/button.cjs');
|
|
14
14
|
|
|
15
15
|
function NumberField(originalProps) {
|
|
@@ -6,11 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var reactAriaComponents = require('react-aria-components');
|
|
8
8
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
9
|
-
var popover = require('../popover/popover.cjs');
|
|
10
9
|
var utils = require('../system/utils.cjs');
|
|
11
10
|
var selectVariantContext = require('./select-variant-context.cjs');
|
|
12
11
|
var field = require('../field/field.cjs');
|
|
13
12
|
var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
|
|
13
|
+
var popover = require('../popover/popover.cjs');
|
|
14
14
|
var button = require('../button/button.cjs');
|
|
15
15
|
|
|
16
16
|
const calculateEstimatedRowHeight = (size) => {
|
|
@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var reactAriaComponents = require('react-aria-components');
|
|
8
8
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
9
|
-
var
|
|
9
|
+
var input = require('../input/input.cjs');
|
|
10
10
|
var tagFieldItem = require('./tag-field-item.cjs');
|
|
11
11
|
var tagFieldList = require('./tag-field-list.cjs');
|
|
12
12
|
var tagFieldRoot = require('./tag-field-root.cjs');
|
|
@@ -14,7 +14,7 @@ var tagFieldTagList = require('./tag-field-tag-list.cjs');
|
|
|
14
14
|
var tagFieldTrigger = require('./tag-field-trigger.cjs');
|
|
15
15
|
var chevronDown = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
|
|
16
16
|
var field = require('../field/field.cjs');
|
|
17
|
-
var
|
|
17
|
+
var popover = require('../popover/popover.cjs');
|
|
18
18
|
|
|
19
19
|
function TagField({
|
|
20
20
|
classNames,
|
package/dist/cjs/toast/toast.cjs
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var sonner = require('sonner');
|
|
7
7
|
var ouiTheme = require('@opengovsg/oui-theme');
|
|
8
|
-
var spinner = require('../spinner/spinner.cjs');
|
|
9
8
|
var utils = require('../system/utils.cjs');
|
|
10
9
|
var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
|
|
10
|
+
var spinner = require('../spinner/spinner.cjs');
|
|
11
11
|
|
|
12
12
|
function Toaster(originalProps) {
|
|
13
13
|
const [{ toastOptions, closeButton = true, ...props }, variantProps] = utils.mapPropsVariants(originalProps, ouiTheme.toastStyles.variantKeys);
|
|
@@ -18,6 +18,7 @@ function Toaster(originalProps) {
|
|
|
18
18
|
className: styles.base({
|
|
19
19
|
className: props.className ?? props.classNames?.base
|
|
20
20
|
}),
|
|
21
|
+
position: "top-center",
|
|
21
22
|
icons: {
|
|
22
23
|
loading: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "xs" }),
|
|
23
24
|
close: /* @__PURE__ */ jsxRuntime.jsx(x.default, {})
|
|
@@ -5,9 +5,9 @@ import { forwardRef, useMemo } from 'react';
|
|
|
5
5
|
import { chain } from '@react-aria/utils';
|
|
6
6
|
import { Button as Button$1, composeRenderProps } from 'react-aria-components';
|
|
7
7
|
import { buttonStyles } from '@opengovsg/oui-theme';
|
|
8
|
-
import { Ripple } from '../ripple/ripple.js';
|
|
9
8
|
import { useRipple } from '../ripple/use-ripple.js';
|
|
10
9
|
import { Spinner } from '../spinner/spinner.js';
|
|
10
|
+
import { Ripple } from '../ripple/ripple.js';
|
|
11
11
|
|
|
12
12
|
const Button = forwardRef(
|
|
13
13
|
({
|
|
@@ -4,11 +4,11 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import { CalendarDate } from '@internationalized/date';
|
|
6
6
|
import { Group } from 'react-aria-components';
|
|
7
|
-
import { Select } from '../select/select.js';
|
|
8
|
-
import { SelectItem } from '../select/select-item.js';
|
|
9
7
|
import { AgnosticCalendarStateContext } from './agnostic-calendar-state-context.js';
|
|
10
8
|
import { useCalendarStyleContext } from './calendar-style-context.js';
|
|
11
9
|
import { useCalendarSelectors } from './hooks/use-calendar-selectors.js';
|
|
10
|
+
import { Select } from '../select/select.js';
|
|
11
|
+
import { SelectItem } from '../select/select-item.js';
|
|
12
12
|
import { useCalendarI18n } from './hooks/use-calendar-i18n.js';
|
|
13
13
|
|
|
14
14
|
const CalendarMonthDaySelector = () => {
|
|
@@ -5,13 +5,13 @@ import { useMemo, useCallback } from 'react';
|
|
|
5
5
|
import { useMessageFormatter } from 'react-aria';
|
|
6
6
|
import { ListLayout, Provider, ComboBox as ComboBox$1, Input, Button, Virtualizer, ListBox } from 'react-aria-components';
|
|
7
7
|
import { listBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
|
|
8
|
-
import { Popover } from '../popover/popover.js';
|
|
9
8
|
import { mapPropsVariants } from '../system/utils.js';
|
|
10
9
|
import { ComboBoxVariantContext } from './combo-box-variant-context.js';
|
|
11
10
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
12
11
|
import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
|
|
13
12
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
14
13
|
import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
|
|
14
|
+
import { Popover } from '../popover/popover.js';
|
|
15
15
|
|
|
16
16
|
const calculateEstimatedRowHeight = (size) => {
|
|
17
17
|
switch (size) {
|
|
@@ -4,13 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
5
|
import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
|
|
6
6
|
import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
|
|
7
|
-
import { Popover } from '../popover/popover.js';
|
|
8
7
|
import { mapPropsVariants } from '../system/utils.js';
|
|
9
8
|
import { DateInput } from '../date-field/date-field.js';
|
|
10
9
|
import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
|
|
11
10
|
import { Calendar as Calendar$1 } from '../calendar/calendar.js';
|
|
12
11
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
13
12
|
import { Button } from '../button/button.js';
|
|
13
|
+
import { Popover } from '../popover/popover.js';
|
|
14
14
|
|
|
15
15
|
function DatePicker(originalProps) {
|
|
16
16
|
const [
|
|
@@ -5,13 +5,13 @@ import { useMemo } from 'react';
|
|
|
5
5
|
import { CalendarDate } from '@internationalized/date';
|
|
6
6
|
import { DateRangePicker as DateRangePicker$1, Dialog } from 'react-aria-components';
|
|
7
7
|
import { dateRangePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
|
|
8
|
-
import { Popover } from '../popover/popover.js';
|
|
9
|
-
import { RangeCalendar } from '../range-calendar/range-calendar.js';
|
|
10
8
|
import { mapPropsVariants } from '../system/utils.js';
|
|
11
9
|
import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
|
|
10
|
+
import { RangeCalendar } from '../range-calendar/range-calendar.js';
|
|
12
11
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
13
12
|
import { DateInput } from '../date-field/date-field.js';
|
|
14
13
|
import { Button } from '../button/button.js';
|
|
14
|
+
import { Popover } from '../popover/popover.js';
|
|
15
15
|
|
|
16
16
|
function DateRangePicker(originalProps) {
|
|
17
17
|
const [
|
|
@@ -7,11 +7,11 @@ import { useField, useId } from 'react-aria';
|
|
|
7
7
|
import { Provider, LabelContext, GroupContext, TextContext, FieldErrorContext, Group } from 'react-aria-components';
|
|
8
8
|
import { useDropzone } from 'react-dropzone';
|
|
9
9
|
import { fileDropzoneStyles, dataAttr } from '@opengovsg/oui-theme';
|
|
10
|
-
import { useControllableState } from '../hooks/use-controllable-state.js';
|
|
11
10
|
import { mapPropsVariants } from '../system/utils.js';
|
|
12
11
|
import { FileDropzoneStyleContext, FileDropzoneStateContext, useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
|
|
13
12
|
import { FileInfo } from './file-info.js';
|
|
14
13
|
import { formatErrorMessage, formatBytes } from './utils.js';
|
|
14
|
+
import { useControllableState } from '../hooks/use-controllable-state.js';
|
|
15
15
|
import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.js';
|
|
16
16
|
import { Label, Description, FieldError } from '../field/field.js';
|
|
17
17
|
|
package/dist/esm/index.js
CHANGED
|
@@ -1,29 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
export { Toggle } from './toggle/toggle.js';
|
|
3
|
+
export { Input } from './input/input.js';
|
|
4
|
+
export { TextField } from './text-field/text-field.js';
|
|
5
|
+
export { TextArea } from './text-area/text-area.js';
|
|
6
|
+
export { TextAreaField } from './text-area-field/text-area-field.js';
|
|
7
|
+
export { Toaster } from './toast/toast.js';
|
|
2
8
|
export { useControllableState } from './hooks/use-controllable-state.js';
|
|
3
9
|
export { useDraggable } from './hooks/use-draggable.js';
|
|
10
|
+
export { Button } from './button/button.js';
|
|
11
|
+
export { GovtBanner } from './govt-banner/govt-banner.js';
|
|
4
12
|
export { Ripple } from './ripple/ripple.js';
|
|
5
13
|
export { useRipple } from './ripple/use-ripple.js';
|
|
6
14
|
export { Spinner } from './spinner/spinner.js';
|
|
7
15
|
export { useSpinner } from './spinner/use-spinner.js';
|
|
8
|
-
export { Toggle } from './toggle/toggle.js';
|
|
9
16
|
export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
12
|
-
export {
|
|
17
|
+
export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
|
|
18
|
+
export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
|
|
19
|
+
export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
|
|
20
|
+
export { ComboBoxItem } from './combo-box/combo-box-item.js';
|
|
21
|
+
export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
|
|
22
|
+
export { Banner } from './banner/banner.js';
|
|
13
23
|
export { TagField } from './tag-field/tag-field.js';
|
|
14
24
|
export { TagFieldItem } from './tag-field/tag-field-item.js';
|
|
15
25
|
export { Select } from './select/select.js';
|
|
16
26
|
export { SelectItem } from './select/select-item.js';
|
|
17
27
|
export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
|
|
28
|
+
export { Badge } from './badge/badge.js';
|
|
29
|
+
export { CalendarDate } from '@internationalized/date';
|
|
30
|
+
export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
|
|
31
|
+
export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
|
|
32
|
+
export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
|
|
18
33
|
export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
|
|
19
34
|
export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
|
|
20
35
|
export { Popover } from './popover/popover.js';
|
|
21
36
|
export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
|
|
37
|
+
export { DateField, DateInput } from './date-field/date-field.js';
|
|
38
|
+
export { DatePicker } from './date-picker/date-picker.js';
|
|
39
|
+
export { DateRangePicker } from './date-range-picker/date-range-picker.js';
|
|
40
|
+
export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
|
|
41
|
+
export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
|
|
42
|
+
export { PaginationItemType } from './pagination/hooks/use-pagination.js';
|
|
22
43
|
export { Pagination } from './pagination/pagination.js';
|
|
23
44
|
export { PaginationCursor } from './pagination/pagination-cursor.js';
|
|
24
45
|
export { PaginationItem } from './pagination/pagination-item.js';
|
|
25
|
-
export { PaginationItemType } from './pagination/hooks/use-pagination.js';
|
|
26
46
|
export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
|
|
47
|
+
export { FileDropzone } from './file-dropzone/file-dropzone.js';
|
|
48
|
+
export { FileInfo } from './file-dropzone/file-info.js';
|
|
49
|
+
export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
|
|
27
50
|
export { NumberField } from './number-field/number-field.js';
|
|
28
51
|
export { Modal } from './modal/modal.js';
|
|
29
52
|
export { ModalContent } from './modal/modal-content.js';
|
|
@@ -31,27 +54,4 @@ export { ModalFooter } from './modal/modal-footer.js';
|
|
|
31
54
|
export { ModalBody } from './modal/modal-body.js';
|
|
32
55
|
export { ModalHeader } from './modal/modal-header.js';
|
|
33
56
|
export { ModalVariantContext, useModalVariantContext } from './modal/modal-variant-context.js';
|
|
34
|
-
export { Toaster } from './toast/toast.js';
|
|
35
|
-
export { Button } from './button/button.js';
|
|
36
|
-
export { GovtBanner } from './govt-banner/govt-banner.js';
|
|
37
|
-
export { Input } from './input/input.js';
|
|
38
|
-
export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
|
|
39
|
-
export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
|
|
40
|
-
export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
|
|
41
|
-
export { ComboBoxItem } from './combo-box/combo-box-item.js';
|
|
42
|
-
export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
|
|
43
|
-
export { Banner } from './banner/banner.js';
|
|
44
|
-
export { Badge } from './badge/badge.js';
|
|
45
|
-
export { CalendarDate } from '@internationalized/date';
|
|
46
|
-
export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
|
|
47
|
-
export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
|
|
48
|
-
export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
|
|
49
|
-
export { DateField, DateInput } from './date-field/date-field.js';
|
|
50
|
-
export { DatePicker } from './date-picker/date-picker.js';
|
|
51
|
-
export { DateRangePicker } from './date-range-picker/date-range-picker.js';
|
|
52
|
-
export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
|
|
53
|
-
export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
|
|
54
|
-
export { FileDropzone } from './file-dropzone/file-dropzone.js';
|
|
55
|
-
export { FileInfo } from './file-dropzone/file-info.js';
|
|
56
|
-
export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
|
|
57
57
|
export { toast } from 'sonner';
|
package/dist/esm/menu/menu.js
CHANGED
|
@@ -4,11 +4,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
4
4
|
import { forwardRef, useMemo, useCallback } from 'react';
|
|
5
5
|
import { useContextProps, MenuItem as MenuItem$1, composeRenderProps, Provider, Menu as Menu$1, MenuSection as MenuSection$1, Header, Collection, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, Separator } from 'react-aria-components';
|
|
6
6
|
import { listBoxItemStyles, menuItemStyles, menuStyles, menuSectionStyles, menuDividerStyles } from '@opengovsg/oui-theme';
|
|
7
|
-
import { Popover } from '../popover/popover.js';
|
|
8
7
|
import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
|
|
9
8
|
import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js';
|
|
10
9
|
import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
|
|
11
10
|
import { createContext } from '../system/react-utils/context.js';
|
|
11
|
+
import { Popover } from '../popover/popover.js';
|
|
12
12
|
|
|
13
13
|
const [MenuVariantContext, useMenuVariantContext] = createContext({
|
|
14
14
|
name: "MenuVariantContext",
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import { NumberField as NumberField$1 } from 'react-aria-components';
|
|
5
5
|
import { numberFieldStyles, composeTailwindRenderProps, dataAttr, fieldBorderStyles, cn } from '@opengovsg/oui-theme';
|
|
6
|
+
import { Input } from '../input/input.js';
|
|
6
7
|
import { mapPropsVariants } from '../system/utils.js';
|
|
7
8
|
import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.js';
|
|
8
9
|
import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.js';
|
|
9
10
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
10
|
-
import { Input } from '../input/input.js';
|
|
11
11
|
import { Button } from '../button/button.js';
|
|
12
12
|
|
|
13
13
|
function NumberField(originalProps) {
|
|
@@ -4,11 +4,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
5
|
import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
|
|
6
6
|
import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
|
|
7
|
-
import { Popover } from '../popover/popover.js';
|
|
8
7
|
import { mapPropsVariants } from '../system/utils.js';
|
|
9
8
|
import { SelectVariantContext } from './select-variant-context.js';
|
|
10
9
|
import { Label, Description, FieldError } from '../field/field.js';
|
|
11
10
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
11
|
+
import { Popover } from '../popover/popover.js';
|
|
12
12
|
import { Button } from '../button/button.js';
|
|
13
13
|
|
|
14
14
|
const calculateEstimatedRowHeight = (size) => {
|
|
@@ -4,7 +4,7 @@ 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 {
|
|
7
|
+
import { Input } from '../input/input.js';
|
|
8
8
|
import { TagFieldItem } from './tag-field-item.js';
|
|
9
9
|
import { TagFieldList } from './tag-field-list.js';
|
|
10
10
|
import { TagFieldRoot } from './tag-field-root.js';
|
|
@@ -12,7 +12,7 @@ import { TagFieldTagList } from './tag-field-tag-list.js';
|
|
|
12
12
|
import { TagFieldTrigger } from './tag-field-trigger.js';
|
|
13
13
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
14
14
|
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
15
|
-
import {
|
|
15
|
+
import { Popover } from '../popover/popover.js';
|
|
16
16
|
|
|
17
17
|
function TagField({
|
|
18
18
|
classNames,
|
package/dist/esm/toast/toast.js
CHANGED
|
@@ -4,9 +4,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
5
5
|
export { toast } from 'sonner';
|
|
6
6
|
import { toastStyles } from '@opengovsg/oui-theme';
|
|
7
|
-
import { Spinner } from '../spinner/spinner.js';
|
|
8
7
|
import { mapPropsVariants } from '../system/utils.js';
|
|
9
8
|
import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
|
|
9
|
+
import { Spinner } from '../spinner/spinner.js';
|
|
10
10
|
|
|
11
11
|
function Toaster(originalProps) {
|
|
12
12
|
const [{ toastOptions, closeButton = true, ...props }, variantProps] = mapPropsVariants(originalProps, toastStyles.variantKeys);
|
|
@@ -17,6 +17,7 @@ function Toaster(originalProps) {
|
|
|
17
17
|
className: styles.base({
|
|
18
18
|
className: props.className ?? props.classNames?.base
|
|
19
19
|
}),
|
|
20
|
+
position: "top-center",
|
|
20
21
|
icons: {
|
|
21
22
|
loading: /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
|
|
22
23
|
close: /* @__PURE__ */ jsx(X, {})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI9D,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKlD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI9D,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKlD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,wBAAgB,OAAO,CAAC,aAAa,EAAE,YAAY,2CA2ElD;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengovsg/oui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.28",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"type": "module",
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
"storybook": "10.1.2",
|
|
51
51
|
"tsx": "^4.21.0",
|
|
52
52
|
"typescript": "5.7.3",
|
|
53
|
-
"@opengovsg/oui-theme": "0.0.
|
|
53
|
+
"@opengovsg/oui-theme": "0.0.28",
|
|
54
54
|
"@oui/chromatic": "0.0.0",
|
|
55
|
-
"@oui/eslint-config": "0.0.0",
|
|
56
55
|
"@oui/prettier-config": "0.0.0",
|
|
56
|
+
"@oui/eslint-config": "0.0.0",
|
|
57
57
|
"@oui/typescript-config": "0.0.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"motion": ">=11.12.0 || >=12.0.0-alpha.1",
|
|
89
89
|
"react": ">= 18",
|
|
90
90
|
"react-aria-components": "^1.13.0",
|
|
91
|
-
"@opengovsg/oui-theme": "0.0.
|
|
91
|
+
"@opengovsg/oui-theme": "0.0.28"
|
|
92
92
|
},
|
|
93
93
|
"scripts": {
|
|
94
94
|
"build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",
|