@sebgroup/green-react 3.25.0 → 3.27.0

package/src/lib/select/select.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 export interface SelectProps extends IExpandableInformation, ILabelAndLabelInformation, React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
+    /**
+     * Set the live region attribute of the form control footer, this will change how error messages are read by screen readers
+     * @default 'assertive'
+     */
+    'aria-live'?: React.AriaAttributes['aria-live'];
     label: string;
     info?: string;
     validator?: IValidator | undefined;

package/src/lib/select/select.js

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import classNames from 'classnames';
 import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../formItem/formItem.js';
@@ -14,8 +14,10 @@ import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';
 
-var Select = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
-  var ariaDescribedBy = _a['aria-describedby'],
+var Select = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$ariaLive = _a['aria-live'],
+    ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,
+    ariaDescribedBy = _a['aria-describedby'],
     _a$id = _a.id,
     id = _a$id === void 0 ? randomId() : _a$id,
     validator = _a.validator,
@@ -25,13 +27,14 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     expandableInfo = _a.expandableInfo,
     expandableInfoButtonLabel = _a.expandableInfoButtonLabel,
     required = _a.required,
-    props = __rest(_a, ['aria-describedby', "id", "validator", "label", "info", "testId", "expandableInfo", "expandableInfoButtonLabel", "required"]);
+    props = __rest(_a, ['aria-live', 'aria-describedby', "id", "validator", "label", "info", "testId", "expandableInfo", "expandableInfoButtonLabel", "required"]);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
   var selectClassName = classNames('gds-select', _defineProperty({}, "".concat(validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)), validator));
   var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), info || props.labelInformation), "gds-expandable-info-".concat(uuid), expandableInfo));
   return jsx(FormItem, {
+    "aria-live": ariaLive,
     label: label,
     labelInformation: info !== null && info !== void 0 ? info : props.labelInformation,
     expandableInfo: expandableInfo,

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__default from 'react';
+import React 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__default.useState(),
+  var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     background = _React$useState2[0],
     setBackground = _React$useState2[1];
-  var _React$useState3 = React__default.useState(value !== null && value !== void 0 ? value : defaultValue),
+  var _React$useState3 = React.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__default.useState(sliderValue + ''),
+  var _React$useState5 = React.useState(sliderValue + ''),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     inputFieldValue = _React$useState6[0],
     setInputFieldValue = _React$useState6[1];
-  React__default.useLayoutEffect(function () {
+  React.useLayoutEffect(function () {
     if (disabled) {
       setBackground(sliderColors.disabled);
       return;
@@ -84,7 +84,7 @@ function Slider(_ref2) {
     setSliderValue(clamped);
     return [unclamped, clamped];
   };
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setNumValue(value);
   }, [value]);
   var handleChange = function handleChange(value) {

package/src/lib/table/components/Table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { SortedColumn } from './context/TableContextProvider';
 export type TableProps = JSX.IntrinsicElements['table'] & {
     /** callback when row is selected */
@@ -10,4 +10,4 @@ export type TableProps = JSX.IntrinsicElements['table'] & {
     /** preset sorted column */
     sortedColumn?: SortedColumn | null;
 };
-export declare const Table: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>>;
+export declare const Table: React.NamedExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;

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

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

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

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

package/src/lib/table/components/parts/TableBody/TableBody.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 export type TableBodyProps = JSX.IntrinsicElements['tbody'];
 declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 export { TableBody };

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__default from 'react';
+import React from 'react';
 
-var TableBody = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   var parentKey;
   /**
@@ -10,23 +10,23 @@ var TableBody = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
    * @param Child react element
    * @param index index number
    */
-  var cloneTableRow = React__default.useCallback(function (Child, index) {
+  var cloneTableRow = React.useCallback(function (Child, index) {
     var _a;
-    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';
+    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';
     if (isTableRow && !Child.props.isSubRow) {
       parentKey = Child.props.uniqueKey;
     }
-    return isTableRow ? /*#__PURE__*/React__default.cloneElement(Child, {
+    return isTableRow ? /*#__PURE__*/React.cloneElement(Child, {
       index: index,
       parentKey: parentKey
     }) : Child;
   }, []);
   return jsx("tbody", Object.assign({}, props, {
     ref: ref,
-    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) {
+    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) {
             return cloneTableRow(FragmentChild, fragmentIndex);
           })
         });

package/src/lib/table/components/parts/TableCell/TableCell.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import React, { JSX } from 'react';
 export type TableCellProps = JSX.IntrinsicElements['td'];
 export declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

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__default from 'react';
+import React from 'react';
 
-var TableCell = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+var TableCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   return jsx("td", Object.assign({}, props, {
     ref: ref

package/src/lib/table/components/parts/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 export type TableHeaderProps = JSX.IntrinsicElements['thead'];
 declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 export { TableHeader };

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__default from 'react';
+import React from 'react';
 
-var TableHeader = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+var TableHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var props = __rest(_a, []);
   return jsx("thead", Object.assign({}, props, {
     ref: ref,
-    children: React__default.Children.count(props.children) === 1 && /*#__PURE__*/React__default.isValidElement(props.children) ? /*#__PURE__*/React__default.cloneElement(props.children, {
+    children: React.Children.count(props.children) === 1 && /*#__PURE__*/React.isValidElement(props.children) ? /*#__PURE__*/React.cloneElement(props.children, {
       isHeaderRow: true,
       index: -1
-    }) : React__default.Children.map(props.children, function (Child, i) {
+    }) : React.Children.map(props.children, function (Child, i) {
       var _a;
-      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, {
+      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, {
         index: i,
         hideSelect: !Child.props.isHeaderRow
       }) : Child;

package/src/lib/table/components/parts/TableHeaderCell/TableHeaderCell.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { SortDirection } from '../../table-typings';
 export type TableHeaderCellProps<T = any> = JSX.IntrinsicElements['th'] & {
     accessor?: keyof T;
     disableSort?: boolean;
     sortDirection?: SortDirection;
+    children?: React.ReactNode;
 };
 declare const TableHeaderCell: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps<any>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
 export { TableHeaderCell };

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

package/src/lib/table/components/parts/TableRow/TableRow.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 export type TableRowProps = JSX.IntrinsicElements['tr'] & {
     checked?: boolean;
     indeterminate?: boolean;

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

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray, d as _toConsumableArray } from '../../../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useId } from 'react';
+import React, { useId } from 'react';
 import classNames from 'classnames';
 import { useTableContext } from '../../context/TableContextProvider.js';
 import { TableCell } from '../TableCell/TableCell.js';
@@ -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__default.forwardRef(function (_a, ref) {
+var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b;
   var className = _a.className,
     isHeaderRow = _a.isHeaderRow,
@@ -43,33 +43,33 @@ var TableRow = /*#__PURE__*/React__default.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__default.useState(uniqueKey),
+  var _React$useState = React.useState(uniqueKey),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     uniqueId = _React$useState2[0],
     setUniqueId = _React$useState2[1];
-  var _React$useState3 = React__default.useState(false),
+  var _React$useState3 = React.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     isShown = _React$useState4[0],
     setIsShown = _React$useState4[1];
-  var _React$useState5 = React__default.useState(isExpanded),
+  var _React$useState5 = React.useState(isExpanded),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     expanded = _React$useState6[0],
     setExpanded = _React$useState6[1];
-  var _React$useState7 = React__default.useState(isExpanded),
+  var _React$useState7 = React.useState(isExpanded),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isParentRow = _React$useState8[0],
     setIsParentRow = _React$useState8[1];
-  var _React$useState9 = React__default.useState(null),
+  var _React$useState9 = React.useState(null),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     columnProps = _React$useState10[0],
     setColumnProps = _React$useState10[1];
-  var _React$useState11 = React__default.useState(((_b = tableContext.tableState) === null || _b === void 0 ? void 0 : _b.expandedRows) || []),
+  var _React$useState11 = React.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__default.useCallback(function () {
+  var initiateExpandedRows = React.useCallback(function () {
     var newExpandedRows = _toConsumableArray(expandedRows);
     var expandedIndex = newExpandedRows.indexOf(uniqueId);
     if (isExpanded && expandedIndex === -1) {
@@ -83,27 +83,27 @@ var TableRow = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     }));
     setExpandedRows(newExpandedRows);
   }, [isExpanded, uniqueId]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setUniqueId(isHeaderRow ? 'all' : uniqueKey || headerId);
   }, [uniqueKey, isHeaderRow]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setExpandedRows(tableContext.tableState.expandedRows || []);
   }, [tableContext.tableState.expandedRows]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setExpanded(isExpanded);
     if (!isSubRow && !isHeaderRow && tableContext.onRowExpand) {
       initiateExpandedRows();
     }
   }, [isExpanded, initiateExpandedRows]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setColumnProps(isHeaderRow ? {
       disableSort: true
     } : null);
   }, [isHeaderRow]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     setIsParentRow(!(isHeaderRow || isSubRow));
   }, [isHeaderRow, isSubRow]);
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     if (tableContext.onRowExpand) {
       setIsShown(isSubRow && expandedRows.indexOf(parentKey) > -1);
     }

package/src/lib/table/story/multiple-story-tables.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 import '../components/table-typings.js';
 import { sortArray, onRowSelect } from '../components/parts/helperFunctions/helperFunctions.js';
 import { TableCell } from '../components/parts/TableCell/TableCell.js';
@@ -67,11 +67,11 @@ var rowData = [{
   }]
 }];
 var SortableTable = function SortableTable() {
-  var _React$useState = React__default.useState(rowData),
+  var _React$useState = React.useState(rowData),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     data = _React$useState2[0],
     setData = _React$useState2[1];
-  var _React$useState3 = React__default.useState(null),
+  var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sortedColumn = _React$useState4[0],
     setSortedColumn = _React$useState4[1];
@@ -102,11 +102,11 @@ var SortableTable = function SortableTable() {
   });
 };
 var SelectableTable = function SelectableTable() {
-  var _React$useState5 = React__default.useState(rowData),
+  var _React$useState5 = React.useState(rowData),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     data = _React$useState6[0],
     setData = _React$useState6[1];
-  var _React$useState7 = React__default.useState({
+  var _React$useState7 = React.useState({
       checked: false,
       indeterminate: false
     }),
@@ -148,7 +148,7 @@ var SelectableTable = function SelectableTable() {
   });
 };
 var ExpandableTable = function ExpandableTable() {
-  var _React$useState9 = React__default.useState(rowData),
+  var _React$useState9 = React.useState(rowData),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     data = _React$useState10[0],
     setData = _React$useState10[1];
@@ -175,7 +175,7 @@ var ExpandableTable = function ExpandableTable() {
     }), jsx(TableBody, {
       children: data.map(function (item, i) {
         var _a;
-        return jsxs(React__default.Fragment, {
+        return jsxs(React.Fragment, {
           children: [jsx(TableRow, {
             uniqueKey: item.id,
             isExpanded: item.expanded,

package/src/core/backdrop/index.d.ts

@@ -1,5 +0,0 @@
-import { GdsBackdrop } from "@sebgroup/green-core/components/popover/backdrop.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBackdrop, {
-    onGdsElementDisconnected: string;
-}>;
-export default reactWrapper;

package/src/core/backdrop/index.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import { GdsBackdrop } from '@sebgroup/green-core/components/popover/backdrop.js';
-
-var tagName = getScopedTagName("gds-backdrop");
-//GdsBackdrop.define('gds-backdrop')
-var reactWrapper = createComponent({
-  tagName: tagName,
-  elementClass: GdsBackdrop,
-  react: React,
-  events: {
-    onGdsElementDisconnected: "gds-element-disconnected"
-  },
-  displayName: "GdsBackdrop"
-});
-
-export { reactWrapper as default };

package/src/core/badge/index.d.ts

@@ -1,5 +0,0 @@
-import { GdsBadge } from "@sebgroup/green-core/components/badge/badge.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBadge, {
-    onGdsElementDisconnected: string;
-}>;
-export default reactWrapper;

package/src/core/badge/index.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.js';
-
-var tagName = getScopedTagName("gds-badge");
-//GdsBadge.define('gds-badge')
-var reactWrapper = createComponent({
-  tagName: tagName,
-  elementClass: GdsBadge,
-  react: React,
-  events: {
-    onGdsElementDisconnected: "gds-element-disconnected"
-  },
-  displayName: "GdsBadge"
-});
-
-export { reactWrapper as default };

package/src/core/button/index.d.ts

@@ -1,6 +0,0 @@
-import { GdsButton } from "@sebgroup/green-core/components/button/button.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsButton, {
-    onClick: string;
-    onGdsElementDisconnected: string;
-}>;
-export default reactWrapper;

package/src/core/button/index.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import { GdsButton } from '@sebgroup/green-core/components/button/button.js';
-
-var tagName = getScopedTagName("gds-button");
-//GdsButton.define('gds-button')
-var reactWrapper = createComponent({
-  tagName: tagName,
-  elementClass: GdsButton,
-  react: React,
-  events: {
-    onClick: "click",
-    onGdsElementDisconnected: "gds-element-disconnected"
-  },
-  displayName: "GdsButton"
-});
-
-export { reactWrapper as default };

package/src/core/calendar/index.d.ts

@@ -1,7 +0,0 @@
-import { GdsCalendar } from "@sebgroup/green-core/components/calendar/calendar.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCalendar, {
-    onChange: string;
-    onGdsDateFocused: string;
-    onGdsElementDisconnected: string;
-}>;
-export default reactWrapper;

package/src/core/calendar/index.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.js';
-
-var tagName = getScopedTagName("gds-calendar");
-//GdsCalendar.define('gds-calendar')
-var reactWrapper = createComponent({
-  tagName: tagName,
-  elementClass: GdsCalendar,
-  react: React,
-  events: {
-    onChange: "change",
-    onGdsDateFocused: "gds-date-focused",
-    onGdsElementDisconnected: "gds-element-disconnected"
-  },
-  displayName: "GdsCalendar"
-});
-
-export { reactWrapper as default };

package/src/core/card/index.d.ts

@@ -1,5 +0,0 @@
-import { GdsCard } from "@sebgroup/green-core/components/card/card.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCard, {
-    onGdsElementDisconnected: string;
-}>;
-export default reactWrapper;