carbon-react 91.1.1 → 93.0.0

package/lib/__internal__/checkable-input/checkable-input.component.js

@@ -17,7 +17,7 @@ var _formField = _interopRequireDefault(require("../form-field"));
 
 var _hiddenCheckableInput = _interopRequireDefault(require("./hidden-checkable-input.component"));
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/__internal__/form-field/form-field.component.js

@@ -19,7 +19,7 @@ var _label = _interopRequireDefault(require("../label"));
 
 var _fieldHelp = _interopRequireDefault(require("../field-help"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
 
 var _tab = require("../../components/tabs/tab");
 

package/lib/__internal__/full-screen-heading/full-screen-heading.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
 
 var _fullScreenHeading = _interopRequireWildcard(require("./full-screen-heading.style"));
 

package/lib/__internal__/utils/ether/ether.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validProps = validProps;
+
+var _lodash = require("lodash");
+
+/**
+ * Ether
+ *
+ * Ether provides functional-like helper methods for Carbon specific tasks.
+ * As we are dealing with stateful values (user input, browser state) Ether
+ * does not provide pure functions in all cases.
+ */
+
+/**
+ * Returns the props that were passed to a component but excludes the props listed in propTypes
+ *
+ * Optionally includes the safeProps which can be defined as a static property on a Class or passed as the second
+ * argument.
+ *
+ * @method validProps
+ * @param {Object} instance
+ * @param {Array?} safeProps
+ * @return {Object} props
+ */
+function validProps(instance, safeProps) {
+  const component = instance.isReactComponent ? instance.constructor : instance;
+  const unsafeProps = (0, _lodash.difference)(Object.keys(component.propTypes), safeProps || component.safeProps || []);
+  return (0, _lodash.omit)(instance.props, unsafeProps);
+} // eslint-disable-next-line import/prefer-default-export

package/lib/__internal__/utils/ether/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ether = require("./ether");
+
+Object.keys(_ether).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ether[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ether[key];
+    }
+  });
+});

package/lib/{utils/helpers/warn-as-deprecated → __internal__/utils/helpers/browser}/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _warnAsDeprecated.default;
+    return _browser.default;
   }
 });
 
