carbon-react 118.5.1 → 118.6.0

package/lib/components/flat-table/flat-table.style.js

@@ -3,36 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTableContainer = exports.StyledFlatTableFooter = exports.StyledFlatTable = exports.StyledFlatTableWrapper = void 0;
-
+exports.StyledTableContainer = exports.StyledFlatTableWrapper = exports.StyledFlatTableFooter = exports.StyledFlatTable = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header/flat-table-header.style"));
-
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row/flat-table-row.style"));
-
 var _flatTableRowHeader = require("./flat-table-row-header/flat-table-row-header.style");
-
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head/flat-table-head.style"));
-
 var _flatTableCheckbox = _interopRequireDefault(require("./flat-table-checkbox/flat-table-checkbox.style"));
-
 var _themes = require("../../style/themes");
-
 var _flatTableCell = require("./flat-table-cell/flat-table-cell.style");
-
 var _cellSizes = _interopRequireDefault(require("./cell-sizes.style"));
-
 var _box = _interopRequireDefault(require("../box"));
-
 var _pager = require("../pager/pager.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const HEADER_OVERLAY_INCREMENT = 3;
 const STICKY_FOOTER_OVERLAY_INCREMENT = 1;
 const ROW_HEADER_OVERLAY_INCREMENT = 5;
@@ -40,14 +25,17 @@ const StyledTableContainer = _styledComponents.default.div`
   display: grid;
   grid-auto-rows: min-content;
 
-  ${({
-  width,
-  overflowX
-}) => width && (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    width,
+    overflowX
+  } = _ref;
+  return width && (0, _styledComponents.css)`
       width: ${width};
 
       ${overflowX && `overflow-x: ${overflowX};`}
-    `}
+    `;
+}}
 `;
 exports.StyledTableContainer = StyledTableContainer;
 const StyledFlatTable = _styledComponents.default.table`
@@ -61,9 +49,11 @@ const StyledFlatTable = _styledComponents.default.table`
     border-top-right-radius: var(--borderRadius100);
   }
 
-  ${({
-  caption
-}) => caption && (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    caption
+  } = _ref2;
+  return caption && (0, _styledComponents.css)`
       caption {
         clip: rect(1px, 1px, 1px, 1px);
         height: 1px;
@@ -72,11 +62,13 @@ const StyledFlatTable = _styledComponents.default.table`
         position: absolute;
         top: -99999px;
       }
-    `}
+    `;
+}}
 
-  ${({
-  size
-}) => {
+  ${_ref3 => {
+  let {
+    size
+  } = _ref3;
   const {
     height,
     fontSize,
@@ -98,9 +90,11 @@ const StyledFlatTable = _styledComponents.default.table`
     `;
 }}
 
-  ${({
-  isZebra
-}) => isZebra && (0, _styledComponents.css)`
+  ${_ref4 => {
+  let {
+    isZebra
+  } = _ref4;
+  return isZebra && (0, _styledComponents.css)`
       ${_flatTableRow.default}:nth-child(2n) {
         ${_flatTableRowHeader.StyledFlatTableRowHeader},
         ${_flatTableCell.StyledFlatTableCell},
@@ -115,7 +109,8 @@ const StyledFlatTable = _styledComponents.default.table`
           background-color: var(--colorsUtilityMajor025);
         }
       }
-    `}
+    `;
+}}
 `;
 exports.StyledFlatTable = StyledFlatTable;
 StyledFlatTable.defaultProps = {
@@ -124,17 +119,22 @@ StyledFlatTable.defaultProps = {
 const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   border-top-left-radius: var(--borderRadius100);
   border-top-right-radius: var(--borderRadius100);
-  ${({
-  hasStickyFooter,
-  hasHorizontalScrollbar
-}) => !hasStickyFooter && !hasHorizontalScrollbar && (0, _styledComponents.css)`
+  ${_ref5 => {
+  let {
+    hasStickyFooter,
+    hasHorizontalScrollbar
+  } = _ref5;
+  return !hasStickyFooter && !hasHorizontalScrollbar && (0, _styledComponents.css)`
       border-bottom-left-radius: var(--borderRadius100);
       border-bottom-right-radius: var(--borderRadius100);
-    `}
+    `;
+}}
 
-  ${({
-  isInSidebar
-}) => (0, _styledComponents.css)`
+  ${_ref6 => {
+  let {
+    isInSidebar
+  } = _ref6;
+  return (0, _styledComponents.css)`
       box-sizing: border-box;
 
       :focus {
@@ -150,11 +150,13 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
       }
 
       ${isInSidebar ? "min-width: fit-content" : `box-shadow: inset 0px 0px 0px 1px var(--colorsUtilityMajor100)`};
-    `}
+    `;
+}}
 
-  ${({
-  colorTheme
-}) => {
+  ${_ref7 => {
+  let {
+    colorTheme
+  } = _ref7;
   switch (colorTheme) {
     case "light":
       return (0, _styledComponents.css)`
@@ -171,7 +173,6 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
             border-left-color: var(--colorsUtilityMajor150);
           }
         `;
-
     case "transparent-base":
       return (0, _styledComponents.css)`
           ${_flatTableHeader.default},
@@ -187,7 +188,6 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
             border-left-color: var(--colorsUtilityMajor025);
           }
         `;
-
     case "transparent-white":
       return (0, _styledComponents.css)`
           ${_flatTableHeader.default},
