@carbon/react 1.22.0 → 1.23.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/CodeSnippet/CodeSnippet.js +2 -2
- package/es/components/ComboBox/ComboBox.d.ts +151 -0
- package/es/components/ComboBox/ComboBox.js +28 -21
- package/es/components/ComposedModal/ComposedModal.js +2 -2
- package/es/components/DataTable/TableSelectRow.d.ts +88 -0
- package/es/components/DataTable/TableSelectRow.js +3 -5
- package/es/components/DataTable/tools/sorting.js +3 -0
- package/es/components/DatePicker/DatePicker.js +1 -1
- package/es/components/DatePicker/plugins/fixEventsPlugin.js +10 -1
- package/es/components/DatePicker/plugins/rangePlugin.js +1 -1
- package/es/components/FileUploader/FileUploaderButton.js +14 -16
- package/es/components/Grid/CSSGrid.d.ts +9 -0
- package/es/components/Grid/CSSGrid.js +8 -5
- package/es/components/Grid/Column.d.ts +73 -0
- package/es/components/Grid/Column.js +40 -34
- package/es/components/Grid/ColumnHang.d.ts +24 -0
- package/es/components/Grid/ColumnHang.js +7 -4
- package/es/components/Grid/FlexGrid.d.ts +9 -0
- package/es/components/Grid/FlexGrid.js +6 -3
- package/es/components/Grid/Grid.d.ts +9 -0
- package/es/components/Grid/Grid.js +6 -5
- package/es/components/Grid/GridContext.d.ts +38 -0
- package/es/components/Grid/GridContext.js +6 -6
- package/es/components/Grid/GridTypes.d.ts +37 -0
- package/es/components/Grid/Row.d.ts +34 -0
- package/es/components/Grid/Row.js +4 -2
- package/es/components/Grid/index.d.ts +11 -0
- package/es/components/NumberInput/NumberInput.d.ts +132 -0
- package/es/components/NumberInput/NumberInput.js +9 -7
- package/es/components/TextArea/TextArea.js +1 -0
- package/es/components/Toggle/Toggle.js +54 -33
- package/es/components/Toggletip/index.js +26 -1
- package/es/index.js +5 -5
- package/es/internal/useNormalizedInputProps.js +3 -3
- package/lib/components/CodeSnippet/CodeSnippet.js +4 -3
- package/lib/components/ComboBox/ComboBox.d.ts +151 -0
- package/lib/components/ComboBox/ComboBox.js +28 -21
- package/lib/components/ComposedModal/ComposedModal.js +2 -2
- package/lib/components/DataTable/TableSelectRow.d.ts +88 -0
- package/lib/components/DataTable/TableSelectRow.js +2 -4
- package/lib/components/DataTable/tools/sorting.js +3 -0
- package/lib/components/DatePicker/DatePicker.js +9 -8
- package/lib/components/DatePicker/plugins/fixEventsPlugin.js +10 -1
- package/lib/components/DatePicker/plugins/rangePlugin.js +6 -2
- package/lib/components/FileUploader/FileUploaderButton.js +14 -16
- package/lib/components/Grid/CSSGrid.d.ts +9 -0
- package/lib/components/Grid/CSSGrid.js +8 -5
- package/lib/components/Grid/Column.d.ts +73 -0
- package/lib/components/Grid/Column.js +36 -30
- package/lib/components/Grid/ColumnHang.d.ts +24 -0
- package/lib/components/Grid/ColumnHang.js +7 -4
- package/lib/components/Grid/FlexGrid.d.ts +9 -0
- package/lib/components/Grid/FlexGrid.js +6 -3
- package/lib/components/Grid/Grid.d.ts +9 -0
- package/lib/components/Grid/Grid.js +2 -1
- package/lib/components/Grid/GridContext.d.ts +38 -0
- package/lib/components/Grid/GridContext.js +6 -6
- package/lib/components/Grid/GridTypes.d.ts +37 -0
- package/lib/components/Grid/Row.d.ts +34 -0
- package/lib/components/Grid/Row.js +4 -2
- package/lib/components/Grid/index.d.ts +11 -0
- package/lib/components/NumberInput/NumberInput.d.ts +132 -0
- package/lib/components/NumberInput/NumberInput.js +9 -7
- package/lib/components/TextArea/TextArea.js +1 -0
- package/lib/components/Toggle/Toggle.js +53 -32
- package/lib/components/Toggletip/index.js +26 -1
- package/lib/index.js +10 -10
- package/lib/internal/useNormalizedInputProps.js +3 -3
- package/package.json +3 -5
- package/es/_virtual/ResizeObserver.es.js +0 -13
- package/es/_virtual/_commonjsHelpers.js +0 -42
- package/es/_virtual/index.js +0 -14
- package/es/_virtual/rangePlugin.js +0 -14
- package/es/node_modules/flatpickr/dist/l10n/index.js +0 -1423
- package/es/node_modules/flatpickr/dist/plugins/rangePlugin.js +0 -196
- package/es/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +0 -1112
- package/es/node_modules/use-resize-observer/polyfilled.js +0 -111
- package/lib/_virtual/ResizeObserver.es.js +0 -17
- package/lib/_virtual/_commonjsHelpers.js +0 -48
- package/lib/_virtual/index.js +0 -18
- package/lib/_virtual/rangePlugin.js +0 -18
- package/lib/node_modules/flatpickr/dist/l10n/index.js +0 -1427
- package/lib/node_modules/flatpickr/dist/plugins/rangePlugin.js +0 -200
- package/lib/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +0 -1116
- package/lib/node_modules/use-resize-observer/polyfilled.js +0 -119
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2022
|
|
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
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
|
-
var ResizeObserver_es = require('../../_virtual/ResizeObserver.es.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
|
|
20
|
-
function _interopDefault$1(ex) {
|
|
21
|
-
return ex && _rollupPluginBabelHelpers["typeof"](ex) === 'object' && 'default' in ex ? ex['default'] : ex;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
var ResizeObserver = _interopDefault$1(ResizeObserver_es["default"]);
|
|
25
|
-
|
|
26
|
-
var react = React__default["default"];
|
|
27
|
-
|
|
28
|
-
function useResizeObserver(opts) {
|
|
29
|
-
if (opts === void 0) {
|
|
30
|
-
opts = {};
|
|
31
|
-
} // `defaultRef` Has to be non-conditionally declared here whether or not it'll
|
|
32
|
-
// be used as that's how hooks work.
|
|
33
|
-
// @see https://reactjs.org/docs/hooks-rules.html#explanation
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var defaultRef = react.useRef(null); // Saving the callback as a ref. With this, I don't need to put onResize in the
|
|
37
|
-
// effect dep array, and just passing in an anonymous function without memoising
|
|
38
|
-
// will not reinstantiate the hook's ResizeObserver
|
|
39
|
-
|
|
40
|
-
var onResize = opts.onResize;
|
|
41
|
-
var onResizeRef = react.useRef(undefined);
|
|
42
|
-
onResizeRef.current = onResize; // Using a single instance throughought the hook's lifetime
|
|
43
|
-
|
|
44
|
-
var resizeObserverRef = react.useRef();
|
|
45
|
-
var ref = opts.ref || defaultRef;
|
|
46
|
-
|
|
47
|
-
var _useState = react.useState({
|
|
48
|
-
width: undefined,
|
|
49
|
-
height: undefined
|
|
50
|
-
}),
|
|
51
|
-
size = _useState[0],
|
|
52
|
-
setSize = _useState[1]; // Using a ref to track the previous width / height to avoid unnecessary renders
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
var previous = react.useRef({
|
|
56
|
-
width: undefined,
|
|
57
|
-
height: undefined
|
|
58
|
-
});
|
|
59
|
-
react.useEffect(function () {
|
|
60
|
-
if (resizeObserverRef.current) {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
resizeObserverRef.current = new ResizeObserver(function (entries) {
|
|
65
|
-
if (!Array.isArray(entries)) {
|
|
66
|
-
return;
|
|
67
|
-
} // Since we only observe the one element, we don't need to loop over the
|
|
68
|
-
// array
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (!entries.length) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
var entry = entries[0]; // `Math.round` is in line with how CSS resolves sub-pixel values
|
|
76
|
-
|
|
77
|
-
var newWidth = Math.round(entry.contentRect.width);
|
|
78
|
-
var newHeight = Math.round(entry.contentRect.height);
|
|
79
|
-
|
|
80
|
-
if (previous.current.width !== newWidth || previous.current.height !== newHeight) {
|
|
81
|
-
var newSize = {
|
|
82
|
-
width: newWidth,
|
|
83
|
-
height: newHeight
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
if (onResizeRef.current) {
|
|
87
|
-
onResizeRef.current(newSize);
|
|
88
|
-
} else {
|
|
89
|
-
previous.current.width = newWidth;
|
|
90
|
-
previous.current.height = newHeight;
|
|
91
|
-
setSize(newSize);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
}, []);
|
|
96
|
-
react.useEffect(function () {
|
|
97
|
-
if (_rollupPluginBabelHelpers["typeof"](ref) !== "object" || ref === null || !(ref.current instanceof Element)) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
var element = ref.current;
|
|
102
|
-
resizeObserverRef.current.observe(element);
|
|
103
|
-
return function () {
|
|
104
|
-
return resizeObserverRef.current.unobserve(element);
|
|
105
|
-
};
|
|
106
|
-
}, [ref]);
|
|
107
|
-
return react.useMemo(function () {
|
|
108
|
-
return {
|
|
109
|
-
ref: ref,
|
|
110
|
-
width: size.width,
|
|
111
|
-
height: size.height
|
|
112
|
-
};
|
|
113
|
-
}, [ref, size ? size.width : null, size ? size.height : null]);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
var polyfilled = useResizeObserver;
|
|
117
|
-
var useResizeObserver$1 = polyfilled;
|
|
118
|
-
|
|
119
|
-
exports["default"] = useResizeObserver$1;
|