carbon-react 106.3.1 → 106.3.2

package/lib/components/pager/pager.style.d.ts

@@ -3,7 +3,7 @@ export const StyledPagerSizeOptions: import("styled-components").StyledComponent
 export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/pod/pod.style.d.ts

@@ -1,6 +1,6 @@
 export const StyledBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDeleteButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
 export const StyledUndoButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;

package/lib/components/radio-button/radio-button-svg.component.js

@@ -1,52 +1,34 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _checkableInputSvgWrapper = _interopRequireDefault(
-  require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style")
-);
+var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const RadioButtonSvg = () => {
-  return /*#__PURE__*/ _react.default.createElement(
-    _checkableInputSvgWrapper.default,
-    null,
-    /*#__PURE__*/ _react.default.createElement(
-      "svg",
-      {
-        focusable: "false",
-        viewBox: "0 0 15 15",
-      },
-      /*#__PURE__*/ _react.default.createElement(
-        "g",
-        {
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-        },
-        /*#__PURE__*/ _react.default.createElement("circle", {
-          className: "radio-button-check",
-          fill: "#FFFFFF",
-          cx: "7.5",
-          cy: "7.5",
-          r: "5",
-        })
-      )
-    )
-  );
+  return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    viewBox: "0 0 15 15"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    className: "radio-button-check",
+    fill: "#FFFFFF",
+    cx: "7.5",
+    cy: "7.5",
+    r: "5"
+  }))));
 };
 
-var _default = /*#__PURE__*/ _react.default.memo(RadioButtonSvg, () => true);
+var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
 
-exports.default = _default;
+exports.default = _default;

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -1,2 +1,2 @@
 export default StyledEditorLink;
-declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;

package/lib/components/tooltip/tooltip.component.js

@@ -1,12 +1,12 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = exports.Tooltip = void 0;
 
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _headless = _interopRequireDefault(require("@tippyjs/react/headless"));
@@ -17,233 +17,116 @@ var _invariant = _interopRequireDefault(require("invariant"));
 
 var _tooltip = _interopRequireDefault(require("./tooltip.style"));
 
-var _tooltipPointer = _interopRequireDefault(
-  require("./tooltip-pointer.style")
-);
+var _tooltipPointer = _interopRequireDefault(require("./tooltip-pointer.style"));
 
 var _tooltip2 = require("./tooltip.config");
 
-var _tags = _interopRequireDefault(
-  require("../../__internal__/utils/helpers/tags/tags")
-);
-
-var _carbonScopedTokensProvider = _interopRequireDefault(
-  require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component")
-);
-
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
+var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const TOOLTIP_DELAY = 100;
 const tippyPlugins = [_tippy.sticky];
 
-const Tooltip = /*#__PURE__*/ _react.default.forwardRef(
-  (
-    {
-      children,
-      isVisible,
-      position = "top",
-      message,
-      type,
-      size = "medium",
-      isPartOfInput,
-      inputSize,
-      id,
-      bgColor,
-      fontColor,
-      flipOverrides,
-      target,
-      ...rest
-    },
-    ref
-  ) => {
-    const isFlipOverridesValid =
-      !flipOverrides ||
-      (Array.isArray(flipOverrides) &&
-        flipOverrides.every((placement) =>
-          _tooltip2.TOOLTIP_POSITIONS.includes(placement)
-        ));
-    (0, _invariant.default)(
-      isFlipOverridesValid,
-      `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`
-    );
-
-    const tooltip = (attrs, content) => {
-      const currentPosition = attrs["data-placement"] || position;
-      return /*#__PURE__*/ _react.default.createElement(
-        _carbonScopedTokensProvider.default,
-        null,
-        /*#__PURE__*/ _react.default.createElement(
-          _tooltip.default,
-          _extends(
-            {
-              "data-element": "tooltip",
-              role: "tooltip",
-              tabIndex: -1,
-              type: type,
-              size: size,
-              id: id,
-            },
-            (0, _tags.default)("tooltip", rest),
-            {
-              isPartOfInput: isPartOfInput,
-              inputSize: inputSize,
-            },
-            attrs,
-            {
-              position: currentPosition,
-              ref: ref,
-              bgColor: bgColor,
-              fontColor: fontColor,
-            }
-          ),
-          /*#__PURE__*/ _react.default.createElement(
-            _tooltipPointer.default,
-            _extends(
-              {
-                key: "pointer",
-                type: type,
-              },
-              attrs,
-              {
-                position: currentPosition,
-                "data-popper-arrow": "",
-                "data-element": "tooltip-pointer",
-                bgColor: bgColor,
-              }
-            )
-          ),
-          content
-        )
-      );
-    };
-
-    return /*#__PURE__*/ _react.default.createElement(
-      _headless.default,
-      _extends(
-        {
-          placement: position,
-          delay: TOOLTIP_DELAY,
-        },
-        isVisible !== undefined && {
-          visible: isVisible,
-        },
-        {
-          plugins: tippyPlugins,
-          sticky: true,
-          render: (attrs) => tooltip(attrs, message),
-          reference: target,
-          popperOptions: {
-            modifiers: [
-              ...(flipOverrides
-                ? [
-                    {
-                      name: "flip",
-                      options: {
-                        fallbackPlacements: flipOverrides,
-                      },
-                    },
-                  ]
-                : []),
-              {
-                name: "computeStyles",
-                options: {
-                  gpuAcceleration: false,
-                },
-              },
-            ],
-          },
+const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  isVisible,
+  position = "top",
+  message,
+  type,
+  size = "medium",
+  isPartOfInput,
+  inputSize,
+  id,
+  bgColor,
+  fontColor,
+  flipOverrides,
+  target,
+  ...rest
+}, ref) => {
+  const isFlipOverridesValid = !flipOverrides || Array.isArray(flipOverrides) && flipOverrides.every(placement => _tooltip2.TOOLTIP_POSITIONS.includes(placement));
+  (0, _invariant.default)(isFlipOverridesValid, `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`);
+
+  const tooltip = (attrs, content) => {
+    const currentPosition = attrs["data-placement"] || position;
+    return /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({
+      "data-element": "tooltip",
+      role: "tooltip",
+      tabIndex: -1,
+      type: type,
+      size: size,
+      id: id
+    }, (0, _tags.default)("tooltip", rest), {
+      isPartOfInput: isPartOfInput,
+      inputSize: inputSize
+    }, attrs, {
+      position: currentPosition,
+      ref: ref,
+      bgColor: bgColor,
+      fontColor: fontColor
+    }), /*#__PURE__*/_react.default.createElement(_tooltipPointer.default, _extends({
+      key: "pointer",
+      type: type
+    }, attrs, {
+      position: currentPosition,
+      "data-popper-arrow": "",
+      "data-element": "tooltip-pointer",
+      bgColor: bgColor
+    })), content));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_headless.default, _extends({
+    placement: position,
+    delay: TOOLTIP_DELAY
+  }, isVisible !== undefined && {
+    visible: isVisible
+  }, {
+    plugins: tippyPlugins,
+    sticky: true,
+    render: attrs => tooltip(attrs, message),
+    reference: target,
+    popperOptions: {
+      modifiers: [...(flipOverrides ? [{
+        name: "flip",
+        options: {
+          fallbackPlacements: flipOverrides
         }
-      ),
-      children
-    );
-  }
-);
+      }] : []), {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: false
+        }
+      }]
+    }
+  }), children);
+});
 
