@commercetools-uikit/collapsible 19.20.1 → 19.22.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.
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
16
|
var _pt = require('prop-types');
|
|
16
17
|
require('react');
|
|
@@ -32,6 +33,7 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
32
33
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
33
34
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
34
35
|
|
|
36
|
+
const _excluded = ["isDefaultClosed"];
|
|
35
37
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
36
38
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
37
39
|
const ControlledCollapsible = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
@@ -54,7 +56,10 @@ const UncontrolledCollapsible = props => {
|
|
|
54
56
|
});
|
|
55
57
|
};
|
|
56
58
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
57
|
-
const Collapsible =
|
|
59
|
+
const Collapsible = _ref => {
|
|
60
|
+
let _ref$isDefaultClosed = _ref.isDefaultClosed,
|
|
61
|
+
isDefaultClosed = _ref$isDefaultClosed === void 0 ? false : _ref$isDefaultClosed,
|
|
62
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
58
63
|
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
59
64
|
const hasOnToggle = !isNil__default["default"](props.onToggle);
|
|
60
65
|
if (isControlledComponent) {
|
|
@@ -62,7 +67,9 @@ const Collapsible = props => {
|
|
|
62
67
|
return jsxRuntime.jsx(ControlledCollapsible, _objectSpread({}, props));
|
|
63
68
|
}
|
|
64
69
|
process.env.NODE_ENV !== "production" ? utils.warning(!hasOnToggle, `ui-kit/Collapsible: the prop "onToggle" does not have any effect (uncontrolled component). Please remove it.`) : void 0;
|
|
65
|
-
return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({
|
|
70
|
+
return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({
|
|
71
|
+
isDefaultClosed: isDefaultClosed
|
|
72
|
+
}, props));
|
|
66
73
|
};
|
|
67
74
|
Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
68
75
|
isDefaultClosed: _pt__default["default"].bool,
|
|
@@ -71,14 +78,10 @@ Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
71
78
|
onToggle: _pt__default["default"].func
|
|
72
79
|
} : {};
|
|
73
80
|
Collapsible.displayName = 'Collapsible';
|
|
74
|
-
const collapsibleDefaultProps = {
|
|
75
|
-
isDefaultClosed: false
|
|
76
|
-
};
|
|
77
|
-
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
78
81
|
var Collapsible$1 = Collapsible;
|
|
79
82
|
|
|
80
83
|
// NOTE: This string will be replaced on build time with the package version.
|
|
81
|
-
var version = "19.
|
|
84
|
+
var version = "19.22.0";
|
|
82
85
|
|
|
83
86
|
exports["default"] = Collapsible$1;
|
|
84
87
|
exports.version = version;
|
|
@@ -11,6 +11,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
|
|
|
11
11
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
12
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
14
15
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
15
16
|
require('prop-types');
|
|
16
17
|
require('react');
|
|
@@ -31,6 +32,7 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
31
32
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
32
33
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
33
34
|
|
|
35
|
+
const _excluded = ["isDefaultClosed"];
|
|
34
36
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
37
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
36
38
|
const ControlledCollapsible = props => jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
@@ -53,24 +55,25 @@ const UncontrolledCollapsible = props => {
|
|
|
53
55
|
});
|
|
54
56
|
};
|
|
55
57
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
56
|
-
const Collapsible =
|
|
58
|
+
const Collapsible = _ref => {
|
|
59
|
+
let _ref$isDefaultClosed = _ref.isDefaultClosed,
|
|
60
|
+
isDefaultClosed = _ref$isDefaultClosed === void 0 ? false : _ref$isDefaultClosed,
|
|
61
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
57
62
|
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
58
63
|
!isNil__default["default"](props.onToggle);
|
|
59
64
|
if (isControlledComponent) {
|
|
60
65
|
return jsxRuntime.jsx(ControlledCollapsible, _objectSpread({}, props));
|
|
61
66
|
}
|
|
62
|
-
return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({
|
|
67
|
+
return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({
|
|
68
|
+
isDefaultClosed: isDefaultClosed
|
|
69
|
+
}, props));
|
|
63
70
|
};
|
|
64
71
|
Collapsible.propTypes = {};
|
|
65
72
|
Collapsible.displayName = 'Collapsible';
|
|
66
|
-
const collapsibleDefaultProps = {
|
|
67
|
-
isDefaultClosed: false
|
|
68
|
-
};
|
|
69
|
-
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
70
73
|
var Collapsible$1 = Collapsible;
|
|
71
74
|
|
|
72
75
|
// NOTE: This string will be replaced on build time with the package version.
|
|
73
|
-
var version = "19.
|
|
76
|
+
var version = "19.22.0";
|
|
74
77
|
|
|
75
78
|
exports["default"] = Collapsible$1;
|
|
76
79
|
exports.version = version;
|
|
@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
|
|
|
7
7
|
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
8
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
9
|
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
10
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
10
11
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
11
12
|
import _pt from 'prop-types';
|
|
12
13
|
import 'react';
|
|
@@ -15,6 +16,7 @@ import { warning } from '@commercetools-uikit/utils';
|
|
|
15
16
|
import { useToggleState } from '@commercetools-uikit/hooks';
|
|
16
17
|
import { jsx, Fragment } from '@emotion/react/jsx-runtime';
|
|
17
18
|
|
|
19
|
+
const _excluded = ["isDefaultClosed"];
|
|
18
20
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
21
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
22
|
const ControlledCollapsible = props => jsx(Fragment, {
|
|
@@ -37,7 +39,10 @@ const UncontrolledCollapsible = props => {
|
|
|
37
39
|
});
|
|
38
40
|
};
|
|
39
41
|
UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
|
|
40
|
-
const Collapsible =
|
|
42
|
+
const Collapsible = _ref => {
|
|
43
|
+
let _ref$isDefaultClosed = _ref.isDefaultClosed,
|
|
44
|
+
isDefaultClosed = _ref$isDefaultClosed === void 0 ? false : _ref$isDefaultClosed,
|
|
45
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
41
46
|
const isControlledComponent = !isNil(props.isClosed);
|
|
42
47
|
const hasOnToggle = !isNil(props.onToggle);
|
|
43
48
|
if (isControlledComponent) {
|
|
@@ -45,7 +50,9 @@ const Collapsible = props => {
|
|
|
45
50
|
return jsx(ControlledCollapsible, _objectSpread({}, props));
|
|
46
51
|
}
|
|
47
52
|
process.env.NODE_ENV !== "production" ? warning(!hasOnToggle, `ui-kit/Collapsible: the prop "onToggle" does not have any effect (uncontrolled component). Please remove it.`) : void 0;
|
|
48
|
-
return jsx(UncontrolledCollapsible, _objectSpread({
|
|
53
|
+
return jsx(UncontrolledCollapsible, _objectSpread({
|
|
54
|
+
isDefaultClosed: isDefaultClosed
|
|
55
|
+
}, props));
|
|
49
56
|
};
|
|
50
57
|
Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
51
58
|
isDefaultClosed: _pt.bool,
|
|
@@ -54,13 +61,9 @@ Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
54
61
|
onToggle: _pt.func
|
|
55
62
|
} : {};
|
|
56
63
|
Collapsible.displayName = 'Collapsible';
|
|
57
|
-
const collapsibleDefaultProps = {
|
|
58
|
-
isDefaultClosed: false
|
|
59
|
-
};
|
|
60
|
-
Collapsible.defaultProps = collapsibleDefaultProps;
|
|
61
64
|
var Collapsible$1 = Collapsible;
|
|
62
65
|
|
|
63
66
|
// NOTE: This string will be replaced on build time with the package version.
|
|
64
|
-
var version = "19.
|
|
67
|
+
var version = "19.22.0";
|
|
65
68
|
|
|
66
69
|
export { Collapsible$1 as default, version };
|
|
@@ -30,8 +30,7 @@ export type TCollapsibleProps = {
|
|
|
30
30
|
onToggle?: TToggleCallback;
|
|
31
31
|
};
|
|
32
32
|
declare const Collapsible: {
|
|
33
|
-
(props: TCollapsibleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
33
|
+
({ isDefaultClosed, ...props }: TCollapsibleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
34
34
|
displayName: string;
|
|
35
|
-
defaultProps: Pick<TCollapsibleProps, "isDefaultClosed">;
|
|
36
35
|
};
|
|
37
36
|
export default Collapsible;
|
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": "19.
|
|
4
|
+
"version": "19.22.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": "19.
|
|
25
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/hooks": "19.22.0",
|
|
25
|
+
"@commercetools-uikit/utils": "19.22.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"@emotion/styled": "^11.10.5",
|
|
28
28
|
"lodash": "4.17.21",
|