@@ -204,7 +204,6 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
           }
         `;
     // default theme is "dark"
-
     default:
       return (0, _styledComponents.css)`
           ${_flatTableHead.default} ${_flatTableCheckbox.default},
@@ -226,9 +225,11 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   }
 }}
 
-  ${({
-  isInSidebar
-}) => isInSidebar && (0, _styledComponents.css)`
+  ${_ref8 => {
+  let {
+    isInSidebar
+  } = _ref8;
+  return isInSidebar && (0, _styledComponents.css)`
       ${_flatTableHead.default} {
         background-color: var(--colorsUtilityMajor040);
       }
@@ -239,26 +240,33 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
         color: var(--colorsUtilityYin090);
         border-bottom-color: var(--colorsUtilityMajor100);
       }
-    `}
+    `;
+}}
 
-  ${({
-  hasStickyHead,
-  theme
-}) => hasStickyHead && (0, _styledComponents.css)`
+  ${_ref9 => {
+  let {
+    hasStickyHead,
+    theme
+  } = _ref9;
+  return hasStickyHead && (0, _styledComponents.css)`
       ${_flatTableHead.default} {
         position: sticky;
         top: 0;
         left: 0;
         z-index: ${theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT};
       }
-    `}
+    `;
+}}
 
   ${_flatTableHead.default} ${_flatTableRowHeader.StyledFlatTableRowHeader},
   ${_flatTableHeader.default}.isSticky,
   ${_flatTableHead.default} ${_flatTableCheckbox.default}.isSticky {
-    z-index: ${({
-  theme
-}) => theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT};
+    z-index: ${_ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.zIndex.overlay + ROW_HEADER_OVERLAY_INCREMENT;
+}};
   }
 
   thead ${_flatTableHeader.default}.isSticky, ${_flatTableCheckbox.default}.isSticky {
@@ -266,9 +274,12 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
   }
 
   ${_flatTableHeader.default}, ${_flatTableCheckbox.default} {
-    z-index: ${({
-  theme
-}) => theme.zIndex.overlay + HEADER_OVERLAY_INCREMENT};
+    z-index: ${_ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.zIndex.overlay + HEADER_OVERLAY_INCREMENT;
+}};
   }
 
   thead {
@@ -276,13 +287,16 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
       th:first-of-type {
         border-top-left-radius: var(--borderRadius100);
       }
-      ${({
-  hasVerticalScrollbar
-}) => !hasVerticalScrollbar && (0, _styledComponents.css)`
+      ${_ref12 => {
+  let {
+    hasVerticalScrollbar
+  } = _ref12;
+  return !hasVerticalScrollbar && (0, _styledComponents.css)`
           th:last-of-type {
             border-top-right-radius: var(--borderRadius100);
           }
-        `}
+        `;
+}}
     }
   }
 
