@openedx/paragon 22.20.0 → 22.20.1
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/DataTable/filters/CheckboxFilter.js +2 -1
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/IconButton/index.d.ts +1 -1
- package/dist/index.d.ts +93 -210
- package/dist/index.js +122 -123
- package/dist/index.js.map +1 -0
- package/package.json +1 -1
- package/src/DataTable/filters/CheckboxFilter.jsx +1 -1
- package/src/DataTable/filters/tests/CheckboxFilter.test.jsx +8 -0
- package/src/{index.js → index.ts} +115 -36
- package/src/index.d.ts +0 -230
|
@@ -33,7 +33,8 @@ function CheckboxFilter(_ref) {
|
|
|
33
33
|
id: ariaLabel.current,
|
|
34
34
|
className: "pgn__checkbox-filter-label"
|
|
35
35
|
}, Header), /*#__PURE__*/React.createElement(Form.CheckboxSet, {
|
|
36
|
-
name: Header
|
|
36
|
+
name: Header,
|
|
37
|
+
value: checkedBoxes
|
|
37
38
|
}, filterChoices.map(_ref2 => {
|
|
38
39
|
let {
|
|
39
40
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n column: {\n filterValue, setFilter, Header, filterChoices, getHeaderProps,\n },\n}) {\n // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n const checkedBoxes = filterValue || [];\n const changeCheckbox = (value) => {\n if (checkedBoxes.includes(value)) {\n const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n return setFilter(newCheckedBoxes);\n }\n checkedBoxes.push(value);\n return setFilter(checkedBoxes);\n };\n const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n return (\n <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n <Form.CheckboxSet name={Header}>\n {filterChoices.map(({ name, number, value }) => (\n <Form.Checkbox\n key={`${headerBasedId}${name}`}\n value={name}\n checked={checkedBoxes.includes(value)}\n onChange={() => changeCheckbox(value)}\n aria-label={name}\n >\n <Stack direction=\"horizontal\" gap={2}>\n {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n </Stack>\n </Form.Checkbox>\n ))}\n </Form.CheckboxSet>\n </Form.Group>\n );\n}\n\nCheckboxFilter.propTypes = {\n /**\n * Specifies a column object.\n *\n * `setFilter`: Function to set the filter value.\n *\n * `Header`: Column header used for labels and placeholders.\n *\n * `filterChoices`: Specifies array of choices.\n *\n * `getHeaderProps`: Generates a key unique to the column being filtered.\n *\n * `filterValue`: Value for the filter input.\n */\n column: PropTypes.shape({\n setFilter: PropTypes.func.isRequired,\n Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n filterChoices: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n number: PropTypes.number,\n })).isRequired,\n getHeaderProps: PropTypes.func.isRequired,\n filterValue: PropTypes.arrayOf(PropTypes.string),\n }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,OAAO,QAAQ,OAAO;AAC9C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,IAAIC,SAAS,QAAQ,YAAY;AAC5C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAASC,KAAK,QAAQ,aAAa;AAEnC,SAASC,cAAcA,CAAAC,IAAA,EAIpB;EAAA,IAJqB;IACtBC,MAAM,EAAE;MACNC,WAAW;MAAEC,SAAS;MAAEC,MAAM;MAAEC,aAAa;MAAEC;IACjD;EACF,CAAC,GAAAN,IAAA;EACC;EACA,MAAMO,SAAS,GAAGhB,MAAM,CAACO,KAAK,CAAC,yBAAyBQ,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EAEjF,MAAMC,YAAY,GAAGP,WAAW,IAAI,EAAE;EACtC,MAAMQ,cAAc,GAAIC,KAAK,IAAK;IAChC,IAAIF,YAAY,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAChC,MAAME,eAAe,GAAGJ,YAAY,CAACK,MAAM,CAAEC,GAAG,IAAKA,GAAG,KAAKJ,KAAK,CAAC;MACnE,OAAOR,SAAS,CAACU,eAAe,CAAC;IACnC;IACAJ,YAAY,CAACO,IAAI,CAACL,KAAK,CAAC;IACxB,OAAOR,SAAS,CAACM,YAAY,CAAC;EAChC,CAAC;EACD,MAAMQ,aAAa,GAAGzB,OAAO,CAAC,MAAM,yBAAyBc,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,EAAE,CAACF,cAAc,CAAC,CAAC;EAEvG,oBACEhB,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAACyB,KAAK;IAACC,IAAI,EAAC,OAAO;IAAC,mBAAiBb,SAAS,CAACc;EAAQ,gBAC1D/B,KAAA,CAAA4B,aAAA,CAACvB,SAAS;IAAC2B,EAAE,EAAEf,SAAS,CAACc,OAAQ;IAACE,SAAS,EAAC;EAA4B,GAAEnB,MAAkB,CAAC,eAC7Fd,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAAC8B,WAAW;IAACC,IAAI,EAAErB;
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","_ref","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","_ref2","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n column: {\n filterValue, setFilter, Header, filterChoices, getHeaderProps,\n },\n}) {\n // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n const checkedBoxes = filterValue || [];\n const changeCheckbox = (value) => {\n if (checkedBoxes.includes(value)) {\n const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n return setFilter(newCheckedBoxes);\n }\n checkedBoxes.push(value);\n return setFilter(checkedBoxes);\n };\n const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n return (\n <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n <Form.CheckboxSet name={Header} value={checkedBoxes}>\n {filterChoices.map(({ name, number, value }) => (\n <Form.Checkbox\n key={`${headerBasedId}${name}`}\n value={name}\n checked={checkedBoxes.includes(value)}\n onChange={() => changeCheckbox(value)}\n aria-label={name}\n >\n <Stack direction=\"horizontal\" gap={2}>\n {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n </Stack>\n </Form.Checkbox>\n ))}\n </Form.CheckboxSet>\n </Form.Group>\n );\n}\n\nCheckboxFilter.propTypes = {\n /**\n * Specifies a column object.\n *\n * `setFilter`: Function to set the filter value.\n *\n * `Header`: Column header used for labels and placeholders.\n *\n * `filterChoices`: Specifies array of choices.\n *\n * `getHeaderProps`: Generates a key unique to the column being filtered.\n *\n * `filterValue`: Value for the filter input.\n */\n column: PropTypes.shape({\n setFilter: PropTypes.func.isRequired,\n Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n filterChoices: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n number: PropTypes.number,\n })).isRequired,\n getHeaderProps: PropTypes.func.isRequired,\n filterValue: PropTypes.arrayOf(PropTypes.string),\n }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -64,7 +64,7 @@ declare namespace IconButtonWithTooltip {
|
|
|
64
64
|
iconName?: string | undefined;
|
|
65
65
|
icon?: any[] | undefined;
|
|
66
66
|
} | undefined;
|
|
67
|
-
variant?: "primary" | "
|
|
67
|
+
variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "dark" | "light" | "black" | "brand" | undefined;
|
|
68
68
|
size?: "sm" | "md" | "inline" | undefined;
|
|
69
69
|
value?: string | undefined;
|
|
70
70
|
children?: undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,36 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
// each line in this file corresponds with the line in index.js
|
|
3
|
-
|
|
4
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
5
|
-
// Things that have types
|
|
6
|
-
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
1
|
+
export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
|
|
7
2
|
export { default as Bubble } from './Bubble';
|
|
8
3
|
export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
|
|
9
4
|
export { default as Chip, CHIP_PGN_CLASS } from './Chip';
|
|
10
5
|
export { default as ChipCarousel } from './ChipCarousel';
|
|
11
|
-
export { default as Container, ContainerSize } from './Container';
|
|
12
|
-
export {
|
|
13
|
-
default as Form,
|
|
14
|
-
RadioControl,
|
|
15
|
-
CheckboxControl,
|
|
16
|
-
SwitchControl,
|
|
17
|
-
FormSwitchSet,
|
|
18
|
-
FormControl,
|
|
19
|
-
FormControlDecoratorGroup,
|
|
20
|
-
FormControlFeedback,
|
|
21
|
-
FormCheck,
|
|
22
|
-
FormFile,
|
|
23
|
-
FormRadio,
|
|
24
|
-
FormRadioSet,
|
|
25
|
-
FormRadioSetContext,
|
|
26
|
-
FormGroup,
|
|
27
|
-
FormLabel,
|
|
28
|
-
useCheckboxSetValues,
|
|
29
|
-
FormText,
|
|
30
|
-
FormAutosuggest,
|
|
31
|
-
FormAutosuggestOption,
|
|
32
|
-
InputGroup,
|
|
33
|
-
} from './Form';
|
|
6
|
+
export { default as Container, type ContainerSize } from './Container';
|
|
7
|
+
export { default as Form, RadioControl, CheckboxControl, SwitchControl, FormSwitchSet, FormControl, FormControlDecoratorGroup, FormControlFeedback, FormCheck, FormFile, FormRadio, FormRadioSet, FormRadioSetContext, FormGroup, FormLabel, useCheckboxSetValues, FormText, FormAutosuggest, FormAutosuggestOption, InputGroup, } from './Form';
|
|
34
8
|
export { default as Hyperlink } from './Hyperlink';
|
|
35
9
|
export { default as Icon } from './Icon';
|
|
36
10
|
export { default as IconButton, IconButtonWithTooltip } from './IconButton';
|
|
@@ -46,185 +20,94 @@ export { default as useToggle, type Toggler, type ToggleHandlers } from './hooks
|
|
|
46
20
|
export { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';
|
|
47
21
|
export { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';
|
|
48
22
|
export { default as useIsVisible } from './hooks/useIsVisibleHook';
|
|
49
|
-
export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
|
|
50
23
|
export { default as breakpoints } from './utils/breakpoints';
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
export
|
|
56
|
-
export
|
|
57
|
-
export
|
|
58
|
-
export
|
|
59
|
-
export
|
|
60
|
-
export
|
|
61
|
-
export
|
|
62
|
-
export
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
export
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
export
|
|
77
|
-
|
|
78
|
-
export
|
|
79
|
-
export
|
|
80
|
-
export
|
|
81
|
-
export
|
|
82
|
-
export
|
|
83
|
-
export
|
|
84
|
-
export
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
export
|
|
91
|
-
|
|
92
|
-
export
|
|
93
|
-
export
|
|
94
|
-
|
|
95
|
-
export
|
|
96
|
-
|
|
97
|
-
export
|
|
98
|
-
|
|
99
|
-
export
|
|
100
|
-
export
|
|
101
|
-
|
|
102
|
-
export
|
|
103
|
-
|
|
104
|
-
export
|
|
105
|
-
export
|
|
106
|
-
export
|
|
107
|
-
export
|
|
108
|
-
export
|
|
109
|
-
export
|
|
110
|
-
|
|
111
|
-
export
|
|
112
|
-
export
|
|
113
|
-
export
|
|
114
|
-
export
|
|
115
|
-
export
|
|
116
|
-
export
|
|
117
|
-
export
|
|
118
|
-
export
|
|
119
|
-
|
|
120
|
-
export
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
export
|
|
128
|
-
export
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
export
|
|
140
|
-
export
|
|
141
|
-
/** @deprecated Replaced by `Form.Radio` and `Form.RadioSet`. */
|
|
142
|
-
export const RadioButtonGroup: any, RadioButton: any; // from './RadioButtonGroup';
|
|
143
|
-
export const ResponsiveEmbed: any; // from './ResponsiveEmbed';
|
|
144
|
-
export const
|
|
145
|
-
SearchField: any,
|
|
146
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_LABEL: string,
|
|
147
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON: string,
|
|
148
|
-
SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON: string,
|
|
149
|
-
SEARCH_FIELD_BUTTON_TEXT: string;
|
|
150
|
-
// from './SearchField';
|
|
151
|
-
export const Sheet: any; // from './Sheet';
|
|
152
|
-
export const Spinner: any; // from './Spinner';
|
|
153
|
-
export const Stepper: any; // from './Stepper';
|
|
154
|
-
export const StatefulButton: any; // from './StatefulButton';
|
|
155
|
-
/** @deprecated Replaced by `Alert`. */
|
|
156
|
-
export const StatusAlert: any; // from './StatusAlert';
|
|
157
|
-
/** @deprecated Replaced by `DataTable`. */
|
|
158
|
-
export const Table: any; // from './Table';
|
|
159
|
-
export const
|
|
160
|
-
Tabs: any,
|
|
161
|
-
Tab: any,
|
|
162
|
-
TabContainer: any,
|
|
163
|
-
TabContent: any,
|
|
164
|
-
TabPane: any;
|
|
165
|
-
// from './Tabs';
|
|
166
|
-
/** @deprecated Replaced by `Form.Control`. */
|
|
167
|
-
export const TextArea: any; // from './TextArea';
|
|
168
|
-
/** @deprecated Replaced by `Form.Group`. */
|
|
169
|
-
export const ValidationFormGroup: any; // from './ValidationFormGroup';
|
|
170
|
-
export const TransitionReplace: any; // from './TransitionReplace';
|
|
171
|
-
export const ValidationMessage: any; // from './ValidationMessage';
|
|
172
|
-
export const DataTable: any; // from './DataTable';
|
|
173
|
-
export const TextFilter: any; // from './DataTable/filters/TextFilter';
|
|
174
|
-
export const CheckboxFilter: any; // from './DataTable/filters/CheckboxFilter';
|
|
175
|
-
export const DropdownFilter: any; // from './DataTable/filters/DropdownFilter';
|
|
176
|
-
export const MultiSelectDropdownFilter: any; // from './DataTable/filters/MultiSelectDropdownFilter';
|
|
177
|
-
export const TableHeaderCell: any; // from './DataTable/TableHeaderCell';
|
|
178
|
-
export const TableCell: any; // from './DataTable/TableCell';
|
|
179
|
-
export const TableFilters: any, TABLE_FILTERS_BUTTON_TEXT: string; // from './DataTable/TableFilters';
|
|
180
|
-
export const TableHeader: any; // from './DataTable/TableHeaderRow';
|
|
181
|
-
export const TableRow: any; // from './DataTable/TableRow';
|
|
182
|
-
export const TablePagination: any; // from './DataTable/TablePagination';
|
|
183
|
-
export const TablePaginationMinimal: any; // from './DataTable/TablePaginationMinimal';
|
|
184
|
-
export const DataTableContext: any; // from './DataTable/DataTableContext';
|
|
185
|
-
export const BulkActions: any; // from './DataTable/BulkActions';
|
|
186
|
-
export const TableControlBar: any; // from './DataTable/TableControlBar';
|
|
187
|
-
export const TableFooter: any; // from './DataTable/TableFooter';
|
|
188
|
-
export const CardView: any; // from './DataTable/CardView';
|
|
189
|
-
export const Skeleton: any, SkeletonTheme: any; // from './Skeleton/index';
|
|
190
|
-
export const Stack: any; // from './Stack';
|
|
191
|
-
export const ToggleButton: any, ToggleButtonGroup: any; // from './ToggleButton';
|
|
192
|
-
export const Sticky: any; // from './Sticky';
|
|
193
|
-
export const SelectableBox: any; // from './SelectableBox';
|
|
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';
|
|
24
|
+
export { default as asInput } from './asInput';
|
|
25
|
+
export { default as ActionRow } from './ActionRow';
|
|
26
|
+
export { default as Annotation } from './Annotation';
|
|
27
|
+
export { default as Avatar } from './Avatar';
|
|
28
|
+
export { default as AvatarButton } from './AvatarButton';
|
|
29
|
+
export { default as Badge } from './Badge';
|
|
30
|
+
export { default as Breadcrumb } from './Breadcrumb';
|
|
31
|
+
export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS, } from './Card';
|
|
32
|
+
export { default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT, } from './Carousel';
|
|
33
|
+
export { default as CloseButton } from './CloseButton';
|
|
34
|
+
export { default as Layout, Col, Row } from './Layout';
|
|
35
|
+
export { default as Collapse } from './Collapse';
|
|
36
|
+
export { default as Collapsible } from './Collapsible';
|
|
37
|
+
export { default as Scrollable } from './Scrollable';
|
|
38
|
+
export { default as Dropdown, DropdownToggle, DropdownButton, SplitButton, } from './Dropdown';
|
|
39
|
+
export { default as Fade } from './Fade';
|
|
40
|
+
export { default as IconButtonToggle } from './IconButtonToggle';
|
|
41
|
+
export { default as Image, Figure } from './Image';
|
|
42
|
+
export { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';
|
|
43
|
+
export { default as Media } from './Media';
|
|
44
|
+
export { default as Menu } from './Menu';
|
|
45
|
+
export { default as MenuItem } from './Menu/MenuItem';
|
|
46
|
+
export { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';
|
|
47
|
+
export { default as ModalCloseButton } from './Modal/ModalCloseButton';
|
|
48
|
+
export { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';
|
|
49
|
+
export { default as MarketingModal } from './Modal/MarketingModal';
|
|
50
|
+
export { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';
|
|
51
|
+
export { default as AlertModal } from './Modal/AlertModal';
|
|
52
|
+
export { default as ModalPopup } from './Modal/ModalPopup';
|
|
53
|
+
export { default as PopperElement } from './Modal/PopperElement';
|
|
54
|
+
export { default as Nav, NavDropdown, NavItem, NavLink, } from './Nav';
|
|
55
|
+
export { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';
|
|
56
|
+
export { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';
|
|
57
|
+
export { default as Pagination, PAGINATION_BUTTON_LABEL_PREV, PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT, PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT, PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT, PAGINATION_BUTTON_LABEL_CURRENT_PAGE, PAGINATION_BUTTON_LABEL_NEXT, PAGINATION_BUTTON_LABEL_PAGE, } from './Pagination';
|
|
58
|
+
export { default as Popover, PopoverTitle, PopoverContent } from './Popover';
|
|
59
|
+
export { default as ProgressBar } from './ProgressBar';
|
|
60
|
+
export { default as ProductTour } from './ProductTour';
|
|
61
|
+
export { default as ResponsiveEmbed } from './ResponsiveEmbed';
|
|
62
|
+
export { default as SearchField, SEARCH_FIELD_SCREEN_READER_TEXT_LABEL, SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON, SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON, SEARCH_FIELD_BUTTON_TEXT, } from './SearchField';
|
|
63
|
+
export { default as Sheet } from './Sheet';
|
|
64
|
+
export { default as Spinner } from './Spinner';
|
|
65
|
+
export { default as Stepper } from './Stepper';
|
|
66
|
+
export { default as StatefulButton } from './StatefulButton';
|
|
67
|
+
export { default as Tabs, Tab, TabContainer, TabContent, TabPane, } from './Tabs';
|
|
68
|
+
export { default as TransitionReplace } from './TransitionReplace';
|
|
69
|
+
export { default as ValidationMessage } from './ValidationMessage';
|
|
70
|
+
export { default as DataTable } from './DataTable';
|
|
71
|
+
export { default as TextFilter } from './DataTable/filters/TextFilter';
|
|
72
|
+
export { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';
|
|
73
|
+
export { default as DropdownFilter } from './DataTable/filters/DropdownFilter';
|
|
74
|
+
export { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';
|
|
75
|
+
export { default as TableHeaderCell } from './DataTable/TableHeaderCell';
|
|
76
|
+
export { default as TableCell } from './DataTable/TableCell';
|
|
77
|
+
export { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';
|
|
78
|
+
export { default as TableHeader } from './DataTable/TableHeaderRow';
|
|
79
|
+
export { default as TableRow } from './DataTable/TableRow';
|
|
80
|
+
export { default as TablePagination } from './DataTable/TablePagination';
|
|
81
|
+
export { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';
|
|
82
|
+
export { default as DataTableContext } from './DataTable/DataTableContext';
|
|
83
|
+
export { default as BulkActions } from './DataTable/BulkActions';
|
|
84
|
+
export { default as TableControlBar } from './DataTable/TableControlBar';
|
|
85
|
+
export { default as TableFooter } from './DataTable/TableFooter';
|
|
86
|
+
export { default as CardView } from './DataTable/CardView';
|
|
87
|
+
export { default as Skeleton, SkeletonTheme } from './Skeleton/index';
|
|
88
|
+
export { default as Stack } from './Stack';
|
|
89
|
+
export { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';
|
|
90
|
+
export { default as Sticky } from './Sticky';
|
|
91
|
+
export { default as SelectableBox } from './SelectableBox';
|
|
92
|
+
export { default as Variant } from './utils/constants';
|
|
93
|
+
export { OverflowScrollContext, OverflowScroll, useOverflowScroll, useOverflowScrollItems, } from './OverflowScroll';
|
|
94
|
+
export { default as Dropzone } from './Dropzone';
|
|
95
|
+
export { default as messages } from './i18n';
|
|
96
|
+
export { default as Truncate } from './Truncate';
|
|
97
|
+
export { default as ColorPicker } from './ColorPicker';
|
|
98
|
+
/** @deprecated Replaced by `Form.Checkbox`. */ export { default as CheckBox } from './CheckBox';
|
|
99
|
+
/** @deprecated Replaced by `Form.Checkbox` and `Form.CheckboxSet`. */ export { default as CheckBoxGroup } from './CheckBoxGroup';
|
|
100
|
+
/** @deprecated */ export { default as Fieldset } from './Fieldset';
|
|
101
|
+
/** @deprecated Replaced by `Form.Control`. */ export { default as Input } from './Input';
|
|
102
|
+
/** @deprecated Replaced by `Form.Control`. */ export { default as InputSelect } from './InputSelect';
|
|
103
|
+
/** @deprecated Replaced by `Form.Control`. */ export { default as InputText } from './InputText';
|
|
104
|
+
/** @deprecated */ export { default as ListBox } from './ListBox';
|
|
105
|
+
/** @deprecated */ export { default as ListBoxOption } from './ListBoxOption';
|
|
106
|
+
/** @deprecated Use `ModalDialog` instead. */ export { default as Modal } from './Modal';
|
|
107
|
+
/** @deprecated Replaced by `Form.Radio` and `Form.RadioSet`. */ export { default as RadioButtonGroup, RadioButton } from './RadioButtonGroup';
|
|
108
|
+
/** @deprecated Replaced by `Alert`. */ export { default as StatusAlert } from './StatusAlert';
|
|
109
|
+
/** @deprecated Replaced by `DataTable`. */ export { default as Table } from './Table';
|
|
110
|
+
/** @deprecated Replaced by `Form.Control`. */ export { default as TextArea } from './TextArea';
|
|
111
|
+
/** @deprecated Replaced by `Form.Group`. */ export { default as ValidationFormGroup } from './ValidationFormGroup';
|
|
112
|
+
export { default as MediaQuery, useMediaQuery, Context as ResponsiveContext, } from 'react-responsive';
|
|
113
|
+
export { useTable, useFilters, useGlobalFilter, useSortBy, useGroupBy, useExpanded, usePagination, useRowSelect, useRowState, useColumnOrder, useResizeColumns, useBlockLayout, useAbsoluteLayout, useFlexLayout, } from 'react-table';
|