@openedx/paragon 23.10.1 → 23.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/index.d.ts +36 -0
- package/dist/Alert/index.js +18 -9
- package/dist/Alert/index.js.map +1 -1
- package/dist/IconButton/index.d.ts +1 -1
- package/dist/Modal/ModalDialog.d.ts +0 -1
- package/dist/Modal/ModalDialog.js +6 -3
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/messages.d.ts +8 -0
- package/dist/Modal/messages.js +10 -0
- package/dist/Modal/messages.js.map +1 -0
- package/dist/index.d.ts +81 -212
- package/dist/index.js +91 -97
- package/dist/index.js.map +1 -0
- package/dist/utils/breakpoints.d.ts +26 -0
- package/package.json +8 -4
- package/src/Alert/{Alert.test.jsx → Alert.test.tsx} +33 -3
- package/src/Alert/{index.jsx → index.tsx} +92 -29
- package/src/Dropdown/README.md +1 -0
- package/src/Modal/ModalDialog.tsx +6 -4
- package/src/Modal/messages.ts +11 -0
- package/src/Modal/tests/AlertModal.test.jsx +48 -39
- package/src/Modal/tests/ModalDialog.test.tsx +57 -50
- package/src/{index.js → index.ts} +84 -10
- package/src/utils/breakpoints.d.ts +26 -0
- package/tokens/src/core/global/typography.json +2 -2
- package/tokens/src/themes/light/components/Modal.json +15 -1
- package/tokens/style-dictionary.js +9 -2
- package/src/index.d.ts +0 -230
- /package/src/Alert/__snapshots__/{Alert.test.jsx.snap → Alert.test.tsx.snap} +0 -0
package/src/index.d.ts
DELETED
|
@@ -1,230 +0,0 @@
|
|
|
1
|
-
/* eslint-disable max-len, one-var, one-var-declaration-per-line */
|
|
2
|
-
// each line in this file corresponds with the line in index.js
|
|
3
|
-
|
|
4
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
5
|
-
// Things that have types
|
|
6
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
7
|
-
export { default as Bubble } from './Bubble';
|
|
8
|
-
export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
|
|
9
|
-
export { default as Chip, CHIP_PGN_CLASS } from './Chip';
|
|
10
|
-
export { default as ChipCarousel } from './ChipCarousel';
|
|
11
|
-
export { default as Container, ContainerSize } from './Container';
|
|
12
|
-
export { default as Hyperlink } from './Hyperlink';
|
|
13
|
-
export { default as Icon } from './Icon';
|
|
14
|
-
export { default as IconButton, IconButtonWithTooltip } from './IconButton';
|
|
15
|
-
export { default as ModalContext } from './Modal/ModalContext';
|
|
16
|
-
export { default as ModalDialog, MODAL_DIALOG_CLOSE_LABEL } from './Modal/ModalDialog';
|
|
17
|
-
export { default as ModalLayer } from './Modal/ModalLayer';
|
|
18
|
-
export { default as Overlay, OverlayTrigger } from './Overlay';
|
|
19
|
-
export { default as Portal } from './Modal/Portal';
|
|
20
|
-
export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
|
|
21
|
-
export { default as Tooltip } from './Tooltip';
|
|
22
|
-
export { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';
|
|
23
|
-
export { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';
|
|
24
|
-
export { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';
|
|
25
|
-
export { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';
|
|
26
|
-
export { default as useIsVisible } from './hooks/useIsVisibleHook';
|
|
27
|
-
|
|
28
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
29
|
-
// Things that don't have types
|
|
30
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
31
|
-
export const asInput: any; // from './asInput';
|
|
32
|
-
export const ActionRow: any; // from './ActionRow';
|
|
33
|
-
export const Alert: any, ALERT_CLOSE_LABEL_TEXT: string; // from './Alert';
|
|
34
|
-
export const Annotation: any; // from './Annotation';
|
|
35
|
-
export const Avatar: any; // from './Avatar';
|
|
36
|
-
export const AvatarButton: any; // from './AvatarButton';
|
|
37
|
-
export const Badge: any; // from './Badge';
|
|
38
|
-
export const Breadcrumb: any; // from './Breadcrumb';
|
|
39
|
-
export const
|
|
40
|
-
Card: any,
|
|
41
|
-
CardColumns: any,
|
|
42
|
-
CardDeck: any,
|
|
43
|
-
CardImg: any,
|
|
44
|
-
CardGroup: any,
|
|
45
|
-
CardGrid: any,
|
|
46
|
-
CardCarousel: any,
|
|
47
|
-
CARD_VARIANTS: any;
|
|
48
|
-
// from './Card';
|
|
49
|
-
export const
|
|
50
|
-
Carousel: any, CarouselItem: any, CAROUSEL_NEXT_LABEL_TEXT: any, CAROUSEL_PREV_LABEL_TEXT: any;
|
|
51
|
-
// from './Carousel';
|
|
52
|
-
/** @deprecated Replaced by `Form.Checkbox`. */
|
|
53
|
-
export const CheckBox: any; // from './CheckBox';
|
|
54
|
-
/** @deprecated Replaced by `Form.Checkbox` and `Form.CheckboxSet`. */
|
|
55
|
-
export const CheckBoxGroup: any; // from './CheckBoxGroup';
|
|
56
|
-
export const CloseButton: any; // from './CloseButton';
|
|
57
|
-
export const Layout: any, Col: any, Row: any; // from './Layout';
|
|
58
|
-
export const Collapse: any; // from './Collapse';
|
|
59
|
-
export const Collapsible: any; // from './Collapsible';
|
|
60
|
-
export const Scrollable: any; // from './Scrollable';
|
|
61
|
-
export const
|
|
62
|
-
Dropdown: any,
|
|
63
|
-
DropdownToggle: any,
|
|
64
|
-
DropdownButton: any,
|
|
65
|
-
SplitButton: any;
|
|
66
|
-
// from './Dropdown';
|
|
67
|
-
export const Fade: any; // from './Fade';
|
|
68
|
-
/** @deprecated */
|
|
69
|
-
export const Fieldset: any; // from './Fieldset';
|
|
70
|
-
export const
|
|
71
|
-
Form: any,
|
|
72
|
-
RadioControl: any,
|
|
73
|
-
CheckboxControl: any,
|
|
74
|
-
SwitchControl: any,
|
|
75
|
-
FormSwitchSet: any,
|
|
76
|
-
FormControl: any,
|
|
77
|
-
FormControlDecoratorGroup: any,
|
|
78
|
-
FormControlFeedback: any,
|
|
79
|
-
FormCheck: any,
|
|
80
|
-
FormFile: any,
|
|
81
|
-
FormRadio: any,
|
|
82
|
-
FormRadioSet: any,
|
|
83
|
-
FormRadioSetContext: any,
|
|
84
|
-
FormGroup: any,
|
|
85
|
-
FormLabel: any,
|
|
86
|
-
useCheckboxSetValues: any,
|
|
87
|
-
FormText: any,
|
|
88
|
-
FormAutosuggest: any,
|
|
89
|
-
FormAutosuggestOption: any,
|
|
90
|
-
InputGroup: any;
|
|
91
|
-
// from './Form';
|
|
92
|
-
export const IconButtonToggle: any; // from './IconButtonToggle';
|
|
93
|
-
/** @deprecated Replaced by `Form.Control`. */
|
|
94
|
-
export const Input: any; // from './Input';
|
|
95
|
-
/** @deprecated Replaced by `Form.Control`. */
|
|
96
|
-
export const InputSelect: any; // from './InputSelect';
|
|
97
|
-
/** @deprecated Replaced by `Form.Control`. */
|
|
98
|
-
export const InputText: any; // from './InputText';
|
|
99
|
-
export const Image: any, Figure; // from './Image';
|
|
100
|
-
/** @deprecated */
|
|
101
|
-
export const ListBox: any; // from './ListBox';
|
|
102
|
-
/** @deprecated */
|
|
103
|
-
export const ListBoxOption: any; // from './ListBoxOption';
|
|
104
|
-
export const MailtoLink: any, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT: string, MAIL_TO_LINK_EXTERNAL_LINK_TITLE: string; // from './MailtoLink';
|
|
105
|
-
export const Media: any; // from './Media';
|
|
106
|
-
export const Menu: any; // from './Menu';
|
|
107
|
-
export const MenuItem: any; // from './Menu/MenuItem';
|
|
108
|
-
export const SelectMenu: any, SELECT_MENU_DEFAULT_MESSAGE: string; // from './Menu/SelectMenu';
|
|
109
|
-
/** @deprecated Use `ModalDialog` instead. */
|
|
110
|
-
export const Modal: any; // from './Modal';
|
|
111
|
-
export const ModalCloseButton: any; // from './Modal/ModalCloseButton';
|
|
112
|
-
export const FullscreenModal: any, FULLSCREEN_MODAL_CLOSE_LABEL: string; // from './Modal/FullscreenModal';
|
|
113
|
-
export const MarketingModal: any; // from './Modal/MarketingModal';
|
|
114
|
-
export const StandardModal: any, STANDARD_MODAL_CLOSE_LABEL: string; // from './Modal/StandardModal';
|
|
115
|
-
export const AlertModal: any; // from './Modal/AlertModal';
|
|
116
|
-
export const ModalPopup: any; // from './Modal/ModalPopup';
|
|
117
|
-
export const PopperElement: any; // from './Modal/PopperElement';
|
|
118
|
-
|
|
119
|
-
export const
|
|
120
|
-
Nav: any,
|
|
121
|
-
NavDropdown: any,
|
|
122
|
-
NavItem: any,
|
|
123
|
-
NavLink: any;
|
|
124
|
-
// from './Nav';
|
|
125
|
-
export const Navbar: any, NavbarBrand: any, NAVBAR_LABEL: string; // from './Navbar';
|
|
126
|
-
export const PageBanner: any, PAGE_BANNER_DISMISS_ALT_TEXT: string; // from './PageBanner';
|
|
127
|
-
export const
|
|
128
|
-
Pagination: any,
|
|
129
|
-
PAGINATION_BUTTON_LABEL_PREV: string,
|
|
130
|
-
PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT: string,
|
|
131
|
-
PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT: string,
|
|
132
|
-
PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT: string,
|
|
133
|
-
PAGINATION_BUTTON_LABEL_CURRENT_PAGE: string,
|
|
134
|
-
PAGINATION_BUTTON_LABEL_NEXT: string,
|
|
135
|
-
PAGINATION_BUTTON_LABEL_PAGE: string;
|
|
136
|
-
// from './Pagination';
|
|
137
|
-
export const Popover: any, PopoverTitle: any, PopoverContent: any; // from './Popover';
|
|
138
|
-
export const ProgressBar: any; // from './ProgressBar';
|
|
139
|
-
export const ProductTour: any; // from './ProductTour';
|
|
140
|
-
/** @deprecated Replaced by `Form.Radio` and `Form.RadioSet`. */
|
|
141
|
-
export const RadioButtonGroup: any, RadioButton: any; // from './RadioButtonGroup';
|
|
142
|
-
export const ResponsiveEmbed: any; // from './ResponsiveEmbed';
|
|
143
|
-
export const
|
|
144
|
-
SearchField: any,
|
|
145
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_LABEL: string,
|
|
146
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON: string,
|
|
147
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON: string,
|
|
148
|
-
SEARCH_FIELD_BUTTON_TEXT: string;
|
|
149
|
-
// from './SearchField';
|
|
150
|
-
export const Sheet: any; // from './Sheet';
|
|
151
|
-
export const Spinner: any; // from './Spinner';
|
|
152
|
-
export const Stepper: any; // from './Stepper';
|
|
153
|
-
export const StatefulButton: any; // from './StatefulButton';
|
|
154
|
-
/** @deprecated Replaced by `Alert`. */
|
|
155
|
-
export const StatusAlert: any; // from './StatusAlert';
|
|
156
|
-
/** @deprecated Replaced by `DataTable`. */
|
|
157
|
-
export const Table: any; // from './Table';
|
|
158
|
-
export const
|
|
159
|
-
Tabs: any,
|
|
160
|
-
Tab: any,
|
|
161
|
-
TabContainer: any,
|
|
162
|
-
TabContent: any,
|
|
163
|
-
TabPane: any;
|
|
164
|
-
// from './Tabs';
|
|
165
|
-
/** @deprecated Replaced by `Form.Control`. */
|
|
166
|
-
export const TextArea: any; // from './TextArea';
|
|
167
|
-
/** @deprecated Replaced by `Form.Group`. */
|
|
168
|
-
export const ValidationFormGroup: any; // from './ValidationFormGroup';
|
|
169
|
-
export const TransitionReplace: any; // from './TransitionReplace';
|
|
170
|
-
export const ValidationMessage: any; // from './ValidationMessage';
|
|
171
|
-
export const DataTable: any; // from './DataTable';
|
|
172
|
-
export const TextFilter: any; // from './DataTable/filters/TextFilter';
|
|
173
|
-
export const CheckboxFilter: any; // from './DataTable/filters/CheckboxFilter';
|
|
174
|
-
export const DropdownFilter: any; // from './DataTable/filters/DropdownFilter';
|
|
175
|
-
export const MultiSelectDropdownFilter: any; // from './DataTable/filters/MultiSelectDropdownFilter';
|
|
176
|
-
export const TableHeaderCell: any; // from './DataTable/TableHeaderCell';
|
|
177
|
-
export const TableCell: any; // from './DataTable/TableCell';
|
|
178
|
-
export const TableFilters: any, TABLE_FILTERS_BUTTON_TEXT: string; // from './DataTable/TableFilters';
|
|
179
|
-
export const TableHeader: any; // from './DataTable/TableHeaderRow';
|
|
180
|
-
export const TableRow: any; // from './DataTable/TableRow';
|
|
181
|
-
export const TablePagination: any; // from './DataTable/TablePagination';
|
|
182
|
-
export const TablePaginationMinimal: any; // from './DataTable/TablePaginationMinimal';
|
|
183
|
-
export const DataTableContext: any; // from './DataTable/DataTableContext';
|
|
184
|
-
export const BulkActions: any; // from './DataTable/BulkActions';
|
|
185
|
-
export const TableControlBar: any; // from './DataTable/TableControlBar';
|
|
186
|
-
export const TableFooter: any; // from './DataTable/TableFooter';
|
|
187
|
-
export const CardView: any; // from './DataTable/CardView';
|
|
188
|
-
export const Skeleton: any, SkeletonTheme: any; // from './Skeleton/index';
|
|
189
|
-
export const Stack: any; // from './Stack';
|
|
190
|
-
export const ToggleButton: any, ToggleButtonGroup: any; // from './ToggleButton';
|
|
191
|
-
export const Sticky: any; // from './Sticky';
|
|
192
|
-
export const SelectableBox: any; // from './SelectableBox';
|
|
193
|
-
export const breakpoints: any; // from './utils/breakpoints';
|
|
194
|
-
export const Variant: any; // from './utils/constants';
|
|
195
|
-
export const
|
|
196
|
-
OverflowScrollContext: any,
|
|
197
|
-
OverflowScroll: any,
|
|
198
|
-
useOverflowScroll: any,
|
|
199
|
-
useOverflowScrollItems: any;
|
|
200
|
-
// from './OverflowScroll';
|
|
201
|
-
export const Dropzone: any; // from './Dropzone';
|
|
202
|
-
export const messages: any; // from './i18n';
|
|
203
|
-
export const Truncate: any; // from './Truncate';
|
|
204
|
-
export const ColorPicker: any; // from './ColorPicker';
|
|
205
|
-
|
|
206
|
-
// Pass through any needed whole third-party library functionality
|
|
207
|
-
// useTable for example is needed to use the DataTable component seamlessly
|
|
208
|
-
// rather than setting a peer dependency in this project, we opt to tightly
|
|
209
|
-
// couple these dependencies by passing through needed functionality.
|
|
210
|
-
export {
|
|
211
|
-
default as MediaQuery,
|
|
212
|
-
useMediaQuery,
|
|
213
|
-
Context as ResponsiveContext,
|
|
214
|
-
} from 'react-responsive';
|
|
215
|
-
export {
|
|
216
|
-
useTable,
|
|
217
|
-
useFilters,
|
|
218
|
-
useGlobalFilter,
|
|
219
|
-
useSortBy,
|
|
220
|
-
useGroupBy,
|
|
221
|
-
useExpanded,
|
|
222
|
-
usePagination,
|
|
223
|
-
useRowSelect,
|
|
224
|
-
useRowState,
|
|
225
|
-
useColumnOrder,
|
|
226
|
-
useResizeColumns,
|
|
227
|
-
useBlockLayout,
|
|
228
|
-
useAbsoluteLayout,
|
|
229
|
-
useFlexLayout,
|
|
230
|
-
} from 'react-table';
|
|
File without changes
|