@commercetools-uikit/utils 15.12.0 → 15.13.1

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

@@ -8,7 +8,7 @@ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var isPropValid = require('@emotion/is-prop-valid');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var warning$2 = require('warning');
+var react = require('react');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -18,7 +18,6 @@ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInsta
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
 var isPropValid__default = /*#__PURE__*/_interopDefault(isPropValid);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var warning__default = /*#__PURE__*/_interopDefault(warning$2);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 
 var regexpData$1 = /^data-/;
@@ -62,25 +61,60 @@ function isNumberish(number) {
   return !/[^(\-?)\d,.\s]/.test(number);
 }
 
-function warnDeprecatedComponent(componentName) {
+//   "Assertions require every name in the call target to be declared with an explicit type annotation."
+// See https://github.com/microsoft/TypeScript/pull/33622#issuecomment-575301357
+
+var isProduction = process.env.NODE_ENV === 'production'; // Throw an error if the condition fails
+// Strip out error messages for production
+// > Not providing an inline default argument for message as the result is smaller
+
+var warning = function warning(condition, message) {
   var _context;
 
-  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Warning';
 
-  var message = _concatInstanceProperty__default["default"](_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
+  if (isProduction || condition) {
+    return;
+  }
 
-  process.env.NODE_ENV !== "production" ? warning__default["default"](false, message) : void 0;
-}
+  console.warn(_concatInstanceProperty__default["default"](_context = "".concat(prefix, ": ")).call(_context, message));
+};
+var useWarning = function useWarning(condition, message) {
+  react.useEffect(function () {
+    process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
+var getMessage$1 = function getMessage(componentName, additionalMessage) {
+  var _context;
+
+  return _concatInstanceProperty__default["default"](_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
+
+var warnDeprecatedComponent = function warnDeprecatedComponent(componentName) {
+  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return process.env.NODE_ENV !== "production" ? warning(false, getMessage$1(componentName, additionalMessage)) : void 0;
+};
+var useWarnDeprecatedComponent = function useWarnDeprecatedComponent(componentName) {
+  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return useWarning(false, getMessage$1(componentName, additionalMessage));
+};
 
-function warnDeprecatedProp(propName, componentName) {
+var getMessage = function getMessage(propName, componentName) {
   var _context, _context2;
 
   var additionalMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  return _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" component has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
 
-  var message = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
-
-  process.env.NODE_ENV !== "production" ? warning__default["default"](false, message) : void 0;
-}
+var warnDeprecatedProp = function warnDeprecatedProp(condition, propName, componentName) {
+  var additionalMessage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  process.env.NODE_ENV !== "production" ? warning(condition, getMessage(propName, componentName, additionalMessage)) : void 0;
+};
+var useWarnDeprecatedProp = function useWarnDeprecatedProp(condition, propName, componentName) {
+  var additionalMessage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  useWarning(condition, getMessage(propName, componentName, additionalMessage));
+};
 
 // Whenever a field requires a unique id, this factory can be used
 // to create a function returning unique ids.
@@ -179,34 +213,8 @@ var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.do
 var SafeHTMLElement = canUseDOM ? window.HTMLElement : {};
 var SafeHTMLElement$1 = SafeHTMLElement;
 
-// To avoid getting the following error, we type the entire function.
-//   "Assertions require every name in the call target to be declared with an explicit type annotation."
-// See https://github.com/microsoft/TypeScript/pull/33622#issuecomment-575301357
-var isProduction = process.env.NODE_ENV === 'production'; // @TODO: allow consumer to set the prefix e.g `[ Text.Body ]`
-
-var prefix = 'Warning'; // Throw an error if the condition fails
-// Strip out error messages for production
-// > Not providing an inline default argument for message as the result is smaller
-
-var warning = function warning(condition, message) {
-  if (isProduction) {
-    return;
-  }
-
-  if (condition) {
-    return;
-  } // Condition not passed
-  // When not in production we allow the message to pass through
-  // *This block will be removed in production builds*
-
-
-  throw new Error("".concat(prefix, ": ").concat(message || ''));
-};
-
-var warning$1 = warning;
-
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.12.0";
+var version = "15.13.1";
 
 exports.SafeHTMLElement = SafeHTMLElement$1;
 exports.canUseDOM = canUseDOM;
@@ -217,7 +225,10 @@ exports.filterInvalidAttributes = filterInvalidAttributes;
 exports.getFieldId = getFieldId$1;
 exports.isNumberish = isNumberish;
 exports.parseTime = parseTime$1;
+exports.useWarnDeprecatedComponent = useWarnDeprecatedComponent;
+exports.useWarnDeprecatedProp = useWarnDeprecatedProp;
+exports.useWarning = useWarning;
 exports.version = version;
 exports.warnDeprecatedComponent = warnDeprecatedComponent;
 exports.warnDeprecatedProp = warnDeprecatedProp;
-exports.warning = warning$1;
+exports.warning = warning;

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

@@ -8,7 +8,7 @@ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
 var isPropValid = require('@emotion/is-prop-valid');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-require('warning');
+var react = require('react');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -61,21 +61,47 @@ function isNumberish(number) {
   return !/[^(\-?)\d,.\s]/.test(number);
 }
 
-function warnDeprecatedComponent(componentName) {
+// Strip out error messages for production
+// > Not providing an inline default argument for message as the result is smaller
+
+var warning = function warning(condition, message) {
+
+  {
+    return;
+  }
+};
+var useWarning = function useWarning(condition, message) {
+  react.useEffect(function () {
+  }, []);
+};
+
+var getMessage$1 = function getMessage(componentName, additionalMessage) {
   var _context;
 
-  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return _concatInstanceProperty__default["default"](_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
 
-  _concatInstanceProperty__default["default"](_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
-}
+var warnDeprecatedComponent = function warnDeprecatedComponent(componentName) {
+  return void 0;
+};
+var useWarnDeprecatedComponent = function useWarnDeprecatedComponent(componentName) {
+  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return useWarning(false, getMessage$1(componentName, additionalMessage));
+};
 
-function warnDeprecatedProp(propName, componentName) {
+var getMessage = function getMessage(propName, componentName) {
   var _context, _context2;
 
   var additionalMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  return _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" component has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
 
-  _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
-}
+var warnDeprecatedProp = function warnDeprecatedProp(condition, propName, componentName) {
+};
+var useWarnDeprecatedProp = function useWarnDeprecatedProp(condition, propName, componentName) {
+  var additionalMessage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  useWarning(condition, getMessage(propName, componentName, additionalMessage));
+};
 
 // Whenever a field requires a unique id, this factory can be used
 // to create a function returning unique ids.
@@ -174,20 +200,8 @@ var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.do
 var SafeHTMLElement = canUseDOM ? window.HTMLElement : {};
 var SafeHTMLElement$1 = SafeHTMLElement;
 
-// To avoid getting the following error, we type the entire function.
-// Strip out error messages for production
-// > Not providing an inline default argument for message as the result is smaller
-
-var warning = function warning(condition, message) {
-  {
-    return;
-  }
-};
-
-var warning$1 = warning;
-
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.12.0";
+var version = "15.13.1";
 
 exports.SafeHTMLElement = SafeHTMLElement$1;
 exports.canUseDOM = canUseDOM;
@@ -198,7 +212,10 @@ exports.filterInvalidAttributes = filterInvalidAttributes;
 exports.getFieldId = getFieldId$1;
 exports.isNumberish = isNumberish;
 exports.parseTime = parseTime$1;
+exports.useWarnDeprecatedComponent = useWarnDeprecatedComponent;
+exports.useWarnDeprecatedProp = useWarnDeprecatedProp;
+exports.useWarning = useWarning;
 exports.version = version;
 exports.warnDeprecatedComponent = warnDeprecatedComponent;
 exports.warnDeprecatedProp = warnDeprecatedProp;
-exports.warning = warning$1;
+exports.warning = warning;

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

@@ -4,7 +4,7 @@ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import isPropValid from '@emotion/is-prop-valid';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import warning$2 from 'warning';
+import { useEffect } from 'react';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 
 var regexpData$1 = /^data-/;
@@ -48,25 +48,60 @@ function isNumberish(number) {
   return !/[^(\-?)\d,.\s]/.test(number);
 }
 
-function warnDeprecatedComponent(componentName) {
+//   "Assertions require every name in the call target to be declared with an explicit type annotation."
+// See https://github.com/microsoft/TypeScript/pull/33622#issuecomment-575301357
+
+var isProduction = process.env.NODE_ENV === 'production'; // Throw an error if the condition fails
+// Strip out error messages for production
+// > Not providing an inline default argument for message as the result is smaller
+
+var warning = function warning(condition, message) {
   var _context;
 
-  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Warning';
 
-  var message = _concatInstanceProperty(_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
+  if (isProduction || condition) {
+    return;
+  }
 
-  process.env.NODE_ENV !== "production" ? warning$2(false, message) : void 0;
-}
+  console.warn(_concatInstanceProperty(_context = "".concat(prefix, ": ")).call(_context, message));
+};
+var useWarning = function useWarning(condition, message) {
+  useEffect(function () {
+    process.env.NODE_ENV !== "production" ? warning(condition, message) : void 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
+var getMessage$1 = function getMessage(componentName, additionalMessage) {
+  var _context;
+
+  return _concatInstanceProperty(_context = "\"".concat(componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
+
+var warnDeprecatedComponent = function warnDeprecatedComponent(componentName) {
+  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return process.env.NODE_ENV !== "production" ? warning(false, getMessage$1(componentName, additionalMessage)) : void 0;
+};
+var useWarnDeprecatedComponent = function useWarnDeprecatedComponent(componentName) {
+  var additionalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return useWarning(false, getMessage$1(componentName, additionalMessage));
+};
 
-function warnDeprecatedProp(propName, componentName) {
+var getMessage = function getMessage(propName, componentName) {
   var _context, _context2;
 
   var additionalMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" component has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage ? ' ' + additionalMessage : '');
+};
 
-  var message = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\"".concat(propName, "\" property of \"")).call(_context2, componentName, "\" has been deprecated and will be removed in the next major version.")).call(_context, additionalMessage);
-
-  process.env.NODE_ENV !== "production" ? warning$2(false, message) : void 0;
-}
+var warnDeprecatedProp = function warnDeprecatedProp(condition, propName, componentName) {
+  var additionalMessage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  process.env.NODE_ENV !== "production" ? warning(condition, getMessage(propName, componentName, additionalMessage)) : void 0;
+};
+var useWarnDeprecatedProp = function useWarnDeprecatedProp(condition, propName, componentName) {
+  var additionalMessage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+  useWarning(condition, getMessage(propName, componentName, additionalMessage));
+};
 
 // Whenever a field requires a unique id, this factory can be used
 // to create a function returning unique ids.
@@ -165,33 +200,7 @@ var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.do
 var SafeHTMLElement = canUseDOM ? window.HTMLElement : {};
 var SafeHTMLElement$1 = SafeHTMLElement;
 
-// To avoid getting the following error, we type the entire function.
-//   "Assertions require every name in the call target to be declared with an explicit type annotation."
-// See https://github.com/microsoft/TypeScript/pull/33622#issuecomment-575301357
-var isProduction = process.env.NODE_ENV === 'production'; // @TODO: allow consumer to set the prefix e.g `[ Text.Body ]`
-
-var prefix = 'Warning'; // Throw an error if the condition fails
-// Strip out error messages for production
-// > Not providing an inline default argument for message as the result is smaller
-
-var warning = function warning(condition, message) {
-  if (isProduction) {
-    return;
-  }
-
-  if (condition) {
-    return;
-  } // Condition not passed
-  // When not in production we allow the message to pass through
-  // *This block will be removed in production builds*
-
-
-  throw new Error("".concat(prefix, ": ").concat(message || ''));
-};
-
-var warning$1 = warning;
-
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.12.0";
+var version = "15.13.1";
 
-export { SafeHTMLElement$1 as SafeHTMLElement, canUseDOM, createSequentialId, filterAriaAttributes, filterDataAttributes, filterInvalidAttributes, getFieldId$1 as getFieldId, isNumberish, parseTime$1 as parseTime, version, warnDeprecatedComponent, warnDeprecatedProp, warning$1 as warning };
+export { SafeHTMLElement$1 as SafeHTMLElement, canUseDOM, createSequentialId, filterAriaAttributes, filterDataAttributes, filterInvalidAttributes, getFieldId$1 as getFieldId, isNumberish, parseTime$1 as parseTime, useWarnDeprecatedComponent, useWarnDeprecatedProp, useWarning, version, warnDeprecatedComponent, warnDeprecatedProp, warning };

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

@@ -2,12 +2,12 @@ export { default as filterDataAttributes } from './filter-data-attributes';
 export { default as filterAriaAttributes } from './filter-aria-attributes';
 export { default as filterInvalidAttributes } from './filter-invalid-attributes';
 export { default as isNumberish } from './is-numberish';
-export { default as warnDeprecatedComponent } from './warn-deprecated-component';
-export { default as warnDeprecatedProp } from './warn-deprecated-prop';
+export { warnDeprecatedComponent, useWarnDeprecatedComponent, } from './warn-deprecated-component';
+export { warnDeprecatedProp, useWarnDeprecatedProp, } from './warn-deprecated-prop';
 export { default as createSequentialId } from './create-sequential-id';
 export { default as getFieldId } from './get-field-id';
 export { default as parseTime } from './parse-time';
 export { canUseDOM } from './helpers/exenv';
 export { default as SafeHTMLElement } from './helpers/safeHTMLElement';
-export { default as warning } from './warning';
+export { warning, useWarning } from './warning';
 export { default as version } from './version';

package/dist/declarations/src/warn-deprecated-component.d.ts

@@ -1 +1,2 @@
-export default function warnDeprecatedComponent(componentName: string, additionalMessage?: string): void;
+export declare const warnDeprecatedComponent: (componentName: string, additionalMessage?: string) => void;
+export declare const useWarnDeprecatedComponent: (componentName: string, additionalMessage?: string) => void;

package/dist/declarations/src/warn-deprecated-prop.d.ts

@@ -1 +1,2 @@
-export default function warnDeprecatedProp(propName: string, componentName: string, additionalMessage?: string): void;
+export declare const warnDeprecatedProp: (condition: boolean, propName: string, componentName: string, additionalMessage?: string) => void;
+export declare const useWarnDeprecatedProp: (condition: boolean, propName: string, componentName: string, additionalMessage?: string) => void;

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

@@ -1,3 +1,4 @@
-type TWarningFunction = (condition: unknown, message?: string) => asserts condition is boolean;
-declare const warning: TWarningFunction;
-export default warning;
+type TWarningFunction = (condition: unknown, message?: string, prefix?: string) => asserts condition is boolean;
+export declare const warning: TWarningFunction;
+export declare const useWarning: (condition: boolean, message: string) => void;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/utils",
   "description": "A collection of utilities shared across the other packages.",
-  "version": "15.12.0",
+  "version": "15.13.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,8 +21,12 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@emotion/is-prop-valid": "1.2.0",
-    "@types/warning": "^3.0.0",
-    "warning": "4.0.3"
+    "@emotion/is-prop-valid": "1.2.0"
+  },
+  "devDependencies": {
+    "react": "17.0.2"
+  },
+  "peerDependencies": {
+    "react": "17.x"
   }
 }