@carbon/react 1.35.0 → 1.36.0-rc.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/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/index.js +22 -22
- package/es/types/common.d.ts +1 -1
- 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/index.js +44 -44
- package/lib/types/common.d.ts +1 -1
- package/package.json +6 -6
|
@@ -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
|
*/
|
|
@@ -15,18 +15,16 @@ const DatePickerSkeleton = _ref => {
|
|
|
15
15
|
let {
|
|
16
16
|
range,
|
|
17
17
|
id,
|
|
18
|
+
hideLabel,
|
|
18
19
|
className,
|
|
19
20
|
...rest
|
|
20
21
|
} = _ref;
|
|
21
22
|
const prefix = usePrefix();
|
|
22
23
|
const dateInput = /*#__PURE__*/React__default.createElement("div", {
|
|
23
24
|
className: `${prefix}--date-picker-container`
|
|
24
|
-
},
|
|
25
|
-
/*#__PURE__*/
|
|
26
|
-
/* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control */
|
|
27
|
-
React__default.createElement("label", {
|
|
25
|
+
}, !hideLabel && /*#__PURE__*/React__default.createElement("span", {
|
|
28
26
|
className: `${prefix}--label`,
|
|
29
|
-
|
|
27
|
+
id: id
|
|
30
28
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
31
29
|
className: `${prefix}--date-picker__input ${prefix}--skeleton`
|
|
32
30
|
}));
|
|
@@ -48,6 +46,10 @@ DatePickerSkeleton.propTypes = {
|
|
|
48
46
|
* Specify an optional className to add.
|
|
49
47
|
*/
|
|
50
48
|
className: PropTypes.string,
|
|
49
|
+
/**
|
|
50
|
+
* Specify whether the label should be hidden, or not
|
|
51
|
+
*/
|
|
52
|
+
hideLabel: PropTypes.bool,
|
|
51
53
|
/**
|
|
52
54
|
* Specify the id to add.
|
|
53
55
|
*/
|
|
@@ -123,6 +123,7 @@ function updateClassNames(calendar, prefix) {
|
|
|
123
123
|
});
|
|
124
124
|
forEach.call(daysContainer.querySelectorAll('.flatpickr-day'), item => {
|
|
125
125
|
item.classList.add(`${prefix}--date-picker__day`);
|
|
126
|
+
item.setAttribute('role', 'button');
|
|
126
127
|
if (item.classList.contains('today') && calendar.selectedDates.length > 0) {
|
|
127
128
|
item.classList.add('no-border');
|
|
128
129
|
} 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 };
|
|
@@ -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 };
|
|
@@ -190,6 +190,5 @@ RadioButtonGroup.propTypes = {
|
|
|
190
190
|
warnText: PropTypes.node
|
|
191
191
|
};
|
|
192
192
|
RadioButtonGroup.displayName = 'RadioButtonGroup';
|
|
193
|
-
var RadioButtonGroup$1 = RadioButtonGroup;
|
|
194
193
|
|
|
195
|
-
export { RadioButtonGroup
|
|
194
|
+
export { RadioButtonGroup as default };
|
|
@@ -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 };
|
|
@@ -135,7 +135,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
|
|
|
135
135
|
id: searchId,
|
|
136
136
|
htmlFor: uniqueId,
|
|
137
137
|
className: `${prefix}--label`
|
|
138
|
-
}, labelText), /*#__PURE__*/React__default.createElement("input", _extends({
|
|
138
|
+
}, labelText), /*#__PURE__*/React__default.createElement("input", _extends({
|
|
139
139
|
autoComplete: autoComplete,
|
|
140
140
|
className: `${prefix}--search-input`,
|
|
141
141
|
defaultValue: defaultValue,
|
|
@@ -149,7 +149,7 @@ const Search = /*#__PURE__*/React__default.forwardRef(function Search(_ref, forw
|
|
|
149
149
|
type: type,
|
|
150
150
|
value: value,
|
|
151
151
|
tabIndex: onExpand && !isExpanded ? -1 : undefined
|
|
152
|
-
})), /*#__PURE__*/React__default.createElement("button", {
|
|
152
|
+
}, rest)), /*#__PURE__*/React__default.createElement("button", {
|
|
153
153
|
"aria-label": closeButtonLabelText,
|
|
154
154
|
className: clearClasses,
|
|
155
155
|
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 };
|
|
@@ -142,6 +142,7 @@ function StructuredListRow(props) {
|
|
|
142
142
|
children,
|
|
143
143
|
className,
|
|
144
144
|
head,
|
|
145
|
+
onClick,
|
|
145
146
|
...other
|
|
146
147
|
} = props;
|
|
147
148
|
const [hasFocusWithin, setHasFocusWithin] = useState(false);
|
|
@@ -167,7 +168,10 @@ function StructuredListRow(props) {
|
|
|
167
168
|
React__default.createElement("div", _extends({}, other, {
|
|
168
169
|
role: "row",
|
|
169
170
|
className: classes,
|
|
170
|
-
onClick: () =>
|
|
171
|
+
onClick: () => {
|
|
172
|
+
setSelectedRow(id);
|
|
173
|
+
onClick && onClick();
|
|
174
|
+
},
|
|
171
175
|
onFocus: () => {
|
|
172
176
|
setHasFocusWithin(true);
|
|
173
177
|
},
|
|
@@ -196,6 +200,10 @@ StructuredListRow.propTypes = {
|
|
|
196
200
|
* Specify whether a `<label>` should be used
|
|
197
201
|
*/
|
|
198
202
|
label: deprecate(PropTypes.bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
|
|
203
|
+
/**
|
|
204
|
+
* Provide a handler that is invoked on the click,
|
|
205
|
+
*/
|
|
206
|
+
onClick: PropTypes.func,
|
|
199
207
|
/**
|
|
200
208
|
* Provide a handler that is invoked on the key down event for the control,
|
|
201
209
|
*/
|
|
@@ -227,7 +235,7 @@ function StructuredListInput(props) {
|
|
|
227
235
|
value: row?.id ?? '',
|
|
228
236
|
onChange: event => {
|
|
229
237
|
setSelectedRow(event.target.value);
|
|
230
|
-
onChange(event);
|
|
238
|
+
onChange && onChange(event);
|
|
231
239
|
},
|
|
232
240
|
id: id ?? defaultId,
|
|
233
241
|
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 };
|
|
@@ -15,13 +15,14 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
|
|
|
15
15
|
import { match } from '../../internal/keyboard/match.js';
|
|
16
16
|
import { Escape } from '../../internal/keyboard/keys.js';
|
|
17
17
|
|
|
18
|
+
const noopFn = () => {};
|
|
18
19
|
const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(_ref, ref) {
|
|
19
20
|
let {
|
|
20
21
|
children,
|
|
21
22
|
className: customClassName,
|
|
22
23
|
expanded,
|
|
23
24
|
addFocusListeners = true,
|
|
24
|
-
onHeaderPanelFocus,
|
|
25
|
+
onHeaderPanelFocus = noopFn,
|
|
25
26
|
href,
|
|
26
27
|
...other
|
|
27
28
|
} = _ref;
|
|
@@ -95,7 +96,6 @@ HeaderPanel.propTypes = {
|
|
|
95
96
|
/**
|
|
96
97
|
* An optional listener that is called a callback to collapse the HeaderPanel
|
|
97
98
|
*/
|
|
98
|
-
|
|
99
99
|
onHeaderPanelFocus: PropTypes.func
|
|
100
100
|
};
|
|
101
101
|
HeaderPanel.displayName = 'HeaderPanel';
|
package/es/index.js
CHANGED
|
@@ -16,6 +16,7 @@ export { default as ButtonSet } from './components/ButtonSet/ButtonSet.js';
|
|
|
16
16
|
export { default as Checkbox } from './components/Checkbox/Checkbox.js';
|
|
17
17
|
export { default as CheckboxSkeleton } from './components/Checkbox/Checkbox.Skeleton.js';
|
|
18
18
|
export { ClassPrefix } from './components/ClassPrefix/index.js';
|
|
19
|
+
export { default as ComboBox } from './components/ComboBox/ComboBox.js';
|
|
19
20
|
export { ComboButton } from './components/ComboButton/index.js';
|
|
20
21
|
export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
|
|
21
22
|
export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
|
|
@@ -26,11 +27,20 @@ import './components/DataTable/index.js';
|
|
|
26
27
|
export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
|
|
27
28
|
export { default as DatePicker } from './components/DatePicker/DatePicker.js';
|
|
28
29
|
export { default as DatePickerSkeleton } from './components/DatePicker/DatePicker.Skeleton.js';
|
|
30
|
+
export { default as DatePickerInput } from './components/DatePickerInput/DatePickerInput.js';
|
|
29
31
|
export { default as Dropdown } from './components/Dropdown/Dropdown.js';
|
|
30
32
|
export { default as DropdownSkeleton } from './components/Dropdown/Dropdown.Skeleton.js';
|
|
33
|
+
export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
|
|
34
|
+
export { default as FileUploader } from './components/FileUploader/FileUploader.js';
|
|
35
|
+
export { default as Filename } from './components/FileUploader/Filename.js';
|
|
36
|
+
export { default as FileUploaderSkeleton } from './components/FileUploader/FileUploader.Skeleton.js';
|
|
37
|
+
export { default as FileUploaderButton } from './components/FileUploader/FileUploaderButton.js';
|
|
38
|
+
export { default as FileUploaderDropContainer } from './components/FileUploader/FileUploaderDropContainer.js';
|
|
39
|
+
export { default as FileUploaderItem } from './components/FileUploader/FileUploaderItem.js';
|
|
31
40
|
export { default as FluidForm } from './components/FluidForm/FluidForm.js';
|
|
32
41
|
export { FormContext } from './components/FluidForm/FormContext.js';
|
|
33
42
|
export { default as Form } from './components/Form/Form.js';
|
|
43
|
+
export { default as FormGroup } from './components/FormGroup/FormGroup.js';
|
|
34
44
|
export { FlexGrid } from './components/Grid/FlexGrid.js';
|
|
35
45
|
export { Grid } from './components/Grid/Grid.js';
|
|
36
46
|
export { default as Row } from './components/Grid/Row.js';
|
|
@@ -40,14 +50,24 @@ export { default as IconSkeleton } from './components/Icon/Icon.Skeleton.js';
|
|
|
40
50
|
export { IdPrefix } from './components/IdPrefix/index.js';
|
|
41
51
|
export { default as Link } from './components/Link/Link.js';
|
|
42
52
|
export { default as ListItem } from './components/ListItem/ListItem.js';
|
|
53
|
+
export { default as Loading } from './components/Loading/Loading.js';
|
|
43
54
|
export { MenuButton } from './components/MenuButton/index.js';
|
|
44
55
|
export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
|
|
56
|
+
export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
|
|
57
|
+
export { NumberInput } from './components/NumberInput/NumberInput.js';
|
|
45
58
|
export { default as OrderedList } from './components/OrderedList/OrderedList.js';
|
|
46
59
|
export { default as OverflowMenu } from './components/OverflowMenu/index.js';
|
|
60
|
+
export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
|
|
47
61
|
export { default as PaginationSkeleton } from './components/Pagination/Pagination.Skeleton.js';
|
|
62
|
+
export { default as RadioButton } from './components/RadioButton/RadioButton.js';
|
|
48
63
|
export { default as RadioButtonSkeleton } from './components/RadioButton/RadioButton.Skeleton.js';
|
|
64
|
+
export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
|
|
49
65
|
export { default as Search } from './components/Search/Search.js';
|
|
50
66
|
export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
|
|
67
|
+
export { default as Select } from './components/Select/Select.js';
|
|
68
|
+
export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';
|
|
69
|
+
export { default as SelectItem } from './components/SelectItem/SelectItem.js';
|
|
70
|
+
export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
|
|
51
71
|
export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
|
|
52
72
|
export { default as Slider } from './components/Slider/index.js';
|
|
53
73
|
export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
|
|
@@ -59,6 +79,8 @@ export { default as TextAreaSkeleton } from './components/TextArea/TextArea.Skel
|
|
|
59
79
|
import './components/TextInput/index.js';
|
|
60
80
|
export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent } from './components/Tile/Tile.js';
|
|
61
81
|
export { default as TileGroup } from './components/TileGroup/index.js';
|
|
82
|
+
export { default as TimePicker } from './components/TimePicker/TimePicker.js';
|
|
83
|
+
export { default as TimePickerSelect } from './components/TimePickerSelect/TimePickerSelect.js';
|
|
62
84
|
export { Toggle } from './components/Toggle/Toggle.js';
|
|
63
85
|
export { default as ToggleSkeleton } from './components/Toggle/Toggle.Skeleton.js';
|
|
64
86
|
export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleSmall.Skeleton.js';
|
|
@@ -95,19 +117,10 @@ export { default as useContextMenu } from './components/ContextMenu/useContextMe
|
|
|
95
117
|
export { default as Copy } from './components/Copy/Copy.js';
|
|
96
118
|
export { default as CopyButton } from './components/CopyButton/CopyButton.js';
|
|
97
119
|
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
120
|
export { default as FormItem } from './components/FormItem/FormItem.js';
|
|
106
121
|
export { default as FormLabel } from './components/FormLabel/FormLabel.js';
|
|
107
122
|
export { default as InlineLoading } from './components/InlineLoading/InlineLoading.js';
|
|
108
|
-
export { default as Loading } from './components/Loading/Loading.js';
|
|
109
123
|
export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
|
|
110
|
-
export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
|
|
111
124
|
export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
|
|
112
125
|
export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
|
|
113
126
|
export { default as TextInput } from './components/TextInput/TextInput.js';
|
|
@@ -144,7 +157,6 @@ export { Text as unstable_Text } from './components/Text/Text.js';
|
|
|
144
157
|
export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
|
|
145
158
|
export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
|
|
146
159
|
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,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
|
*/
|