-var _warnAsDeprecated = _interopRequireDefault(require("./warn-as-deprecated"));
+var _browser = _interopRequireDefault(require("./browser"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/utils/helpers/events/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _events.default;
+  }
+});
+
+var _events = _interopRequireDefault(require("./events"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/utils/helpers/tags/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _tags.default;
+  }
+});
+
+var _tags = _interopRequireDefault(require("./tags"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/utils/helpers/tags/tags-specs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "elementsTagTest", {
+  enumerable: true,
+  get: function () {
+    return _tagsSpecs.elementsTagTest;
+  }
+});
+Object.defineProperty(exports, "rootTagTest", {
+  enumerable: true,
+  get: function () {
+    return _tagsSpecs.rootTagTest;
+  }
+});
+
+var _tagsSpecs = require("./tags-specs");

package/lib/__internal__/utils/logger/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _logger.default;
+  }
+});
+
+var _logger = _interopRequireDefault(require("./logger"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/{utils → __internal__/utils}/logger/logger.js

@@ -51,15 +51,6 @@ const log = (message, type, opts = {}) => {
  *
  * You can also pass an option of 'group', this will group messages together that
  * share the same group name and are triggered within 500ms of one another.
- *
- * To Use:
- *
- * ```
- * import Logger from 'carbon-react/lib/utils/logger';
- *
- * Logger.warn('My Message');
- *
- * ```
  */
 
 

package/lib/__spec_helper__/mock-date-helper.js

@@ -8,8 +8,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * Replaces today date with specified in the argument of the "set" method.
  * Ensures that the UTC time is returned regardless of the local time.
  */
-jest.mock("../utils/helpers/date", () => {
-  const _DateHelper = jest.requireActual("../utils/helpers/date");
+jest.mock("../__internal__/date", () => {
+  const _DateHelper = jest.requireActual("../__internal__/date");
 
   return {
     __esModule: true,

package/lib/components/accordion/accordion-group/accordion-group.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _utils = require("../../../style/utils");
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 var _accordionComponent = _interopRequireDefault(require("../accordion.component.js"));
 

package/lib/components/accordion/accordion.component.js

@@ -13,9 +13,9 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _accordion = require("./accordion.style");
 

package/lib/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -13,9 +13,9 @@ var _styledComponents = require("styled-components");
 
 var _actionPopover = require("../action-popover.style");
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
-var _guid = _interopRequireDefault(require("../../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
 var _actionPopoverContext = _interopRequireDefault(require("../action-popover-context"));
 

package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _actionPopover = require("../action-popover.style");
 
-var _events = _interopRequireDefault(require("../../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 
 var _actionPopoverItem = _interopRequireDefault(require("../action-popover-item/action-popover-item.component"));
 

package/lib/components/action-popover/action-popover.component.js

@@ -13,13 +13,13 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _actionPopover = require("./action-popover.style");
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _utils = require("../../style/utils");
 
 var _popover = _interopRequireDefault(require("../../__internal__/popover"));
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 

package/lib/components/action-popover/action-popover.style.js

@@ -17,7 +17,7 @@ var _icon2 = _interopRequireDefault(require("../icon/icon.style"));
 
 var _button = _interopRequireDefault(require("../button/button.style"));
 
-var _browserTypeCheck = require("../../utils/helpers/browser-type-check");
+var _browserTypeCheck = require("../../__internal__/utils/helpers/browser-type-check");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 

package/lib/components/action-toolbar/action-toolbar.component.js

@@ -13,11 +13,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _link = _interopRequireDefault(require("../link"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _actionToolbar = require("./action-toolbar.style");
 
-var _logger = _interopRequireDefault(require("../../utils/logger/logger"));
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
 

package/lib/components/advanced-color-picker/advanced-color-picker.component.js

@@ -15,7 +15,7 @@ var _advancedColorPicker = require("./advanced-color-picker.style");
 
 var _simpleColorPicker = require("../simple-color-picker");
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _utils = require("../../style/utils");
 

package/lib/components/anchor-navigation/anchor-navigation.component.js

@@ -13,7 +13,7 @@ var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
 var _reactIs = require("react-is");
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
 var _anchorNavigation = require("./anchor-navigation.style");
 

package/lib/components/app-wrapper/app-wrapper.component.js

@@ -11,9 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
-var _ether = require("../../utils/ether");
+var _ether = require("../../__internal__/utils/ether");
 
 var _appWrapper = _interopRequireDefault(require("./app-wrapper.style"));
 

package/lib/components/button/button.component.js

@@ -15,7 +15,7 @@ var _icon = _interopRequireDefault(require("../icon"));
 
 var _button = _interopRequireWildcard(require("./button.style"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/components/button-toggle/button-toggle.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _buttonToggle = require("./button-toggle.style");
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _buttonToggleIcon = _interopRequireDefault(require("./button-toggle-icon.component"));
 

package/lib/components/carousel/carousel.component.js

@@ -19,13 +19,13 @@ var _lodash = require("lodash");
 
 var _styledComponents = require("styled-components");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _slide = _interopRequireDefault(require("./slide/slide.component"));
 
 var _carousel = require("./carousel.style");
 
-var _guid = _interopRequireDefault(require("../../utils/helpers/guid"));
+var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 

package/lib/components/carousel/slide/slide.component.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _tags = _interopRequireDefault(require("../../../utils/helpers/tags/tags"));
+var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 
 var _slide = require("./slide.style");
 

package/lib/components/checkbox/checkbox-group.component.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _checkbox = require("./checkbox.style");
 

package/lib/components/configurable-items/configurable-item-row/configurable-item-row.component.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styledComponents = require("styled-components");
 
-var _tags = _interopRequireDefault(require("../../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 
 var _dragAndDrop = require("../../drag-and-drop");
 

package/lib/components/configurable-items/configurable-items.component.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styledComponents = require("styled-components");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _dragAndDrop = require("../drag-and-drop");
 
@@ -25,7 +25,7 @@ var _form = _interopRequireDefault(require("../form"));
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
-var _logger = _interopRequireDefault(require("../../utils/logger/logger"));
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
 

package/lib/components/confirm/confirm.component.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _logger = _interopRequireDefault(require("../../utils/logger/logger"));
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 
 var _heading = _interopRequireDefault(require("../heading"));
 

package/lib/components/date/date-picker.component.js

@@ -17,7 +17,7 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
 var _popover = _interopRequireDefault(require("../../__internal__/popover"));
 
-var _date = _interopRequireDefault(require("../../utils/helpers/date/date"));
+var _date = _interopRequireDefault(require("../../__internal__/date"));
 
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 

package/lib/components/date/date.component.js

@@ -15,9 +15,9 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _utils = require("../../style/utils");
 
-var _events = _interopRequireDefault(require("../../utils/helpers/events/events"));
+var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
-var _date = _interopRequireDefault(require("../../utils/helpers/date/date"));
+var _date = _interopRequireDefault(require("../../__internal__/date"));
 
 var _datePicker = _interopRequireDefault(require("./date-picker.component"));
 
@@ -25,9 +25,9 @@ var _date2 = _interopRequireDefault(require("./date.style"));
 
 var _textbox = _interopRequireDefault(require("../textbox"));
 
-var _withUniqueIdProps = _interopRequireDefault(require("../../utils/helpers/with-unique-id-props"));
+var _withUniqueIdProps = _interopRequireDefault(require("../../__internal__/utils/helpers/with-unique-id-props"));
 
-var _browserTypeCheck = require("../../utils/helpers/browser-type-check");
+var _browserTypeCheck = require("../../__internal__/utils/helpers/browser-type-check");
 
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
 

package/lib/components/date-range/date-range.component.js

@@ -15,11 +15,11 @@ var _date = _interopRequireDefault(require("../date"));
 
 var _utils = require("../../style/utils");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _dateRange = _interopRequireDefault(require("./date-range.style"));
 
-var _date2 = _interopRequireDefault(require("../../utils/helpers/date"));
+var _date2 = _interopRequireDefault(require("../../__internal__/date"));
 
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
 

package/lib/components/detail/detail.component.js

@@ -15,7 +15,7 @@ var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _utils = require("../../style/utils");
 
-var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _detail = require("./detail.style");
 

package/lib/components/dialog/dialog.style.js

@@ -69,17 +69,25 @@ const DialogStyle = _styledComponents.default.div`
     `};
 
   ${_form.StyledForm} {
-    height: 100%;
     padding-bottom: 0px;
     box-sizing: border-box;
   }
 
+  ${_form.StyledFormContent}.sticky {
+    height: calc(100vh - 210px);
+    padding-right: ${HORIZONTAL_PADDING}px;
+    padding-left: ${HORIZONTAL_PADDING}px;
+    padding-top: 20px;
+    margin-right: -${HORIZONTAL_PADDING}px;
+    margin-left: -${HORIZONTAL_PADDING}px;
+    margin-top: -20px;
+  }
+
   ${_form.StyledFormFooter}.sticky {
     margin-left: -${HORIZONTAL_PADDING}px;
     bottom: -${CONTENT_BOTTOM_PADDING}px;
     margin-bottom: -${CONTENT_BOTTOM_PADDING}px;
     width: calc(100% + ${2 * HORIZONTAL_PADDING}px);
-    position: sticky;
     padding-left: ${HORIZONTAL_PADDING}px;
     padding-right: ${HORIZONTAL_PADDING}px;
   }

package/lib/components/dialog-full-screen/content.style.js

@@ -18,17 +18,62 @@ const StyledContent = _styledComponents.default.div`
   padding: 0 16px;
   flex: 1;
 
+  ${({
+  headingHeight
+}) => (0, _styledComponents.css)`
+    ${_form.StyledFormContent}.sticky {
+      height: calc(100vh - ${headingHeight + 72}px);
+
+      padding-right: 16px;
+      padding-left: 16px;
+      margin-right: -16px;
+      margin-left: -16px;
+
+      @media screen and (min-width: 600px) {
+        padding-right: 24px;
+        padding-left: 24px;
+        margin-right: -24px;
+        margin-left: -24px;
+      }
+      @media screen and (min-width: 960px) {
+        padding-right: 32px;
+        padding-left: 32px;
+        margin-right: -32px;
+        margin-left: -32px;
+      }
+      @media screen and (min-width: 1260px) {
+        padding-right: 40px;
+        padding-left: 40px;
+        margin-right: -40px;
+        margin-left: -40px;
+      }
+    }
+  `}
+
   ${_form.StyledFormFooter}.sticky {
     padding: 16px;
 
+    margin-right: -16px;
+    margin-left: -16px;
+    width: calc(100% + 32px);
+
     @media screen and (min-width: 600px) {
       padding: 16px 24px;
+      margin-right: -24px;
+      margin-left: -24px;
+      width: calc(100% + 48px);
     }
     @media screen and (min-width: 960px) {
       padding: 16px 32px;
+      margin-right: -32px;
+      margin-left: -32px;
+      width: calc(100% + 64px);
     }
     @media screen and (min-width: 1260px) {
       padding: 16px 40px;
+      margin-right: -40px;
+      margin-left: -40px;
+      width: calc(100% + 80px);
     }
   }