+exports.Tooltip = Tooltip;
 Tooltip.propTypes = {
-  /**
-   * Override background color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  bgColor: _propTypes.default.string,
-  /**
-   * Children elements
-   */
-  children: _propTypes.default.element.isRequired,
-  /**
-   * Overrides the default flip behaviour of the Tooltip,
-   * must be an array containing some or all of ["top", "bottom", "left", "right"]
-   * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
-   */
-  flipOverrides: _propTypes.default.arrayOf(
-    _propTypes.default.oneOf(["bottom", "left", "right", "top"])
-  ),
-  /**
-   * Override font color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  fontColor: _propTypes.default.string,
-  /**
-   * The id attribute to use for the tooltip
-   */
-  id: _propTypes.default.string,
-  inputSize: _propTypes.default.oneOf(["large", "medium", "small"]),
-  isPartOfInput: _propTypes.default.bool,
-  /**
-   * Whether to to show the Tooltip
-   */
-  isVisible: _propTypes.default.bool,
-  key: _propTypes.default.oneOfType([
-    _propTypes.default.number,
-    _propTypes.default.string,
-  ]),
-  /**
-   * The message to be displayed within the tooltip
-   */
-  message: _propTypes.default.node,
-  /**
-   * Sets position of the tooltip
-   */
-  position: _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * Defines the size of the tooltip content
-   */
-  size: _propTypes.default.oneOf(["large", "medium"]),
-  target: function (props, propName) {
+  "bgColor": _propTypes.default.string,
+  "children": _propTypes.default.element.isRequired,
+  "flipOverrides": _propTypes.default.arrayOf(_propTypes.default.oneOf(["bottom", "left", "right", "top"])),
+  "fontColor": _propTypes.default.string,
+  "id": _propTypes.default.string,
+  "inputSize": _propTypes.default.oneOf(["large", "medium", "small"]),
+  "isPartOfInput": _propTypes.default.bool,
+  "isVisible": _propTypes.default.bool,
+  "message": _propTypes.default.node,
+  "position": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+  "size": _propTypes.default.oneOf(["large", "medium"]),
+  "target": function (props, propName) {
     if (props[propName] == null) {
       return null;
-    } else if (
-      typeof props[propName] !== "object" ||
-      props[propName].nodeType !== 1
-    ) {
-      return new Error(
-        "Expected prop '" + propName + "' to be of type Element"
-      );
+    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+      return new Error("Expected prop '" + propName + "' to be of type Element");
     }
   },
-  /**
-   * Defines the message type
-   */
-  type: _propTypes.default.string,
+  "type": _propTypes.default.string
 };
-
-exports.Tooltip = Tooltip;
 Tooltip.displayName = "Tooltip";
 var _default = Tooltip;
-exports.default = _default;
+exports.default = _default;

package/lib/components/vertical-divider/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./vertical-divider.component";
+export type { VerticalDividerProps } from "./vertical-divider.component";

package/lib/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { SpaceProps } from "styled-system";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
-export interface VerticalDividerPropTypes extends SpaceProps {
+export interface VerticalDividerProps extends SpaceProps {
     h?: number | string;
     height?: number | string;
     displayInline?: boolean;
     /** the supported rage is 1-100  */
     tint?: TintRange;
 }
-declare const VerticalDivider: ({ h, height, displayInline, tint, ...props }: VerticalDividerPropTypes) => JSX.Element;
+declare const VerticalDivider: ({ h, height, displayInline, tint, ...props }: VerticalDividerProps) => JSX.Element;
 export default VerticalDivider;