@sebgroup/green-react 3.20.0 → 3.20.2

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

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

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

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

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

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

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

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

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

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

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

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

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;
@@ -7,6 +7,7 @@ export interface ModalProps {
     children: ReactNode;
     confirm?: string;
     dismiss?: string;
+    closeText?: string;
     size?: Size;
     id?: string;
     isOpen?: boolean;

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,
@@ -13,6 +13,8 @@ var ModalHeader = function ModalHeader(_ref) {
     setShouldRender = _ref.setShouldRender,
     _ref$header = _ref.header,
     header = _ref$header === void 0 ? '' : _ref$header,
+    _ref$closeText = _ref.closeText,
+    closeText = _ref$closeText === void 0 ? 'Close Modal' : _ref$closeText,
     id = _ref.id,
     onClose = _ref.onClose;
   var handleClose = function handleClose(event) {
@@ -34,13 +36,11 @@ var ModalHeader = function ModalHeader(_ref) {
     children: [jsx("h3", {
       id: id,
       children: header
-    }), jsxs("button", {
+    }), jsx("button", {
       className: "close",
+      "aria-label": closeText,
       onClick: handleClose,
-      children: [jsx("span", {
-        className: "sr-only",
-        children: "Close"
-      }), jsx("i", {})]
+      children: jsx("i", {})
     })]
   });
 };

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';