@@ -291,81 +305,104 @@ const StyledFlatTableWrapper = (0, _styledComponents.default)(_box.default)`
     ${_flatTableCell.StyledFlatTableCell}.isSticky,
     tbody
     ${_flatTableCheckbox.default}.isSticky {
-    z-index: ${({
-  theme
-}) => theme.zIndex.overlay};
+    z-index: ${_ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.zIndex.overlay;
+}};
   }
 
-  ${({
-  hasFooter
-}) => hasFooter && (0, _styledComponents.css)`
+  ${_ref14 => {
+  let {
+    hasFooter
+  } = _ref14;
+  return hasFooter && (0, _styledComponents.css)`
     tr:last-child:focus {
       :after {
         border-bottom-left-radius: var(--borderRadius000);
         border-bottom-right-radius: var(--borderRadius000);
       }
-  `}
+  `;
+}}
 
-  ${({
-  hasFooter
-}) => !hasFooter && (0, _styledComponents.css)`
+  ${_ref15 => {
+  let {
+    hasFooter
+  } = _ref15;
+  return !hasFooter && (0, _styledComponents.css)`
       tbody {
-        ${({
-  firstColRowSpanIndex
-}) => firstColRowSpanIndex >= 0 && (0, _styledComponents.css)`
+        ${_ref16 => {
+    let {
+      firstColRowSpanIndex
+    } = _ref16;
+    return firstColRowSpanIndex >= 0 && (0, _styledComponents.css)`
             ${_flatTableRow.default}:nth-of-type(${firstColRowSpanIndex + 1}) {
               th:first-child,
               td:first-child {
                 border-bottom-left-radius: var(--borderRadius100);
               }
             }
-          `}
-
-        ${({
-  lastColRowSpanIndex,
-  hasHorizontalScrollbar
-}) => lastColRowSpanIndex >= 0 && !hasHorizontalScrollbar && (0, _styledComponents.css)`
+          `;
+  }}
+
+        ${_ref17 => {
+    let {
+      lastColRowSpanIndex,
+      hasHorizontalScrollbar
+    } = _ref17;
+    return lastColRowSpanIndex >= 0 && !hasHorizontalScrollbar && (0, _styledComponents.css)`
             ${_flatTableRow.default}:nth-of-type(${lastColRowSpanIndex + 1}) {
               th:last-child,
               td:last-child {
                 border-bottom-right-radius: var(--borderRadius100);
               }
             }
-          `}
+          `;
+  }}
 
         ${_flatTableRow.default}:last-of-type {
-          ${({
-  hasHorizontalScrollbar,
-  firstColRowSpanIndex
-}) => !hasHorizontalScrollbar && firstColRowSpanIndex === -1 && (0, _styledComponents.css)`
+          ${_ref18 => {
+    let {
+      hasHorizontalScrollbar,
+      firstColRowSpanIndex
+    } = _ref18;
+    return !hasHorizontalScrollbar && firstColRowSpanIndex === -1 && (0, _styledComponents.css)`
               th:first-child,
               td:first-child {
                 border-bottom-left-radius: var(--borderRadius100);
               }
-            `}
-          ${({
-  hasVerticalScrollbar,
-  hasHorizontalScrollbar,
-  lastColRowSpanIndex
-}) => !hasVerticalScrollbar && !hasHorizontalScrollbar && lastColRowSpanIndex === -1 && (0, _styledComponents.css)`
+            `;
+  }}
+          ${_ref19 => {
+    let {
+      hasVerticalScrollbar,
+      hasHorizontalScrollbar,
+      lastColRowSpanIndex
+    } = _ref19;
+    return !hasVerticalScrollbar && !hasHorizontalScrollbar && lastColRowSpanIndex === -1 && (0, _styledComponents.css)`
               th:last-child,
               td:last-child {
                 border-bottom-right-radius: var(--borderRadius100);
               }
-            `}
+            `;
+  }}
         }
       }
-    `}
+    `;
+}}
 `;
 exports.StyledFlatTableWrapper = StyledFlatTableWrapper;
 StyledFlatTableWrapper.defaultProps = {
   theme: _themes.baseTheme
 };
 const StyledFlatTableFooter = _styledComponents.default.div`
-  ${({
-  hasStickyFooter,
-  theme
-}) => hasStickyFooter && (0, _styledComponents.css)`
+  ${_ref20 => {
+  let {
+    hasStickyFooter,
+    theme
+  } = _ref20;
+  return hasStickyFooter && (0, _styledComponents.css)`
       position: sticky;
       bottom: 0px;
       z-index: ${theme.zIndex.overlay + STICKY_FOOTER_OVERLAY_INCREMENT};
@@ -374,7 +411,8 @@ const StyledFlatTableFooter = _styledComponents.default.div`
         border-bottom-left-radius: var(--borderRadius000);
         border-bottom-right-radius: var(--borderRadius000);
       }
-    `}
+    `;
+}}
 `;
 exports.StyledFlatTableFooter = StyledFlatTableFooter;
 StyledFlatTableFooter.defaultProps = {

package/lib/components/flat-table/index.js

@@ -9,52 +9,52 @@ Object.defineProperty(exports, "FlatTable", {
     return _flatTable.default;
   }
 });
-Object.defineProperty(exports, "FlatTableHead", {
+Object.defineProperty(exports, "FlatTableBody", {
   enumerable: true,
   get: function () {
-    return _flatTableHead.default;
+    return _flatTableBody.default;
   }
 });
-Object.defineProperty(exports, "FlatTableHeader", {
+Object.defineProperty(exports, "FlatTableBodyDraggable", {
   enumerable: true,
   get: function () {
-    return _flatTableHeader.default;
+    return _flatTableBodyDraggable.default;
   }
 });
-Object.defineProperty(exports, "FlatTableBody", {
+Object.defineProperty(exports, "FlatTableCell", {
   enumerable: true,
   get: function () {
-    return _flatTableBody.default;
+    return _flatTableCell.default;
   }
 });
-Object.defineProperty(exports, "FlatTableRow", {
+Object.defineProperty(exports, "FlatTableCheckbox", {
   enumerable: true,
   get: function () {
-    return _flatTableRow.default;
+    return _flatTableCheckbox.default;
   }
 });
-Object.defineProperty(exports, "FlatTableRowHeader", {
+Object.defineProperty(exports, "FlatTableHead", {
   enumerable: true,
   get: function () {
-    return _flatTableRowHeader.default;
+    return _flatTableHead.default;
   }
 });
-Object.defineProperty(exports, "FlatTableCell", {
+Object.defineProperty(exports, "FlatTableHeader", {
   enumerable: true,
   get: function () {
-    return _flatTableCell.default;
+    return _flatTableHeader.default;
   }
 });
-Object.defineProperty(exports, "FlatTableCheckbox", {
+Object.defineProperty(exports, "FlatTableRow", {
   enumerable: true,
   get: function () {
-    return _flatTableCheckbox.default;
+    return _flatTableRow.default;
   }
 });
-Object.defineProperty(exports, "FlatTableBodyDraggable", {
+Object.defineProperty(exports, "FlatTableRowHeader", {
   enumerable: true,
   get: function () {
-    return _flatTableBodyDraggable.default;
+    return _flatTableRowHeader.default;
   }
 });
 Object.defineProperty(exports, "Sort", {
@@ -63,25 +63,14 @@ Object.defineProperty(exports, "Sort", {
     return _sort.default;
   }
 });
-
 var _flatTable = _interopRequireDefault(require("./flat-table.component"));
-
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head/flat-table-head.component"));
-
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header/flat-table-header.component"));
-
 var _flatTableBody = _interopRequireDefault(require("./flat-table-body/flat-table-body.component"));
-
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row/flat-table-row.component"));
-
 var _flatTableRowHeader = _interopRequireDefault(require("./flat-table-row-header/flat-table-row-header.component"));
-
 var _flatTableCell = _interopRequireDefault(require("./flat-table-cell/flat-table-cell.component"));
-
 var _flatTableCheckbox = _interopRequireDefault(require("./flat-table-checkbox/flat-table-checkbox.component"));
-
 var _flatTableBodyDraggable = _interopRequireDefault(require("./flat-table-body-draggable/flat-table-body-draggable.component"));
-
 var _sort = _interopRequireDefault(require("./sort/sort.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/sort/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _sort.default;
   }
 });
-
 var _sort = _interopRequireDefault(require("./sort.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/flat-table/sort/sort.component.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-
 var _icon = _interopRequireDefault(require("../../icon"));
-
 var _sort = require("./sort.style");
-
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const Sort = ({
-  children,
-  onClick,
-  sortType
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Sort = _ref => {
+  let {
+    children,
+    onClick,
+    sortType
+  } = _ref;
   const id = (0, _react.useRef)((0, _guid.default)());
-
   const onKeyDown = e => {
     if (_events.default.isEnterOrSpaceKey(e)) {
       e.preventDefault();
       return onClick();
     }
-
     return null;
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     hidden: true,
     id: id.current
@@ -55,14 +43,11 @@ const Sort = ({
     color: "--colorsUtilityMajor200"
   })), !sortType && /*#__PURE__*/_react.default.createElement(_sort.StyledSpaceHolder, null));
 };
-
 Sort.propTypes = {
   /** if `asc` it will show `sort_up` icon, if `desc` it will show `sort_down` */
   sortType: _propTypes.default.oneOf(["ascending", "descending", false]),
-
   /** Callback fired when the `FlatTableSortHeader` is clicked */
   onClick: _propTypes.default.func,
-
   /** The content of `FlatTableSortHeader` */
   children: _propTypes.default.node
 };

package/lib/components/flat-table/sort/sort.style.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSpaceHolder = exports.StyledSort = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledSort = _styledComponents.default.div`
   display: inline-flex;
   align-items: center;

package/lib/components/form/__internal__/form-summary.component.d.ts

@@ -14,6 +14,6 @@ export interface FormSummaryProps {
     /** Applies full width styling */
     fullWidth?: boolean;
 }
-export declare const Summary: ({ type, errorCount, warningCount, }: SummaryProps) => JSX.Element | null;
-declare const FormSummary: ({ fullWidth, ...props }: FormSummaryProps) => JSX.Element;
+export declare const Summary: ({ type, errorCount, warningCount, }: SummaryProps) => React.JSX.Element | null;
+declare const FormSummary: ({ fullWidth, ...props }: FormSummaryProps) => React.JSX.Element;
 export default FormSummary;