@carbon/react 1.35.0 → 1.36.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/es/components/Breadcrumb/index.d.ts +11 -0
- package/es/components/BreadcrumbItem/index.d.ts +7 -0
- package/es/components/ComboBox/ComboBox.js +1 -2
- package/es/components/ComboBox/index.d.ts +9 -0
- package/es/components/DataTableSkeleton/DataTableSkeleton.d.ts +4 -0
- package/es/components/DatePicker/DatePicker.Skeleton.d.ts +9 -1
- package/es/components/DatePicker/DatePicker.Skeleton.js +7 -5
- package/es/components/DatePicker/DatePicker.js +1 -0
- package/es/components/DatePickerInput/DatePickerInput.js +1 -2
- package/es/components/DatePickerInput/index.d.ts +9 -0
- package/es/components/ExpandableSearch/index.d.ts +9 -0
- package/es/components/FileUploader/index.d.ts +14 -0
- package/es/components/FormGroup/FormGroup.js +1 -2
- package/es/components/FormGroup/index.d.ts +9 -0
- package/es/components/Loading/index.d.ts +9 -0
- package/es/components/NumberInput/index.d.ts +8 -0
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +1 -2
- package/es/components/OverflowMenuItem/index.d.ts +9 -0
- package/es/components/RadioButton/RadioButton.js +1 -2
- package/es/components/RadioButton/index.d.ts +9 -0
- package/es/components/RadioButtonGroup/RadioButtonGroup.js +1 -2
- package/es/components/RadioButtonGroup/index.d.ts +9 -0
- package/es/components/Search/Search.js +2 -2
- package/es/components/Select/Select.Skeleton.js +1 -2
- package/es/components/Select/Select.js +1 -2
- package/es/components/Select/index.d.ts +10 -0
- package/es/components/SelectItem/SelectItem.js +1 -2
- package/es/components/SelectItem/index.d.ts +9 -0
- package/es/components/SelectItemGroup/SelectItemGroup.js +1 -2
- package/es/components/SelectItemGroup/index.d.ts +9 -0
- package/es/components/StructuredList/StructuredList.js +10 -2
- package/es/components/TimePicker/TimePicker.js +1 -2
- package/es/components/TimePicker/index.d.ts +9 -0
- package/es/components/TimePickerSelect/TimePickerSelect.js +1 -2
- package/es/components/TimePickerSelect/index.d.ts +9 -0
- package/es/components/UIShell/HeaderPanel.js +2 -2
- package/es/components/UIShell/SideNav.js +5 -1
- package/es/index.js +25 -25
- package/es/types/common.d.ts +1 -1
- package/lib/components/Breadcrumb/index.d.ts +11 -0
- package/lib/components/BreadcrumbItem/index.d.ts +7 -0
- package/lib/components/ComboBox/ComboBox.js +1 -2
- package/lib/components/ComboBox/index.d.ts +9 -0
- package/lib/components/DataTableSkeleton/DataTableSkeleton.d.ts +4 -0
- package/lib/components/DatePicker/DatePicker.Skeleton.d.ts +9 -1
- package/lib/components/DatePicker/DatePicker.Skeleton.js +7 -5
- package/lib/components/DatePicker/DatePicker.js +1 -0
- package/lib/components/DatePickerInput/DatePickerInput.js +1 -2
- package/lib/components/DatePickerInput/index.d.ts +9 -0
- package/lib/components/ExpandableSearch/index.d.ts +9 -0
- package/lib/components/FileUploader/index.d.ts +14 -0
- package/lib/components/FormGroup/FormGroup.js +1 -2
- package/lib/components/FormGroup/index.d.ts +9 -0
- package/lib/components/Loading/index.d.ts +9 -0
- package/lib/components/NumberInput/index.d.ts +8 -0
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +1 -2
- package/lib/components/OverflowMenuItem/index.d.ts +9 -0
- package/lib/components/RadioButton/RadioButton.js +1 -2
- package/lib/components/RadioButton/index.d.ts +9 -0
- package/lib/components/RadioButtonGroup/RadioButtonGroup.js +1 -2
- package/lib/components/RadioButtonGroup/index.d.ts +9 -0
- package/lib/components/Search/Search.js +2 -2
- package/lib/components/Select/Select.Skeleton.js +1 -2
- package/lib/components/Select/Select.js +1 -2
- package/lib/components/Select/index.d.ts +10 -0
- package/lib/components/SelectItem/SelectItem.js +1 -2
- package/lib/components/SelectItem/index.d.ts +9 -0
- package/lib/components/SelectItemGroup/SelectItemGroup.js +1 -2
- package/lib/components/SelectItemGroup/index.d.ts +9 -0
- package/lib/components/StructuredList/StructuredList.js +10 -2
- package/lib/components/TimePicker/TimePicker.js +1 -2
- package/lib/components/TimePicker/index.d.ts +9 -0
- package/lib/components/TimePickerSelect/TimePickerSelect.js +1 -2
- package/lib/components/TimePickerSelect/index.d.ts +9 -0
- package/lib/components/UIShell/HeaderPanel.js +2 -2
- package/lib/components/UIShell/SideNav.js +5 -1
- package/lib/index.js +50 -50
- package/lib/types/common.d.ts +1 -1
- package/package.json +6 -6
package/es/index.js
CHANGED
|
@@ -10,12 +10,16 @@ export { default as Accordion } from './components/Accordion/Accordion.js';
|
|
|
10
10
|
export { default as AccordionItem } from './components/Accordion/AccordionItem.js';
|
|
11
11
|
export { default as AccordionSkeleton } from './components/Accordion/Accordion.Skeleton.js';
|
|
12
12
|
export { default as AspectRatio } from './components/AspectRatio/AspectRatio.js';
|
|
13
|
+
export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
|
|
14
|
+
export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
|
|
15
|
+
export { default as BreadcrumbSkeleton } from './components/Breadcrumb/Breadcrumb.Skeleton.js';
|
|
13
16
|
export { default as Button, ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions } from './components/Button/Button.js';
|
|
14
17
|
export { default as ButtonSkeleton } from './components/Button/Button.Skeleton.js';
|
|
15
18
|
export { default as ButtonSet } from './components/ButtonSet/ButtonSet.js';
|
|
16
19
|
export { default as Checkbox } from './components/Checkbox/Checkbox.js';
|
|
17
20
|
export { default as CheckboxSkeleton } from './components/Checkbox/Checkbox.Skeleton.js';
|
|
18
21
|
export { ClassPrefix } from './components/ClassPrefix/index.js';
|
|
22
|
+
export { default as ComboBox } from './components/ComboBox/ComboBox.js';
|
|
19
23
|
export { ComboButton } from './components/ComboButton/index.js';
|
|
20
24
|
export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
|
|
21
25
|
export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
|
|
@@ -26,11 +30,20 @@ import './components/DataTable/index.js';
|
|
|
26
30
|
export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
|
|
27
31
|
export { default as DatePicker } from './components/DatePicker/DatePicker.js';
|
|
28
32
|
export { default as DatePickerSkeleton } from './components/DatePicker/DatePicker.Skeleton.js';
|
|
33
|
+
export { default as DatePickerInput } from './components/DatePickerInput/DatePickerInput.js';
|
|
29
34
|
export { default as Dropdown } from './components/Dropdown/Dropdown.js';
|
|
30
35
|
export { default as DropdownSkeleton } from './components/Dropdown/Dropdown.Skeleton.js';
|
|
36
|
+
export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
|
|
37
|
+
export { default as FileUploader } from './components/FileUploader/FileUploader.js';
|
|
38
|
+
export { default as Filename } from './components/FileUploader/Filename.js';
|
|
39
|
+
export { default as FileUploaderSkeleton } from './components/FileUploader/FileUploader.Skeleton.js';
|
|
40
|
+
export { default as FileUploaderButton } from './components/FileUploader/FileUploaderButton.js';
|
|
41
|
+
export { default as FileUploaderDropContainer } from './components/FileUploader/FileUploaderDropContainer.js';
|
|
42
|
+
export { default as FileUploaderItem } from './components/FileUploader/FileUploaderItem.js';
|
|
31
43
|
export { default as FluidForm } from './components/FluidForm/FluidForm.js';
|
|
32
44
|
export { FormContext } from './components/FluidForm/FormContext.js';
|
|
33
45
|
export { default as Form } from './components/Form/Form.js';
|
|
46
|
+
export { default as FormGroup } from './components/FormGroup/FormGroup.js';
|
|
34
47
|
export { FlexGrid } from './components/Grid/FlexGrid.js';
|
|
35
48
|
export { Grid } from './components/Grid/Grid.js';
|
|
36
49
|
export { default as Row } from './components/Grid/Row.js';
|
|
@@ -40,14 +53,24 @@ export { default as IconSkeleton } from './components/Icon/Icon.Skeleton.js';
|
|
|
40
53
|
export { IdPrefix } from './components/IdPrefix/index.js';
|
|
41
54
|
export { default as Link } from './components/Link/Link.js';
|
|
42
55
|
export { default as ListItem } from './components/ListItem/ListItem.js';
|
|
56
|
+
export { default as Loading } from './components/Loading/Loading.js';
|
|
43
57
|
export { MenuButton } from './components/MenuButton/index.js';
|
|
44
58
|
export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
|
|
59
|
+
export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
|
|
60
|
+
export { NumberInput } from './components/NumberInput/NumberInput.js';
|
|
45
61
|
export { default as OrderedList } from './components/OrderedList/OrderedList.js';
|
|
46
62
|
export { default as OverflowMenu } from './components/OverflowMenu/index.js';
|
|
63
|
+
export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
|
|
47
64
|
export { default as PaginationSkeleton } from './components/Pagination/Pagination.Skeleton.js';
|
|
65
|
+
export { default as RadioButton } from './components/RadioButton/RadioButton.js';
|
|
48
66
|
export { default as RadioButtonSkeleton } from './components/RadioButton/RadioButton.Skeleton.js';
|
|
67
|
+
export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
|
|
49
68
|
export { default as Search } from './components/Search/Search.js';
|
|
50
69
|
export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
|
|
70
|
+
export { default as Select } from './components/Select/Select.js';
|
|
71
|
+
export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
|
|
72
|
+
export { default as SelectItem } from './components/SelectItem/SelectItem.js';
|
|
73
|
+
export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
|
|
51
74
|
export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
|
|
52
75
|
export { default as Slider } from './components/Slider/index.js';
|
|
53
76
|
export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
|
|
@@ -59,6 +82,8 @@ export { default as TextAreaSkeleton } from './components/TextArea/TextArea.Skel
|
|
|
59
82
|
import './components/TextInput/index.js';
|
|
60
83
|
export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent } from './components/Tile/Tile.js';
|
|
61
84
|
export { default as TileGroup } from './components/TileGroup/index.js';
|
|
85
|
+
export { default as TimePicker } from './components/TimePicker/TimePicker.js';
|
|
86
|
+
export { default as TimePickerSelect } from './components/TimePickerSelect/TimePickerSelect.js';
|
|
62
87
|
export { Toggle } from './components/Toggle/Toggle.js';
|
|
63
88
|
export { default as ToggleSkeleton } from './components/Toggle/Toggle.Skeleton.js';
|
|
64
89
|
export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleSmall.Skeleton.js';
|
|
@@ -85,7 +110,6 @@ export { default as unstable__FluidTextInput } from './components/FluidTextInput
|
|
|
85
110
|
export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
|
|
86
111
|
export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
|
|
87
112
|
export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
|
|
88
|
-
export { default as BreadcrumbSkeleton } from './components/Breadcrumb/Breadcrumb.Skeleton.js';
|
|
89
113
|
export { default as CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.js';
|
|
90
114
|
export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSnippet.Skeleton.js';
|
|
91
115
|
export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js';
|
|
@@ -95,19 +119,10 @@ export { default as useContextMenu } from './components/ContextMenu/useContextMe
|
|
|
95
119
|
export { default as Copy } from './components/Copy/Copy.js';
|
|
96
120
|
export { default as CopyButton } from './components/CopyButton/CopyButton.js';
|
|
97
121
|
export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
|
|
98
|
-
export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
|
|
99
|
-
export { default as Filename } from './components/FileUploader/Filename.js';
|
|
100
|
-
export { default as FileUploaderSkeleton } from './components/FileUploader/FileUploader.Skeleton.js';
|
|
101
|
-
export { default as FileUploaderButton } from './components/FileUploader/FileUploaderButton.js';
|
|
102
|
-
export { default as FileUploaderDropContainer } from './components/FileUploader/FileUploaderDropContainer.js';
|
|
103
|
-
export { default as FileUploaderItem } from './components/FileUploader/FileUploaderItem.js';
|
|
104
|
-
export { default as FileUploader } from './components/FileUploader/FileUploader.js';
|
|
105
122
|
export { default as FormItem } from './components/FormItem/FormItem.js';
|
|
106
123
|
export { default as FormLabel } from './components/FormLabel/FormLabel.js';
|
|
107
124
|
export { default as InlineLoading } from './components/InlineLoading/InlineLoading.js';
|
|
108
|
-
export { default as Loading } from './components/Loading/Loading.js';
|
|
109
125
|
export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
|
|
110
|
-
export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
|
|
111
126
|
export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
|
|
112
127
|
export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
|
|
113
128
|
export { default as TextInput } from './components/TextInput/TextInput.js';
|
|
@@ -142,9 +157,6 @@ export { LayoutDirection as unstable_LayoutDirection } from './components/Layout
|
|
|
142
157
|
export { useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
|
|
143
158
|
export { Text as unstable_Text } from './components/Text/Text.js';
|
|
144
159
|
export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
|
|
145
|
-
export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
|
|
146
|
-
export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
|
|
147
|
-
export { default as ComboBox } from './components/ComboBox/ComboBox.js';
|
|
148
160
|
export { default as DataTable } from './components/DataTable/DataTable.js';
|
|
149
161
|
export { Table } from './components/DataTable/Table.js';
|
|
150
162
|
export { default as TableActionList } from './components/DataTable/TableActionList.js';
|
|
@@ -166,30 +178,20 @@ export { default as TableToolbarAction } from './components/DataTable/TableToolb
|
|
|
166
178
|
export { default as TableToolbarContent } from './components/DataTable/TableToolbarContent.js';
|
|
167
179
|
export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
|
|
168
180
|
export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
|
|
169
|
-
export { default as DatePickerInput } from './components/DatePickerInput/DatePickerInput.js';
|
|
170
181
|
export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
|
|
171
182
|
export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
|
|
172
|
-
export { default as FormGroup } from './components/FormGroup/FormGroup.js';
|
|
173
183
|
export { Menu } from './components/Menu/Menu.js';
|
|
174
184
|
export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
|
|
175
185
|
export { default as Modal } from './components/Modal/Modal.js';
|
|
176
186
|
export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
|
|
177
|
-
export { NumberInput } from './components/NumberInput/NumberInput.js';
|
|
178
|
-
export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
|
|
179
187
|
export { default as Pagination } from './components/Pagination/Pagination.js';
|
|
180
188
|
export { default as PaginationNav } from './components/PaginationNav/PaginationNav.js';
|
|
181
189
|
export { default as ControlledPasswordInput } from './components/TextInput/ControlledPasswordInput.js';
|
|
182
190
|
export { default as PasswordInput } from './components/TextInput/PasswordInput.js';
|
|
183
191
|
export { default as PrimaryButton } from './components/PrimaryButton/PrimaryButton.js';
|
|
184
192
|
export { ProgressIndicator, ProgressStep } from './components/ProgressIndicator/ProgressIndicator.js';
|
|
185
|
-
export { default as RadioButton } from './components/RadioButton/RadioButton.js';
|
|
186
|
-
export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
|
|
187
193
|
export { default as RadioTile } from './components/RadioTile/RadioTile.js';
|
|
188
194
|
export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
|
|
189
|
-
export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
|
|
190
|
-
export { default as Select } from './components/Select/Select.js';
|
|
191
|
-
export { default as SelectItem } from './components/SelectItem/SelectItem.js';
|
|
192
|
-
export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
|
|
193
195
|
export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
|
|
194
196
|
export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
|
|
195
197
|
export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
|
|
@@ -198,8 +200,6 @@ export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredL
|
|
|
198
200
|
export { default as Switch } from './components/Switch/Switch.js';
|
|
199
201
|
export { default as IconSwitch } from './components/Switch/IconSwitch.js';
|
|
200
202
|
export { default as Tag, types } from './components/Tag/Tag.js';
|
|
201
|
-
export { default as TimePicker } from './components/TimePicker/TimePicker.js';
|
|
202
|
-
export { default as TimePickerSelect } from './components/TimePickerSelect/TimePickerSelect.js';
|
|
203
203
|
export { default as Content } from './components/UIShell/Content.js';
|
|
204
204
|
export { default as Header } from './components/UIShell/Header.js';
|
|
205
205
|
export { default as HeaderGlobalAction } from './components/UIShell/HeaderGlobalAction.js';
|
package/es/types/common.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export type ForwardRefProps<T, P = unknown> = React.PropsWithoutRef<React.PropsW
|
|
|
4
4
|
export type ForwardRefReturn<T, P = unknown> = React.ForwardRefExoticComponent<ForwardRefProps<T, P>>;
|
|
5
5
|
/**
|
|
6
6
|
* For "as" props. Creates an "as" property that supports native html tags such as 'span', 'a', 'button' as well as custom functional components
|
|
7
|
-
* All native props for the supplied html tag/component are inferred as part of the base component props, allowing us to use props like `href` on an 'a' element
|
|
7
|
+
* All native props for the supplied html tag/component are inferred as part of the base component props, allowing us to use props like `href` on an 'a' element etc
|
|
8
8
|
*/
|
|
9
9
|
export type PolymorphicProps<Element extends React.ElementType, Props> = Props & Omit<React.ComponentProps<Element>, 'as'> & {
|
|
10
10
|
as?: Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import Breadcrumb from './Breadcrumb';
|
|
8
|
+
import BreadcrumbItem from './BreadcrumbItem';
|
|
9
|
+
import BreadcrumbSkeleton from './Breadcrumb.Skeleton';
|
|
10
|
+
export { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton };
|
|
11
|
+
export default Breadcrumb;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import ComboBox from './ComboBox';
|
|
8
|
+
export default ComboBox;
|
|
9
|
+
export { ComboBox };
|
|
@@ -45,6 +45,10 @@ export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableEle
|
|
|
45
45
|
* Optionally specify whether you want the DataTable to be zebra striped
|
|
46
46
|
*/
|
|
47
47
|
zebra?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Optionally specify whether you want the DataTable to be styled
|
|
50
|
+
*/
|
|
51
|
+
className?: string;
|
|
48
52
|
}
|
|
49
53
|
declare const DataTableSkeleton: FunctionComponent<DataTableSkeletonProps>;
|
|
50
54
|
export default DataTableSkeleton;
|
|
@@ -8,14 +8,22 @@ import PropTypes from 'prop-types';
|
|
|
8
8
|
import { type HTMLAttributes } from 'react';
|
|
9
9
|
export interface DatePickerSkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
range?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Specify whether the label should be hidden, or not
|
|
13
|
+
*/
|
|
14
|
+
hideLabel?: boolean;
|
|
11
15
|
}
|
|
12
16
|
declare const DatePickerSkeleton: {
|
|
13
|
-
({ range, id, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
|
|
17
|
+
({ range, id, hideLabel, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
|
|
14
18
|
propTypes: {
|
|
15
19
|
/**
|
|
16
20
|
* Specify an optional className to add.
|
|
17
21
|
*/
|
|
18
22
|
className: PropTypes.Requireable<string>;
|
|
23
|
+
/**
|
|
24
|
+
* Specify whether the label should be hidden, or not
|
|
25
|
+
*/
|
|
26
|
+
hideLabel: PropTypes.Requireable<boolean>;
|
|
19
27
|
/**
|
|
20
28
|
* Specify the id to add.
|
|
21
29
|
*/
|
|
@@ -25,18 +25,16 @@ const DatePickerSkeleton = _ref => {
|
|
|
25
25
|
let {
|
|
26
26
|
range,
|
|
27
27
|
id,
|
|
28
|
+
hideLabel,
|
|
28
29
|
className,
|
|
29
30
|
...rest
|
|
30
31
|
} = _ref;
|
|
31
32
|
const prefix = usePrefix.usePrefix();
|
|
32
33
|
const dateInput = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33
34
|
className: `${prefix}--date-picker-container`
|
|
34
|
-
},
|
|
35
|
-
/*#__PURE__*/
|
|
36
|
-
/* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control */
|
|
37
|
-
React__default["default"].createElement("label", {
|
|
35
|
+
}, !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
38
36
|
className: `${prefix}--label`,
|
|
39
|
-
|
|
37
|
+
id: id
|
|
40
38
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41
39
|
className: `${prefix}--date-picker__input ${prefix}--skeleton`
|
|
42
40
|
}));
|
|
@@ -58,6 +56,10 @@ DatePickerSkeleton.propTypes = {
|
|
|
58
56
|
* Specify an optional className to add.
|
|
59
57
|
*/
|
|
60
58
|
className: PropTypes__default["default"].string,
|
|
59
|
+
/**
|
|
60
|
+
* Specify whether the label should be hidden, or not
|
|
61
|
+
*/
|
|
62
|
+
hideLabel: PropTypes__default["default"].bool,
|
|
61
63
|
/**
|
|
62
64
|
* Specify the id to add.
|
|
63
65
|
*/
|
|
@@ -135,6 +135,7 @@ function updateClassNames(calendar, prefix) {
|
|
|
135
135
|
});
|
|
136
136
|
forEach.call(daysContainer.querySelectorAll('.flatpickr-day'), item => {
|
|
137
137
|
item.classList.add(`${prefix}--date-picker__day`);
|
|
138
|
+
item.setAttribute('role', 'button');
|
|
138
139
|
if (item.classList.contains('today') && calendar.selectedDates.length > 0) {
|
|
139
140
|
item.classList.add('no-border');
|
|
140
141
|
} else if (item.classList.contains('today') && calendar.selectedDates.length === 0) {
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import DatePickerInput from './DatePickerInput';
|
|
8
|
+
export default DatePickerInput;
|
|
9
|
+
export { DatePickerInput };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2021
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import ExpandableSearch from './ExpandableSearch';
|
|
8
|
+
export default ExpandableSearch;
|
|
9
|
+
export { ExpandableSearch };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import FileUploader from './FileUploader';
|
|
8
|
+
export default FileUploader;
|
|
9
|
+
export { FileUploader };
|
|
10
|
+
export { default as Filename } from './Filename';
|
|
11
|
+
export { default as FileUploaderSkeleton } from './FileUploader.Skeleton';
|
|
12
|
+
export { default as FileUploaderButton } from './FileUploaderButton';
|
|
13
|
+
export { default as FileUploaderDropContainer } from './FileUploaderDropContainer';
|
|
14
|
+
export { default as FileUploaderItem } from './FileUploaderItem';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import FormGroup from './FormGroup';
|
|
8
|
+
export default FormGroup;
|
|
9
|
+
export { FormGroup };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import Loading from './Loading';
|
|
8
|
+
export default Loading;
|
|
9
|
+
export { Loading };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export { default as NumberInputSkeleton } from './NumberInput.Skeleton';
|
|
8
|
+
export { NumberInput } from './NumberInput';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import OverflowMenuItem from './OverflowMenuItem';
|
|
8
|
+
export default OverflowMenuItem;
|
|
9
|
+
export { OverflowMenuItem };
|
|
@@ -125,6 +125,5 @@ RadioButton.propTypes = {
|
|
|
125
125
|
*/
|
|
126
126
|
value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
|
|
127
127
|
};
|
|
128
|
-
var RadioButton$1 = RadioButton;
|
|
129
128
|
|
|
130
|
-
exports["default"] = RadioButton
|
|
129
|
+
exports["default"] = RadioButton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import RadioButton from './RadioButton';
|
|
8
|
+
export default RadioButton;
|
|
9
|
+
export { RadioButton };
|
|
@@ -200,6 +200,5 @@ RadioButtonGroup.propTypes = {
|
|
|
200
200
|
warnText: PropTypes__default["default"].node
|
|
201
201
|
};
|
|
202
202
|
RadioButtonGroup.displayName = 'RadioButtonGroup';
|
|
203
|
-
var RadioButtonGroup$1 = RadioButtonGroup;
|
|
204
203
|
|
|
205
|
-
exports["default"] = RadioButtonGroup
|
|
204
|
+
exports["default"] = RadioButtonGroup;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import RadioButtonGroup from './RadioButtonGroup';
|
|
8
|
+
export default RadioButtonGroup;
|
|
9
|
+
export { RadioButtonGroup };
|
|
@@ -145,7 +145,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
|
|
|
145
145
|
id: searchId,
|
|
146
146
|
htmlFor: uniqueId,
|
|
147
147
|
className: `${prefix}--label`
|
|
148
|
-
}, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
|
|
148
|
+
}, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
|
|
149
149
|
autoComplete: autoComplete,
|
|
150
150
|
className: `${prefix}--search-input`,
|
|
151
151
|
defaultValue: defaultValue,
|
|
@@ -159,7 +159,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
|
|
|
159
159
|
type: type,
|
|
160
160
|
value: value,
|
|
161
161
|
tabIndex: onExpand && !isExpanded ? -1 : undefined
|
|
162
|
-
})), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
162
|
+
}, rest)), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
163
163
|
"aria-label": closeButtonLabelText,
|
|
164
164
|
className: clearClasses,
|
|
165
165
|
disabled: disabled,
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import Select from './Select';
|
|
8
|
+
export { default as SelectSkeleton } from './Select.Skeleton';
|
|
9
|
+
export default Select;
|
|
10
|
+
export { Select };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import SelectItem from './SelectItem';
|
|
8
|
+
export default SelectItem;
|
|
9
|
+
export { SelectItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import SelectItemGroup from './SelectItemGroup';
|
|
8
|
+
export default SelectItemGroup;
|
|
9
|
+
export { SelectItemGroup };
|
|
@@ -152,6 +152,7 @@ function StructuredListRow(props) {
|
|
|
152
152
|
children,
|
|
153
153
|
className,
|
|
154
154
|
head,
|
|
155
|
+
onClick,
|
|
155
156
|
...other
|
|
156
157
|
} = props;
|
|
157
158
|
const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
|
|
@@ -177,7 +178,10 @@ function StructuredListRow(props) {
|
|
|
177
178
|
React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
|
|
178
179
|
role: "row",
|
|
179
180
|
className: classes,
|
|
180
|
-
onClick: () =>
|
|
181
|
+
onClick: () => {
|
|
182
|
+
setSelectedRow(id);
|
|
183
|
+
onClick && onClick();
|
|
184
|
+
},
|
|
181
185
|
onFocus: () => {
|
|
182
186
|
setHasFocusWithin(true);
|
|
183
187
|
},
|
|
@@ -206,6 +210,10 @@ StructuredListRow.propTypes = {
|
|
|
206
210
|
* Specify whether a `<label>` should be used
|
|
207
211
|
*/
|
|
208
212
|
label: deprecate["default"](PropTypes__default["default"].bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
|
|
213
|
+
/**
|
|
214
|
+
* Provide a handler that is invoked on the click,
|
|
215
|
+
*/
|
|
216
|
+
onClick: PropTypes__default["default"].func,
|
|
209
217
|
/**
|
|
210
218
|
* Provide a handler that is invoked on the key down event for the control,
|
|
211
219
|
*/
|
|
@@ -237,7 +245,7 @@ function StructuredListInput(props) {
|
|
|
237
245
|
value: row?.id ?? '',
|
|
238
246
|
onChange: event => {
|
|
239
247
|
setSelectedRow(event.target.value);
|
|
240
|
-
onChange(event);
|
|
248
|
+
onChange && onChange(event);
|
|
241
249
|
},
|
|
242
250
|
id: id ?? defaultId,
|
|
243
251
|
className: classes,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import TimePicker from './TimePicker';
|
|
8
|
+
export default TimePicker;
|
|
9
|
+
export { TimePicker };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2016, 2023
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { default as TimePickerSelect } from './TimePickerSelect';
|
|
8
|
+
export default TimePickerSelect;
|
|
9
|
+
export { TimePickerSelect };
|
|
@@ -25,13 +25,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
26
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
27
27
|
|
|
28
|
+
const noopFn = () => {};
|
|
28
29
|
const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function HeaderPanel(_ref, ref) {
|
|
29
30
|
let {
|
|
30
31
|
children,
|
|
31
32
|
className: customClassName,
|
|
32
33
|
expanded,
|
|
33
34
|
addFocusListeners = true,
|
|
34
|
-
onHeaderPanelFocus,
|
|
35
|
+
onHeaderPanelFocus = noopFn,
|
|
35
36
|
href,
|
|
36
37
|
...other
|
|
37
38
|
} = _ref;
|
|
@@ -105,7 +106,6 @@ HeaderPanel.propTypes = {
|
|
|
105
106
|
/**
|
|
106
107
|
* An optional listener that is called a callback to collapse the HeaderPanel
|
|
107
108
|
*/
|
|
108
|
-
|
|
109
109
|
onHeaderPanelFocus: PropTypes__default["default"].func
|
|
110
110
|
};
|
|
111
111
|
HeaderPanel.displayName = 'HeaderPanel';
|