@sebgroup/green-react 3.20.0 → 3.20.1

package/src/lib/icon/icons/IconZoomIn.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconZoomIn as IconZoomIn$1 } from '@sebgroup/green-core/components/icon/icons/zoom-in.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconZoomIn = createComponent({
   tagName: getScopedTagName('gds-icon-zoom-in'),
   elementClass: IconZoomIn$1,
-  react: React
+  react: React__default
 });
 
 export { IconZoomIn };

package/src/lib/icon/icons/IconZoomOut.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconZoomOut as IconZoomOut$1 } from '@sebgroup/green-core/components/icon/icons/zoom-out.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconZoomOut = createComponent({
   tagName: getScopedTagName('gds-icon-zoom-out'),
   elementClass: IconZoomOut$1,
-  react: React
+  react: React__default
 });
 
 export { IconZoomOut };

package/src/lib/in-page-wizard/inPageWizardStepCard.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
 import '../../../_tslib.js';
 import '@sebgroup/extract';
 import { Check } from '../icons/check.js';
 import { Edit } from '../icons/edit.js';
-import classNames from 'classnames';
 
 var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
   var _ref$editBtnText = _ref.editBtnText,

package/src/lib/in-page-wizard/index.js

@@ -1,7 +1,7 @@
 export { InPageWizardStepCard } from './inPageWizardStepCard.js';
 import 'react/jsx-runtime';
+import 'classnames';
 import '../../../_tslib.js';
 import '@sebgroup/extract';
 import '../icons/check.js';
 import '../icons/edit.js';
-import 'classnames';

