@commercetools-uikit/collapsible 12.2.2 → 12.2.9

package/README.md

@@ -30,7 +30,6 @@ npm --save install react
 ## Usage
 
 ```jsx
-import React from 'react';
 import Collapsible from '@commercetools-uikit/collapsible';
 
 const Example = () => (

package/dist/commercetools-uikit-collapsible.cjs.dev.js

@@ -2,25 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _pt = require('prop-types');
-var React = require('react');
+require('react');
 var isNil = require('lodash/isNil');
 var utils = require('@commercetools-uikit/utils');
 var hooks = require('@commercetools-uikit/hooks');
-var react = require('@emotion/react');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var isNil__default = /*#__PURE__*/_interopDefault(isNil);
 
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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; }
+
 var ControlledCollapsible = function ControlledCollapsible(props) {
-  return react.jsx(React__default['default'].Fragment, null, props.children({
-    isOpen: !props.isClosed,
-    toggle: props.onToggle
-  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children({
+      isOpen: !props.isClosed,
+      toggle: props.onToggle
+    })
+  });
 };
 
 ControlledCollapsible.displayName = 'ControlledCollapsible';
@@ -31,32 +53,34 @@ var UncontrolledCollapsible = function UncontrolledCollapsible(props) {
       isOpen = _useToggleState2[0],
       toggle = _useToggleState2[1];
 
-  return react.jsx(React__default['default'].Fragment, null, props.children({
-    isOpen: isOpen,
-    toggle: toggle
-  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children({
+      isOpen: isOpen,
+      toggle: toggle
+    })
+  });
 };
 
 UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
 
 var Collapsible = function Collapsible(props) {
-  var isControlledComponent = !isNil__default['default'](props.isClosed);
-  var hasOnToggle = !isNil__default['default'](props.onToggle);
+  var isControlledComponent = !isNil__default["default"](props.isClosed);
+  var hasOnToggle = !isNil__default["default"](props.onToggle);
 
   if (isControlledComponent) {
     process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle, "ui-kit/Collapsible: missing required prop \"onToggle\" when using the \"isClosed\" prop (controlled component).") : void 0;
-    return react.jsx(ControlledCollapsible, props);
+    return jsxRuntime.jsx(ControlledCollapsible, _objectSpread({}, props));
   }
 
   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;
-  return react.jsx(UncontrolledCollapsible, props);
+  return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({}, props));
 };
 
 Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
-  isDefaultClosed: _pt__default['default'].bool,
-  children: _pt__default['default'].func.isRequired,
-  isClosed: _pt__default['default'].bool,
-  onToggle: _pt__default['default'].func
+  isDefaultClosed: _pt__default["default"].bool,
+  children: _pt__default["default"].func.isRequired,
+  isClosed: _pt__default["default"].bool,
+  onToggle: _pt__default["default"].func
 } : {};
 Collapsible.displayName = 'Collapsible';
 var collapsibleDefaultProps = {
@@ -65,8 +89,8 @@ var collapsibleDefaultProps = {
 Collapsible.defaultProps = collapsibleDefaultProps;
 var Collapsible$1 = Collapsible;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
-exports['default'] = Collapsible$1;
+exports["default"] = Collapsible$1;
 exports.version = version;

package/dist/commercetools-uikit-collapsible.cjs.prod.js

@@ -2,24 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('prop-types');
-var React = require('react');
+require('react');
 var isNil = require('lodash/isNil');
 require('@commercetools-uikit/utils');
 var hooks = require('@commercetools-uikit/hooks');
-var react = require('@emotion/react');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var isNil__default = /*#__PURE__*/_interopDefault(isNil);
 
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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; }
+
 var ControlledCollapsible = function ControlledCollapsible(props) {
-  return react.jsx(React__default['default'].Fragment, null, props.children({
-    isOpen: !props.isClosed,
-    toggle: props.onToggle
-  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children({
+      isOpen: !props.isClosed,
+      toggle: props.onToggle
+    })
+  });
 };
 
 ControlledCollapsible.displayName = 'ControlledCollapsible';
@@ -30,22 +52,24 @@ var UncontrolledCollapsible = function UncontrolledCollapsible(props) {
       isOpen = _useToggleState2[0],
       toggle = _useToggleState2[1];
 
-  return react.jsx(React__default['default'].Fragment, null, props.children({
-    isOpen: isOpen,
-    toggle: toggle
-  }));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: props.children({
+      isOpen: isOpen,
+      toggle: toggle
+    })
+  });
 };
 
 UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
 
 var Collapsible = function Collapsible(props) {
-  var isControlledComponent = !isNil__default['default'](props.isClosed);
-  !isNil__default['default'](props.onToggle);
+  var isControlledComponent = !isNil__default["default"](props.isClosed);
+  !isNil__default["default"](props.onToggle);
 
   if (isControlledComponent) {
-    return react.jsx(ControlledCollapsible, props);
+    return jsxRuntime.jsx(ControlledCollapsible, _objectSpread({}, props));
   }
-  return react.jsx(UncontrolledCollapsible, props);
+  return jsxRuntime.jsx(UncontrolledCollapsible, _objectSpread({}, props));
 };
 
 Collapsible.propTypes = {};
@@ -56,8 +80,8 @@ var collapsibleDefaultProps = {
 Collapsible.defaultProps = collapsibleDefaultProps;
 var Collapsible$1 = Collapsible;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
-exports['default'] = Collapsible$1;
+exports["default"] = Collapsible$1;
 exports.version = version;

package/dist/commercetools-uikit-collapsible.esm.js

@@ -1,16 +1,31 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _pt from 'prop-types';
-import React from 'react';
+import 'react';
 import isNil from 'lodash/isNil';
 import { warning } from '@commercetools-uikit/utils';
 import { useToggleState } from '@commercetools-uikit/hooks';
-import { jsx } from '@emotion/react';
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var ControlledCollapsible = function ControlledCollapsible(props) {
-  return jsx(React.Fragment, null, props.children({
-    isOpen: !props.isClosed,
-    toggle: props.onToggle
-  }));
+  return jsx(Fragment, {
+    children: props.children({
+      isOpen: !props.isClosed,
+      toggle: props.onToggle
+    })
+  });
 };
 
 ControlledCollapsible.displayName = 'ControlledCollapsible';
@@ -21,10 +36,12 @@ var UncontrolledCollapsible = function UncontrolledCollapsible(props) {
       isOpen = _useToggleState2[0],
       toggle = _useToggleState2[1];
 
-  return jsx(React.Fragment, null, props.children({
-    isOpen: isOpen,
-    toggle: toggle
-  }));
+  return jsx(Fragment, {
+    children: props.children({
+      isOpen: isOpen,
+      toggle: toggle
+    })
+  });
 };
 
 UncontrolledCollapsible.displayName = 'UncontrolledCollapsible';
@@ -35,11 +52,11 @@ var Collapsible = function Collapsible(props) {
 
   if (isControlledComponent) {
     process.env.NODE_ENV !== "production" ? warning(hasOnToggle, "ui-kit/Collapsible: missing required prop \"onToggle\" when using the \"isClosed\" prop (controlled component).") : void 0;
-    return jsx(ControlledCollapsible, props);
+    return jsx(ControlledCollapsible, _objectSpread({}, props));
   }
 
   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;
-  return jsx(UncontrolledCollapsible, props);
+  return jsx(UncontrolledCollapsible, _objectSpread({}, props));
 };
 
 Collapsible.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -55,7 +72,7 @@ var collapsibleDefaultProps = {
 Collapsible.defaultProps = collapsibleDefaultProps;
 var Collapsible$1 = Collapsible;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.9";
 
 export { Collapsible$1 as default, version };

package/dist/declarations/src/collapsible.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
-declare type TToggleCallback = (toggleState?: boolean) => void;
-export declare type TCollapsibleProps = {
-    isDefaultClosed?: boolean;
-    children: (options: {
-        isOpen: boolean;
-        toggle?: TToggleCallback;
-    }) => ReactNode;
-    isClosed?: boolean;
-    onToggle?: TToggleCallback;
-};
-declare const Collapsible: {
-    (props: TCollapsibleProps): JSX.Element;
-    displayName: string;
-    defaultProps: Pick<TCollapsibleProps, "isDefaultClosed">;
-};
-export default Collapsible;
+import { ReactNode } from 'react';
+declare type TToggleCallback = (toggleState?: boolean) => void;
+export declare type TCollapsibleProps = {
+    isDefaultClosed?: boolean;
+    children: (options: {
+        isOpen: boolean;
+        toggle?: TToggleCallback;
+    }) => ReactNode;
+    isClosed?: boolean;
+    onToggle?: TToggleCallback;
+};
+declare const Collapsible: {
+    (props: TCollapsibleProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: Pick<TCollapsibleProps, "isDefaultClosed">;
+};
+export default Collapsible;

package/dist/declarations/src/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './collapsible';
-export { default as version } from './version';
+export { default } from './collapsible';
+export { default as version } from './version';

package/dist/declarations/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "12.2.2";
-export default _default;
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/collapsible",
   "description": "A render-prop component to manage a toggle state",
-  "version": "12.2.2",
+  "version": "12.2.9",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -11,7 +11,6 @@
   "homepage": "https://uikit.commercetools.com",
   "keywords": ["javascript", "design system", "react", "uikit"],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
@@ -19,14 +18,11 @@
   "main": "dist/commercetools-uikit-collapsible.cjs.js",
   "module": "dist/commercetools-uikit-collapsible.esm.js",
   "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../scripts/version.js replace"
-  },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.8",
-    "@commercetools-uikit/hooks": "12.2.2",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.5",
+    "@babel/runtime-corejs3": "7.16.5",
+    "@commercetools-uikit/hooks": "12.2.9",
+    "@commercetools-uikit/utils": "12.2.9",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "4.17.21",