@commercetools-uikit/collapsible 15.15.0 → 16.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-uikit-collapsible.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-collapsible.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-collapsible.cjs.dev.js +18 -20
- package/dist/commercetools-uikit-collapsible.cjs.prod.js +17 -19
- package/dist/commercetools-uikit-collapsible.esm.js +18 -20
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-collapsible.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -36,36 +36,34 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
36
36
|
|
|
37
37
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
});
|
|
46
|
-
};
|
|
39
|
+
const ControlledCollapsible = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
40
|
+
children: props.children({
|
|
41
|
+
isOpen: !props.isClosed,
|
|
42
|
+
toggle: props.onToggle
|
|
43
|
+
})
|
|
44
|
+
});
|
|
47
45
|
|
|
48
46
|
ControlledCollapsible.displayName = 'ControlledCollapsible';
|
|
49
47
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
48
|
+
const UncontrolledCollapsible = props => {
|
|
49
|
+
const _useToggleState = hooks.useToggleState(!props.isDefaultClosed),
|
|
50
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
51
|
+
isOpen = _useToggleState2[0],
|
|
52
|
+
toggle = _useToggleState2[1];
|
|
55
53
|
|
|
56
54
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
57
55
|
children: props.children({
|
|
58
|
-
isOpen
|
|
59
|
-
toggle
|
|
56
|
+
isOpen,
|
|
57
|
+
toggle
|
|
60
58
|
})
|
|
61
59
|
});
|
|
62
60
|
};
|
|
63
61
|
|
|
64
62
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
65
63
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
64
|
+
const Collapsible = props => {
|
|
65
|
+
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
66
|
+
const hasOnToggle = !isNil__default["default"](props.onToggle);
|
|
69
67
|
|
|
70
68
|
if (isControlledComponent) {
|
|
71
69
|
process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle, "ui-kit/Collapsible: missing required prop \"onToggle\" when using the \"isClosed\" prop (controlled component).") : void 0;
|
|
@@ -83,14 +81,14 @@ Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
83
81
|
onToggle: _pt__default["default"].func
|
|
84
82
|
} : {};
|
|
85
83
|
Collapsible.displayName = 'Collapsible';
|
|
86
|
-
|
|
84
|
+
const collapsibleDefaultProps = {
|
|
87
85
|
isDefaultClosed: false
|
|
88
86
|
};
|
|
89
87
|
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
90
88
|
var Collapsible$1 = Collapsible;
|
|
91
89
|
|
|
92
90
|
// NOTE: This string will be replaced on build time with the package version.
|
|
93
|
-
var version = "
|
|
91
|
+
var version = "16.0.0";
|
|
94
92
|
|
|
95
93
|
exports["default"] = Collapsible$1;
|
|
96
94
|
exports.version = version;
|
|
@@ -35,35 +35,33 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
35
35
|
|
|
36
36
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
});
|
|
45
|
-
};
|
|
38
|
+
const ControlledCollapsible = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
39
|
+
children: props.children({
|
|
40
|
+
isOpen: !props.isClosed,
|
|
41
|
+
toggle: props.onToggle
|
|
42
|
+
})
|
|
43
|
+
});
|
|
46
44
|
|
|
47
45
|
ControlledCollapsible.displayName = 'ControlledCollapsible';
|
|
48
46
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
const UncontrolledCollapsible = props => {
|
|
48
|
+
const _useToggleState = hooks.useToggleState(!props.isDefaultClosed),
|
|
49
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
50
|
+
isOpen = _useToggleState2[0],
|
|
51
|
+
toggle = _useToggleState2[1];
|
|
54
52
|
|
|
55
53
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
56
54
|
children: props.children({
|
|
57
|
-
isOpen
|
|
58
|
-
toggle
|
|
55
|
+
isOpen,
|
|
56
|
+
toggle
|
|
59
57
|
})
|
|
60
58
|
});
|
|
61
59
|
};
|
|
62
60
|
|
|
63
61
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
64
62
|
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
const Collapsible = props => {
|
|
64
|
+
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
67
65
|
!isNil__default["default"](props.onToggle);
|
|
68
66
|
|
|
69
67
|
if (isControlledComponent) {
|
|
@@ -74,14 +72,14 @@ var Collapsible = function Collapsible(props) {
|
|
|
74
72
|
|
|
75
73
|
Collapsible.propTypes = {};
|
|
76
74
|
Collapsible.displayName = 'Collapsible';
|
|
77
|
-
|
|
75
|
+
const collapsibleDefaultProps = {
|
|
78
76
|
isDefaultClosed: false
|
|
79
77
|
};
|
|
80
78
|
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
81
79
|
var Collapsible$1 = Collapsible;
|
|
82
80
|
|
|
83
81
|
// NOTE: This string will be replaced on build time with the package version.
|
|
84
|
-
var version = "
|
|
82
|
+
var version = "16.0.0";
|
|
85
83
|
|
|
86
84
|
exports["default"] = Collapsible$1;
|
|
87
85
|
exports.version = version;
|
|
@@ -19,36 +19,34 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
|
19
19
|
|
|
20
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
});
|
|
29
|
-
};
|
|
22
|
+
const ControlledCollapsible = props => jsx(Fragment, {
|
|
23
|
+
children: props.children({
|
|
24
|
+
isOpen: !props.isClosed,
|
|
25
|
+
toggle: props.onToggle
|
|
26
|
+
})
|
|
27
|
+
});
|
|
30
28
|
|
|
31
29
|
ControlledCollapsible.displayName = 'ControlledCollapsible';
|
|
32
30
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
const UncontrolledCollapsible = props => {
|
|
32
|
+
const _useToggleState = useToggleState(!props.isDefaultClosed),
|
|
33
|
+
_useToggleState2 = _slicedToArray(_useToggleState, 2),
|
|
34
|
+
isOpen = _useToggleState2[0],
|
|
35
|
+
toggle = _useToggleState2[1];
|
|
38
36
|
|
|
39
37
|
return jsx(Fragment, {
|
|
40
38
|
children: props.children({
|
|
41
|
-
isOpen
|
|
42
|
-
toggle
|
|
39
|
+
isOpen,
|
|
40
|
+
toggle
|
|
43
41
|
})
|
|
44
42
|
});
|
|
45
43
|
};
|
|
46
44
|
|
|
47
45
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
48
46
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
const Collapsible = props => {
|
|
48
|
+
const isControlledComponent = !isNil(props.isClosed);
|
|
49
|
+
const hasOnToggle = !isNil(props.onToggle);
|
|
52
50
|
|
|
53
51
|
if (isControlledComponent) {
|
|
54
52
|
process.env.NODE_ENV !== "production" ? warning(hasOnToggle, "ui-kit/Collapsible: missing required prop \"onToggle\" when using the \"isClosed\" prop (controlled component).") : void 0;
|
|
@@ -66,13 +64,13 @@ Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
66
64
|
onToggle: _pt.func
|
|
67
65
|
} : {};
|
|
68
66
|
Collapsible.displayName = 'Collapsible';
|
|
69
|
-
|
|
67
|
+
const collapsibleDefaultProps = {
|
|
70
68
|
isDefaultClosed: false
|
|
71
69
|
};
|
|
72
70
|
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
73
71
|
var Collapsible$1 = Collapsible;
|
|
74
72
|
|
|
75
73
|
// NOTE: This string will be replaced on build time with the package version.
|
|
76
|
-
var version = "
|
|
74
|
+
var version = "16.0.0";
|
|
77
75
|
|
|
78
76
|
export { Collapsible$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/collapsible",
|
|
3
3
|
"description": "A render-prop component to manage a toggle state",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/hooks": "
|
|
25
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/hooks": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"lodash": "4.17.21",
|