package/src/lib/layout/flexbox/flexbox.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, HTMLProps } from 'react';
+import { HTMLProps, PropsWithChildren } from 'react';
 import { AlignContentType, AlignType, FlexDirectionType, FlexWrapType, JustifyContentType } from './types';
 export interface FlexboxProps extends HTMLProps<HTMLDivElement> {
     alignContent?: AlignContentType;

package/src/lib/list/list.d.ts

@@ -1,5 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
 import { ListType } from '@sebgroup/extract';
-import { ReactNode, HTMLAttributes } from 'react';
 export interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {
     listType?: ListType;
     tableCaption?: string;

package/src/lib/list/listItem.d.ts

@@ -1,5 +1,5 @@
-import { ListType } from '@sebgroup/extract';
 import { HTMLAttributes, ReactNode } from 'react';
+import { ListType } from '@sebgroup/extract';
 import { TableListProps } from './list';
 interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
     listType?: ListType;

package/src/lib/modal/index.js

@@ -2,8 +2,8 @@ export { Modal } from './modal.js';
 import '../../../_rollupPluginBabelHelpers.js';
 import '../../../_tslib.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';
 import 'react';
-import '../form/button/button.js';
-import 'classnames';
 import 'body-scroll-lock';
+import 'classnames';
+import '@sebgroup/extract';
+import '../form/button/button.js';

package/src/lib/modal/modal.d.ts

@@ -1,5 +1,5 @@
-import { ModalType, Size } from '@sebgroup/extract';
 import { MouseEvent, ReactNode } from 'react';
+import { ModalType, Size } from '@sebgroup/extract';
 type ModalEventListener = (event: MouseEvent<HTMLButtonElement | HTMLDivElement> | null) => unknown;
 export interface ModalProps {
     type?: ModalType;

package/src/lib/modal/modal.js

@@ -1,11 +1,11 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { randomId } from '@sebgroup/extract';
 import { useState, useRef, useEffect } from 'react';
-import { Button } from '../form/button/button.js';
-import classNames from 'classnames';
 import { disableBodyScroll, enableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
+import classNames from 'classnames';
+import { randomId } from '@sebgroup/extract';
+import { Button } from '../form/button/button.js';
 
 var ModalHeader = function ModalHeader(_ref) {
   var type = _ref.type,

package/src/lib/navbar/index.js

@@ -1,7 +1,7 @@
 export { Navbar } from './navbar.js';
 import '../../../_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
+import 'react';
 import '../link/link.js';
 import '../../../_tslib.js';
 import 'classnames';
-import 'react';

package/src/lib/navbar/navbar.d.ts

@@ -1,5 +1,5 @@
-import { NavbarVariant } from '@sebgroup/extract';
 import { HTMLAttributes, ReactNode } from 'react';
+import { NavbarVariant } from '@sebgroup/extract';
 export interface NavProps extends HTMLAttributes<HTMLElement> {
     title?: string;
     titleLink?: string;

package/src/lib/navbar/navbar.js

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Link } from '../link/link.js';
 import { useState, useEffect } from 'react';
+import { Link } from '../link/link.js';
 import '../../../_tslib.js';
 import 'classnames';
 

package/src/lib/popover/index.js

@@ -2,5 +2,5 @@ export { Popover } from './popover.js';
 import 'react';
 import '@lit/react';
 import '@sebgroup/green-core/components/popover/index.js';
-import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/components/popover/popover.trans.styles';
+import '@sebgroup/green-core/scoping';

package/src/lib/popover/popover.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { GdsPopover } from '@sebgroup/green-core/components/popover/index.js';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import * as PopoverTransitionalStyles from '@sebgroup/green-core/components/popover/popover.trans.styles';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 PopoverTransitionalStyles.register();
 var Popover = createComponent({
   tagName: getScopedTagName('gds-popover'),
   elementClass: GdsPopover,
-  react: React
+  react: React__default
 });
 
 export { Popover };

package/src/lib/segmented-control/index.js

@@ -3,8 +3,8 @@ import '../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@lit/react';
+import 'classnames';
 import '@sebgroup/green-core/components/segmented-control/index.js';
 import '@sebgroup/green-core/components/segmented-control/segment/index.js';
 import '@sebgroup/green-core/scoping';
 import '@sebgroup/green-core/transitional-styles';
-import 'classnames';

package/src/lib/segmented-control/segmented-control.js

@@ -1,12 +1,12 @@
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
+import classNames from 'classnames';
 import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/index.js';
 import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/index.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
-import classNames from 'classnames';
 
 registerTransitionalStyles();
 var CoreSegementedControl = createComponent({
@@ -15,12 +15,12 @@ var CoreSegementedControl = createComponent({
   events: {
     onchange: 'change'
   },
-  react: React
+  react: React__default
 });
 var CoreSegment = createComponent({
   tagName: getScopedTagName('gds-segment'),
   elementClass: GdsSegment,
-  react: React
+  react: React__default
 });
 var SegmentedControl = function SegmentedControl(_a) {
   var onChange = _a.onChange,

package/src/lib/select/index.js

@@ -3,11 +3,11 @@ import '../../../_rollupPluginBabelHelpers.js';
 import '../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
+import 'classnames';
 import '@sebgroup/extract';
-import '../icons/chevronDown.js';
 import '../formItem/formItem.js';
-import 'classnames';
 import '../form/iconButton/iconButton.js';
 import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
+import '../icons/chevronDown.js';

package/src/lib/select/select.js

@@ -1,17 +1,17 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
+import classNames from 'classnames';
 import { randomId, validateClassName } from '@sebgroup/extract';
-import { ChevronDown } from '../icons/chevronDown.js';
 import { FormItem } from '../formItem/formItem.js';
-import classNames from 'classnames';
+import { ChevronDown } from '../icons/chevronDown.js';
 import '../form/iconButton/iconButton.js';
 import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
 
-var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Select = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var ariaDescribedBy = _a['aria-describedby'],
     _a$id = _a.id,
     id = _a$id === void 0 ? randomId() : _a$id,

package/src/lib/slider/slider.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { randomId, sliderColors, getSliderTrackBackground } from '@sebgroup/extract';
 
 var InputWrapper = function InputWrapper(_ref) {
@@ -48,19 +48,19 @@ function Slider(_ref2) {
     enableClamping = _ref2$enableClamping === void 0 ? true : _ref2$enableClamping,
     onClamp = _ref2.onClamp,
     enterKeyHint = _ref2.enterKeyHint;
-  var _React$useState = React.useState(),
+  var _React$useState = React__default.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     background = _React$useState2[0],
     setBackground = _React$useState2[1];
-  var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : defaultValue),
+  var _React$useState3 = React__default.useState(value !== null && value !== void 0 ? value : defaultValue),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sliderValue = _React$useState4[0],
     setSliderValue = _React$useState4[1];
-  var _React$useState5 = React.useState(sliderValue + ''),
+  var _React$useState5 = React__default.useState(sliderValue + ''),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     inputFieldValue = _React$useState6[0],
     setInputFieldValue = _React$useState6[1];
-  React.useLayoutEffect(function () {
+  React__default.useLayoutEffect(function () {
     if (disabled) {
       setBackground(sliderColors.disabled);
       return;
@@ -84,7 +84,7 @@ function Slider(_ref2) {
     setSliderValue(clamped);
     return [unclamped, clamped];
   };
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setNumValue(value);
   }, [value]);
   var handleChange = function handleChange(value) {

package/src/lib/stepper/stepper.d.ts

@@ -1,5 +1,5 @@
-import { IValidator } from '@sebgroup/extract';
 import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { IValidator } from '@sebgroup/extract';
 export interface StepperProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
     id?: string;
     value?: string | number;

package/src/lib/table/components/Table.js

@@ -1,11 +1,11 @@
 import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import { TableContext } from './context/TableContextProvider.js';
 
-var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Table = /*#__PURE__*/React__default.memo(/*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var onRowSelect = _a.onRowSelect,
     onRowExpand = _a.onRowExpand,
     onSort = _a.onSort,
@@ -13,7 +13,7 @@ var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a,
     sortedColumn = _a$sortedColumn === void 0 ? null : _a$sortedColumn,
     className = _a.className,
     props = __rest(_a, ["onRowSelect", "onRowExpand", "onSort", "sortedColumn", "className"]);
-  var _React$useState = React.useState({
+  var _React$useState = React__default.useState({
       expandedRows: [],
       sortedColumn: sortedColumn
     }),

package/src/lib/table/components/context/TableContextProvider.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 
 var defaultContext = {
   tableState: {
@@ -10,9 +10,9 @@ var defaultContext = {
   onRowExpand: null,
   onSort: null
 };
-var TableContext = /*#__PURE__*/React.createContext(defaultContext);
+var TableContext = /*#__PURE__*/React__default.createContext(defaultContext);
 var useTableContext = function useTableContext() {
-  return React.useContext(TableContext);
+  return React__default.useContext(TableContext);
 };
 
 export { TableContext, useTableContext };

package/src/lib/table/components/parts/TableBody/TableBody.js

@@ -1,8 +1,8 @@
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
-var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var TableBody = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   var parentKey;
   /**
@@ -10,23 +10,23 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
    * @param Child react element
    * @param index index number
    */
-  var cloneTableRow = React.useCallback(function (Child, index) {
+  var cloneTableRow = React__default.useCallback(function (Child, index) {
     var _a;
-    var isTableRow = /*#__PURE__*/React.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow';
+    var isTableRow = /*#__PURE__*/React__default.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow';
     if (isTableRow && !Child.props.isSubRow) {
       parentKey = Child.props.uniqueKey;
     }
-    return isTableRow ? /*#__PURE__*/React.cloneElement(Child, {
+    return isTableRow ? /*#__PURE__*/React__default.cloneElement(Child, {
       index: index,
       parentKey: parentKey
     }) : Child;
   }, []);
   return jsx("tbody", Object.assign({}, props, {
     ref: ref,
-    children: React.Children.map(props.children, function (Child, i) {
-      if ((Child === null || Child === void 0 ? void 0 : Child.type) === React.Fragment) {
-        return /*#__PURE__*/React.cloneElement(Child, {
-          children: React.Children.map(Child.props.children, function (FragmentChild, fragmentIndex) {
+    children: React__default.Children.map(props.children, function (Child, i) {
+      if ((Child === null || Child === void 0 ? void 0 : Child.type) === React__default.Fragment) {
+        return /*#__PURE__*/React__default.cloneElement(Child, {
+          children: React__default.Children.map(Child.props.children, function (FragmentChild, fragmentIndex) {
             return cloneTableRow(FragmentChild, fragmentIndex);
           })
         });

package/src/lib/table/components/parts/TableCell/TableCell.js

@@ -1,8 +1,8 @@
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
-var TableCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var TableCell = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   return jsx("td", Object.assign({}, props, {
     ref: ref

package/src/lib/table/components/parts/TableHeader/TableHeader.js

@@ -1,17 +1,17 @@
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 
-var TableHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var TableHeader = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   return jsx("thead", Object.assign({}, props, {
     ref: ref,
-    children: React.Children.count(props.children) === 1 && /*#__PURE__*/React.isValidElement(props.children) ? /*#__PURE__*/React.cloneElement(props.children, {
+    children: React__default.Children.count(props.children) === 1 && /*#__PURE__*/React__default.isValidElement(props.children) ? /*#__PURE__*/React__default.cloneElement(props.children, {
       isHeaderRow: true,
       index: -1
-    }) : React.Children.map(props.children, function (Child, i) {
+    }) : React__default.Children.map(props.children, function (Child, i) {
       var _a;
-      return /*#__PURE__*/React.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow' ? /*#__PURE__*/React.cloneElement(Child, {
+      return /*#__PURE__*/React__default.isValidElement(Child) && ((_a = Child === null || Child === void 0 ? void 0 : Child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'TableRow' ? /*#__PURE__*/React__default.cloneElement(Child, {
         index: i,
         hideSelect: !Child.props.isHeaderRow
       }) : Child;

package/src/lib/table/components/parts/TableHeaderCell/TableHeaderCell.js

@@ -1,12 +1,12 @@
 import { _ as _slicedToArray } from '../../../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
-import { SortDirection } from '../../table-typings.js';
 import { useTableContext } from '../../context/TableContextProvider.js';
+import { SortDirection } from '../../table-typings.js';
 
-var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var TableHeaderCell = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var accessor = _a.accessor,
     disableSort = _a.disableSort,
     className = _a.className,
@@ -15,15 +15,15 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     children = _a.children,
     props = __rest(_a, ["accessor", "disableSort", "className", "sortDirection", "onClick", "children"]);
   var tableContext = useTableContext();
-  var _React$useState = React.useState(null),
+  var _React$useState = React__default.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sortedColumn = _React$useState2[0],
     setSortedColumn = _React$useState2[1];
-  var _React$useState3 = React.useState(SortDirection.ASC),
+  var _React$useState3 = React__default.useState(SortDirection.ASC),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sortOrder = _React$useState4[0],
     setSortOrder = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
+  var _React$useState5 = React__default.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     sortable = _React$useState6[0],
     setSortable = _React$useState6[1];
@@ -35,7 +35,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return oldSortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;
   };
   /** on column sort */
-  var onSort = React.useCallback(function () {
+  var onSort = React__default.useCallback(function () {
     var _a;
     var newSortedColumn = sortedColumn && sortedColumn.accessor === accessor ? Object.assign(Object.assign({}, sortedColumn), {
       sortDirection: getSortDirection(sortedColumn.sortDirection)
@@ -48,7 +48,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }));
     !!newSortedColumn && ((_a = tableContext === null || tableContext === void 0 ? void 0 : tableContext.onSort) === null || _a === void 0 ? void 0 : _a.call(tableContext, newSortedColumn));
   }, [sortedColumn, tableContext]);
-  var getCurrentSortValue = React.useCallback(function () {
+  var getCurrentSortValue = React__default.useCallback(function () {
     if (!sortable || !sortOrder) {
       return 'none';
     }
@@ -57,13 +57,13 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
     return 'descending';
   }, [sortable, sortOrder]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setSortable(!disableSort && !!tableContext.onSort);
   }, [disableSort, tableContext.onSort]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setSortedColumn(tableContext.tableState.sortedColumn);
   }, [tableContext.tableState.sortedColumn]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (sortDirection && tableContext.onSort) {
       tableContext.setTableState(Object.assign(Object.assign({}, tableContext.tableState), {
         sortedColumn: {
@@ -73,7 +73,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }));
     }
   }, [sortDirection, tableContext.onSort]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setSortOrder(sortable && (sortedColumn === null || sortedColumn === void 0 ? void 0 : sortedColumn.accessor) === accessor ? sortedColumn === null || sortedColumn === void 0 ? void 0 : sortedColumn.sortDirection : null);
   }, [sortable, sortedColumn]);
   return jsx("th", Object.assign({

package/src/lib/table/components/parts/TableHeaderCell/index.js

@@ -4,5 +4,5 @@ import '../../../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
-import '../../table-typings.js';
 import '../../context/TableContextProvider.js';
+import '../../table-typings.js';

package/src/lib/table/components/parts/TableRow/TableRow.js

@@ -1,11 +1,11 @@
 import { _ as _slicedToArray, d as _toConsumableArray } from '../../../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classNames from 'classnames';
-import { TableHeaderCell } from '../TableHeaderCell/TableHeaderCell.js';
-import { TableCell } from '../TableCell/TableCell.js';
 import { useTableContext } from '../../context/TableContextProvider.js';
+import { TableCell } from '../TableCell/TableCell.js';
+import { TableHeaderCell } from '../TableHeaderCell/TableHeaderCell.js';
 import '../../table-typings.js';
 
 var angleDown = jsx("svg", {
@@ -23,7 +23,7 @@ var angleRightIcon = jsx("svg", {
     d: "M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"
   })
 });
-var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var TableRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var _b;
   var className = _a.className,
     isHeaderRow = _a.isHeaderRow,
@@ -43,33 +43,33 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     collapseButtonProps = _a$collapseButtonProp === void 0 ? {} : _a$collapseButtonProp,
     props = __rest(_a, ["className", "isHeaderRow", "hideSelect", "uniqueKey", "parentKey", "checked", "indeterminate", "isSubRow", "isExpanded", "checkboxProps", "collapseButtonProps"]);
   var tableContext = useTableContext();
-  var _React$useState = React.useState(uniqueKey),
+  var _React$useState = React__default.useState(uniqueKey),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     uniqueId = _React$useState2[0],
     setUniqueId = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
+  var _React$useState3 = React__default.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isShown = _React$useState4[0],
     setIsShown = _React$useState4[1];
-  var _React$useState5 = React.useState(isExpanded),
+  var _React$useState5 = React__default.useState(isExpanded),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     expanded = _React$useState6[0],
     setExpanded = _React$useState6[1];
-  var _React$useState7 = React.useState(isExpanded),
+  var _React$useState7 = React__default.useState(isExpanded),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isParentRow = _React$useState8[0],
     setIsParentRow = _React$useState8[1];
-  var _React$useState9 = React.useState(null),
+  var _React$useState9 = React__default.useState(null),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     columnProps = _React$useState10[0],
     setColumnProps = _React$useState10[1];
-  var _React$useState11 = React.useState(((_b = tableContext.tableState) === null || _b === void 0 ? void 0 : _b.expandedRows) || []),
+  var _React$useState11 = React__default.useState(((_b = tableContext.tableState) === null || _b === void 0 ? void 0 : _b.expandedRows) || []),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
     expandedRows = _React$useState12[0],
     setExpandedRows = _React$useState12[1];
   var headerId = useId();
   /** initiate default expanded row */
-  var initiateExpandedRows = React.useCallback(function () {
+  var initiateExpandedRows = React__default.useCallback(function () {
     var newExpandedRows = _toConsumableArray(expandedRows);
     var expandedIndex = newExpandedRows.indexOf(uniqueId);
     if (isExpanded && expandedIndex === -1) {
@@ -83,27 +83,27 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }));
     setExpandedRows(newExpandedRows);
   }, [isExpanded, uniqueId]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setUniqueId(isHeaderRow ? 'all' : uniqueKey || headerId);
   }, [uniqueKey, isHeaderRow]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setExpandedRows(tableContext.tableState.expandedRows || []);
   }, [tableContext.tableState.expandedRows]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setExpanded(isExpanded);
     if (!isSubRow && !isHeaderRow && tableContext.onRowExpand) {
       initiateExpandedRows();
     }
   }, [isExpanded, initiateExpandedRows]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setColumnProps(isHeaderRow ? {
       disableSort: true
     } : null);
   }, [isHeaderRow]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     setIsParentRow(!(isHeaderRow || isSubRow));
   }, [isHeaderRow, isSubRow]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (tableContext.onRowExpand) {
       setIsShown(isSubRow && expandedRows.indexOf(parentKey) > -1);
     }

package/src/lib/table/components/parts/TableRow/index.js

@@ -4,7 +4,7 @@ import '../../../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
-import '../TableHeaderCell/TableHeaderCell.js';
-import '../../table-typings.js';
 import '../../context/TableContextProvider.js';
 import '../TableCell/TableCell.js';
+import '../TableHeaderCell/TableHeaderCell.js';
+import '../../table-typings.js';

package/src/lib/table/story/multiple-story-tables.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { TableHeaderCellProps, GenericTableRow } from '../components';
+import { GenericTableRow, TableHeaderCellProps } from '../components';
 interface SuperHeroData {
     id: ReactNode;
     firstName: ReactNode;