@sebgroup/green-react 4.0.0 → 5.0.0

package/src/lib/slider/slider.js

@@ -1,15 +1,22 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
-import { randomId, sliderColors, getSliderTrackBackground } from '@sebgroup/extract';
+import { randomId } from '../shared/id.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+var sliderColors = {
+  primary: '#007ac7',
+  disabled: '#dedede'
+};
+var getSliderTrackBackground = function getSliderTrackBackground(val) {
+  return "linear-gradient(\n        to right,\n        ".concat(sliderColors.primary, " 0%,\n        ").concat(sliderColors.primary, " ").concat(val, "%,\n        ").concat(sliderColors.disabled, " ").concat(val, "%,\n        ").concat(sliderColors.disabled, " 100%\n      )");
+};
 var InputWrapper = function InputWrapper(_ref) {
   var children = _ref.children,
     unitLabel = _ref.unitLabel;
-  return jsx(Fragment, {
-    children: unitLabel ? jsxs("div", {
+  return /*#__PURE__*/jsx(Fragment, {
+    children: unitLabel ? /*#__PURE__*/jsxs("div", {
       className: "group group-border group-focus",
-      children: [children, jsx("span", {
+      children: [children, /*#__PURE__*/jsx("span", {
         className: "form-text",
         children: unitLabel
       })]
@@ -52,7 +59,7 @@ function Slider(_ref2) {
     _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.useState(value != null ? value : defaultValue),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sliderValue = _React$useState4[0],
     setSliderValue = _React$useState4[1];
@@ -100,22 +107,22 @@ function Slider(_ref2) {
     handleChange(value);
     if (value === '') setInputFieldValue('');else if (shouldClamp) setInputFieldValue(clamp(value) + '');
   };
-  return jsxs(Fragment, {
-    children: [jsxs("div", {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
       className: "gds-slider-label-container",
-      children: [jsx("div", {
-        children: label && jsxs(Fragment, {
-          children: [jsx("label", {
+      children: [/*#__PURE__*/jsx("div", {
+        children: label && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("label", {
             htmlFor: name,
             id: "".concat(name, "-label"),
             children: label
-          }), instruction && jsx("p", {
+          }), instruction && /*#__PURE__*/jsx("p", {
             children: instruction
           })]
         })
-      }), hasTextbox && jsx(InputWrapper, {
+      }), hasTextbox && /*#__PURE__*/jsx(InputWrapper, {
         unitLabel: unitLabel,
-        children: jsx("input", {
+        children: /*#__PURE__*/jsx("input", {
           type: "text",
           inputMode: "numeric",
           pattern: "[0-9]*",
@@ -142,7 +149,7 @@ function Slider(_ref2) {
           }
         })
       })]
-    }), jsx("input", {
+    }), /*#__PURE__*/jsx("input", {
       type: "range",
       value: sliderValue || 0,
       id: name,
@@ -158,14 +165,14 @@ function Slider(_ref2) {
       style: {
         background: background
       }
-    }), showMinMax && jsxs("div", {
+    }), showMinMax && /*#__PURE__*/jsxs("div", {
       className: "gds-slider-min-max",
-      children: [jsx("div", {
+      children: [/*#__PURE__*/jsx("div", {
         children: minMaxFormat(min, unitLabel)
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         children: minMaxFormat(max, unitLabel)
       })]
-    }), errorMessage && jsx("p", {
+    }), errorMessage && /*#__PURE__*/jsx("p", {
       className: "gds-slider-error-info",
       children: errorMessage
     })]

package/src/lib/stepper/index.js

@@ -1,4 +1,4 @@
 export { Stepper } from './stepper.js';
-import '../../../_tslib.js';
+import '../../../_rollupPluginBabelHelpers.js';
+import '../shared/validator.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';

package/src/lib/stepper/stepper.js

@@ -1,30 +1,32 @@
-import { _ as __rest } from '../../../_tslib.js';
+import { a as _objectWithoutProperties } from '../../../_rollupPluginBabelHelpers.js';
+import { validateClassName } from '../shared/validator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { validateClassName } from '@sebgroup/extract';
 
+var _excluded = ["id", "label", "description", "statusMessage", "validator", "value", "onChange", "onIncrease", "onDecrease", "testId"];
 // TODO: Should be named "Numeric input" instead of stepper?
-function Stepper(_a) {
-  var id = _a.id,
-    label = _a.label,
-    description = _a.description,
-    statusMessage = _a.statusMessage,
-    validator = _a.validator,
-    _a$value = _a.value,
-    value = _a$value === void 0 ? 0 : _a$value,
-    _a$onChange = _a.onChange,
-    onChange = _a$onChange === void 0 ? function () {
+
+function Stepper(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    description = _ref.description,
+    statusMessage = _ref.statusMessage,
+    validator = _ref.validator,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
       return undefined;
-    } : _a$onChange,
-    _a$onIncrease = _a.onIncrease,
-    onIncrease = _a$onIncrease === void 0 ? function () {
+    } : _ref$onChange,
+    _ref$onIncrease = _ref.onIncrease,
+    onIncrease = _ref$onIncrease === void 0 ? function () {
       return undefined;
-    } : _a$onIncrease,
-    _a$onDecrease = _a.onDecrease,
-    onDecrease = _a$onDecrease === void 0 ? function () {
+    } : _ref$onIncrease,
+    _ref$onDecrease = _ref.onDecrease,
+    onDecrease = _ref$onDecrease === void 0 ? function () {
       return undefined;
-    } : _a$onDecrease,
-    testId = _a.testId,
-    props = __rest(_a, ["id", "label", "description", "statusMessage", "validator", "value", "onChange", "onIncrease", "onDecrease", "testId"]);
+    } : _ref$onDecrease,
+    testId = _ref.testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key === 'ArrowUp') {
       e.preventDefault();
@@ -34,44 +36,44 @@ function Stepper(_a) {
       onDecrease();
     }
   };
-  var PrimitiveStepper = jsxs("div", {
+  var PrimitiveStepper = /*#__PURE__*/jsxs("div", {
     "data-testid": testId,
-    className: "group group-border group-stepper ".concat(validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)),
-    children: [jsx("button", {
+    className: "group group-border group-stepper ".concat(validator && validateClassName(validator == null ? void 0 : validator.indicator)),
+    children: [/*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onDecrease,
       children: "-"
-    }), jsx("input", Object.assign({
+    }), /*#__PURE__*/jsx("input", Object.assign({
       id: id,
       type: "text",
       inputMode: "numeric",
       pattern: "[0-9]*",
       onChange: onChange,
-      onFocus: function onFocus(_ref) {
-        var target = _ref.target;
+      onFocus: function onFocus(_ref2) {
+        var target = _ref2.target;
         return target.select();
       },
       onKeyDown: handleKeyDown,
       placeholder: "0",
       value: value
-    }, props)), jsx("button", {
+    }, props)), /*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onIncrease,
       children: "+"
     })]
   });
   if (!label && !description && !statusMessage && !validator) return PrimitiveStepper;
-  return jsxs("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "form-group",
-    children: [label && jsx("label", {
+    children: [label && /*#__PURE__*/jsx("label", {
       htmlFor: id,
       children: label
-    }), description && jsx("span", {
+    }), description && /*#__PURE__*/jsx("span", {
       className: "form-info",
       children: description
-    }), jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: "stepper-wrapper",
-      children: [PrimitiveStepper, validator && jsx("span", {
+      children: [PrimitiveStepper, validator && /*#__PURE__*/jsx("span", {
         className: "form-info",
         children: validator.message
       })]

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

@@ -1,19 +1,19 @@
-import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import { TableContext } from './context/TableContextProvider.js';
+import { jsx } from 'react/jsx-runtime';
 
-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,
-    children = _a.children,
-    props = __rest(_a, ["onRowSelect", "onRowExpand", "onSort", "sortedColumn", "className", "children"]);
+var _excluded = ["onRowSelect", "onRowExpand", "onSort", "sortedColumn", "className", "children"];
+var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var onRowSelect = _ref.onRowSelect,
+    onRowExpand = _ref.onRowExpand,
+    onSort = _ref.onSort,
+    _ref$sortedColumn = _ref.sortedColumn,
+    sortedColumn = _ref$sortedColumn === void 0 ? null : _ref$sortedColumn,
+    className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _React$useState = React.useState({
       expandedRows: [],
       sortedColumn: sortedColumn
@@ -21,7 +21,7 @@ var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a,
     _React$useState2 = _slicedToArray(_React$useState, 2),
     tableState = _React$useState2[0],
     setTableState = _React$useState2[1];
-  return jsx(TableContext.Provider, {
+  return /*#__PURE__*/jsx(TableContext.Provider, {
     value: {
       tableState: tableState,
       onSort: onSort,
@@ -29,7 +29,7 @@ var Table = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_a,
       onRowExpand: onRowExpand,
       setTableState: setTableState
     },
-    children: jsx("table", Object.assign({}, props, {
+    children: /*#__PURE__*/jsx("table", Object.assign({}, props, {
       className: classNames('table', className),
       ref: ref,
       children: children

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

@@ -9,6 +9,5 @@ export { TableRow } from './parts/TableRow/TableRow.js';
 export { Table } from './Table.js';
 import 'react';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'classnames';

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

@@ -1,18 +1,19 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { c as _extends, d as _objectDestructuringEmpty } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
+var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   var parentKey;
+
   /**
    * clone table row by appending parent key to sub row if necessary
    * @param Child react element
    * @param index index number
    */
   var cloneTableRow = React.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 _Child$type;
+    var isTableRow = /*#__PURE__*/React.isValidElement(Child) && (Child == null || (_Child$type = Child.type) == null ? void 0 : _Child$type.displayName) === 'TableRow';
     if (isTableRow && !Child.props.isSubRow) {
       parentKey = Child.props.uniqueKey;
     }
@@ -21,10 +22,10 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       parentKey: parentKey
     }) : Child;
   }, []);
-  return jsx("tbody", Object.assign({}, props, {
+  return /*#__PURE__*/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) {
+      if ((Child == null ? 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/TableBody/index.js

@@ -1,4 +1,4 @@
 export { TableBody } from './TableBody.js';
-import '../../../../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../../../../_rollupPluginBabelHelpers.js';
 import 'react';
+import 'react/jsx-runtime';

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

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

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

@@ -1,4 +1,4 @@
 export { TableCell } from './TableCell.js';
-import '../../../../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../../../../_rollupPluginBabelHelpers.js';
 import 'react';
+import 'react/jsx-runtime';

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 { c as _extends, d as _objectDestructuringEmpty } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-var TableHeader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
-  return jsx("thead", Object.assign({}, props, {
+var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx("thead", Object.assign({}, props, {
     ref: ref,
     children: React.Children.count(props.children) === 1 && /*#__PURE__*/React.isValidElement(props.children) ? /*#__PURE__*/React.cloneElement(props.children, {
       isHeaderRow: true,
       index: -1
     }) : React.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, {
+      var _Child$type;
+      return /*#__PURE__*/React.isValidElement(Child) && (Child == null || (_Child$type = Child.type) == null ? void 0 : _Child$type.displayName) === 'TableRow' ? /*#__PURE__*/React.cloneElement(Child, {
         index: i,
         hideSelect: !Child.props.isHeaderRow
       }) : Child;

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

@@ -1,4 +1,4 @@
 export { TableHeader } from './TableHeader.js';
-import '../../../../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../../../../_rollupPluginBabelHelpers.js';
 import 'react';
+import 'react/jsx-runtime';

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

@@ -1,19 +1,19 @@
-import { _ as _slicedToArray } from '../../../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import { useTableContext } from '../../context/TableContextProvider.js';
 import { SortDirection } from '../../table-typings.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var accessor = _a.accessor,
-    disableSort = _a.disableSort,
-    className = _a.className,
-    sortDirection = _a.sortDirection,
-    onClick = _a.onClick,
-    children = _a.children,
-    props = __rest(_a, ["accessor", "disableSort", "className", "sortDirection", "onClick", "children"]);
+var _excluded = ["accessor", "disableSort", "className", "sortDirection", "onClick", "children"];
+var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var accessor = _ref.accessor,
+    disableSort = _ref.disableSort,
+    className = _ref.className,
+    sortDirection = _ref.sortDirection,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   var tableContext = useTableContext();
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -27,6 +27,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     sortable = _React$useState6[0],
     setSortable = _React$useState6[1];
+
   /**
    * get latest sort direction
    * @param oldSortDirection current sort direction
@@ -34,19 +35,19 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var getSortDirection = function getSortDirection(oldSortDirection) {
     return oldSortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;
   };
+
   /** on column sort */
   var onSort = React.useCallback(function () {
-    var _a;
-    var newSortedColumn = sortedColumn && sortedColumn.accessor === accessor ? Object.assign(Object.assign({}, sortedColumn), {
+    var newSortedColumn = sortedColumn && sortedColumn.accessor === accessor ? Object.assign({}, sortedColumn, {
       sortDirection: getSortDirection(sortedColumn.sortDirection)
     }) : {
       accessor: accessor,
       sortDirection: SortDirection.DESC
     };
-    tableContext.setTableState(Object.assign(Object.assign({}, tableContext.tableState), {
+    tableContext.setTableState(Object.assign({}, tableContext.tableState, {
       sortedColumn: newSortedColumn
     }));
-    !!newSortedColumn && ((_a = tableContext === null || tableContext === void 0 ? void 0 : tableContext.onSort) === null || _a === void 0 ? void 0 : _a.call(tableContext, newSortedColumn));
+    !!newSortedColumn && (tableContext == null || tableContext.onSort == null ? void 0 : tableContext.onSort(newSortedColumn));
   }, [sortedColumn, tableContext]);
   var getCurrentSortValue = React.useCallback(function () {
     if (!sortable || !sortOrder) {
@@ -65,7 +66,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [tableContext.tableState.sortedColumn]);
   React.useEffect(function () {
     if (sortDirection && tableContext.onSort) {
-      tableContext.setTableState(Object.assign(Object.assign({}, tableContext.tableState), {
+      tableContext.setTableState(Object.assign({}, tableContext.tableState, {
         sortedColumn: {
           accessor: accessor,
           sortDirection: sortDirection
@@ -74,9 +75,9 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }, [sortDirection, tableContext.onSort]);
   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);
+    setSortOrder(sortable && (sortedColumn == null ? void 0 : sortedColumn.accessor) === accessor ? sortedColumn == null ? void 0 : sortedColumn.sortDirection : null);
   }, [sortable, sortedColumn]);
-  return jsx("th", Object.assign({
+  return /*#__PURE__*/jsx("th", Object.assign({
     className: classNames(className, {
       'gds-sortable': sortable
     }),
@@ -84,7 +85,7 @@ var TableHeaderCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     ref: ref,
     "aria-sort": getCurrentSortValue()
   }, props, {
-    children: sortable ? jsxs("button", {
+    children: sortable ? /*#__PURE__*/jsxs("button", {
       className: "gds-table-sort",
       children: [" ", children]
     }) : children

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

@@ -1,8 +1,7 @@
 export { TableHeaderCell } from './TableHeaderCell.js';
 import '../../../../../../_rollupPluginBabelHelpers.js';
-import '../../../../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '../../context/TableContextProvider.js';
 import '../../table-typings.js';
+import 'react/jsx-runtime';

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

@@ -1,47 +1,47 @@
-import { _ as _slicedToArray, a as _toConsumableArray } from '../../../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray, b as _toConsumableArray } from '../../../../../../_rollupPluginBabelHelpers.js';
 import React, { useId } from 'react';
 import classNames from 'classnames';
 import { useTableContext } from '../../context/TableContextProvider.js';
 import { TableCell } from '../TableCell/TableCell.js';
 import { TableHeaderCell } from '../TableHeaderCell/TableHeaderCell.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../../table-typings.js';
 
-var angleDown = jsx("svg", {
+var _excluded = ["className", "isHeaderRow", "hideSelect", "uniqueKey", "parentKey", "checked", "indeterminate", "isSubRow", "isExpanded", "checkboxProps", "collapseButtonProps"];
+var angleDown = /*#__PURE__*/jsx("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 256 512",
-  children: jsx("path", {
+  children: /*#__PURE__*/jsx("path", {
     d: "M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z"
   })
 });
-var angleRightIcon = jsx("svg", {
+var angleRightIcon = /*#__PURE__*/jsx("svg", {
   name: "angle-right",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 192 512",
-  children: jsx("path", {
+  children: /*#__PURE__*/jsx("path", {
     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 _b;
-  var className = _a.className,
-    isHeaderRow = _a.isHeaderRow,
-    hideSelect = _a.hideSelect,
-    uniqueKey = _a.uniqueKey,
-    parentKey = _a.parentKey,
-    _a$checked = _a.checked,
-    checked = _a$checked === void 0 ? false : _a$checked,
-    _a$indeterminate = _a.indeterminate,
-    indeterminate = _a$indeterminate === void 0 ? false : _a$indeterminate,
-    _a$isSubRow = _a.isSubRow,
-    isSubRow = _a$isSubRow === void 0 ? false : _a$isSubRow,
-    _a$isExpanded = _a.isExpanded,
-    isExpanded = _a$isExpanded === void 0 ? false : _a$isExpanded;
-    _a.checkboxProps;
-    var _a$collapseButtonProp = _a.collapseButtonProps,
-    collapseButtonProps = _a$collapseButtonProp === void 0 ? {} : _a$collapseButtonProp,
-    props = __rest(_a, ["className", "isHeaderRow", "hideSelect", "uniqueKey", "parentKey", "checked", "indeterminate", "isSubRow", "isExpanded", "checkboxProps", "collapseButtonProps"]);
+var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _tableContext$tableSt;
+  var className = _ref.className,
+    isHeaderRow = _ref.isHeaderRow,
+    hideSelect = _ref.hideSelect,
+    uniqueKey = _ref.uniqueKey,
+    parentKey = _ref.parentKey,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _ref$indeterminate = _ref.indeterminate,
+    indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    _ref$isSubRow = _ref.isSubRow,
+    isSubRow = _ref$isSubRow === void 0 ? false : _ref$isSubRow,
+    _ref$isExpanded = _ref.isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded;
+    _ref.checkboxProps;
+    var _ref$collapseButtonPr = _ref.collapseButtonProps,
+    collapseButtonProps = _ref$collapseButtonPr === void 0 ? {} : _ref$collapseButtonPr,
+    props = _objectWithoutProperties(_ref, _excluded);
   var tableContext = useTableContext();
   var _React$useState = React.useState(uniqueKey),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -63,11 +63,12 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _React$useState0 = _slicedToArray(_React$useState9, 2),
     columnProps = _React$useState0[0],
     setColumnProps = _React$useState0[1];
-  var _React$useState1 = React.useState(((_b = tableContext.tableState) === null || _b === void 0 ? void 0 : _b.expandedRows) || []),
+  var _React$useState1 = React.useState(((_tableContext$tableSt = tableContext.tableState) == null ? void 0 : _tableContext$tableSt.expandedRows) || []),
     _React$useState10 = _slicedToArray(_React$useState1, 2),
     expandedRows = _React$useState10[0],
     setExpandedRows = _React$useState10[1];
   var headerId = useId();
+
   /** initiate default expanded row */
   var initiateExpandedRows = React.useCallback(function () {
     var newExpandedRows = _toConsumableArray(expandedRows);
@@ -78,7 +79,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       var _expandedIndex = newExpandedRows.indexOf(uniqueId);
       newExpandedRows.splice(_expandedIndex, 1);
     }
-    tableContext.setTableState(Object.assign(Object.assign({}, tableContext.tableState), {
+    tableContext.setTableState(Object.assign({}, tableContext.tableState, {
       expandedRows: newExpandedRows
     }));
     setExpandedRows(newExpandedRows);
@@ -109,7 +110,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }
   }, [expandedRows]);
   var Cell = isHeaderRow ? TableHeaderCell : TableCell;
-  return jsxs("tr", Object.assign({}, props, {
+  return /*#__PURE__*/jsxs("tr", Object.assign({}, props, {
     ref: ref,
     className: classNames(className, {
       'sub-row': isSubRow,
@@ -117,28 +118,27 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       collapsible: isParentRow && !!tableContext.onRowExpand,
       show: isShown
     }),
-    children: [!!tableContext.onRowExpand && jsx(Cell, Object.assign({}, columnProps, {
+    children: [!!tableContext.onRowExpand && /*#__PURE__*/jsx(Cell, Object.assign({}, columnProps, {
       className: classNames({
         'collapse-control': isParentRow
       }),
-      children: isParentRow && jsx("button", Object.assign({}, collapseButtonProps, {
+      children: isParentRow && /*#__PURE__*/jsx("button", Object.assign({}, collapseButtonProps, {
         className: classNames('collapse-btn', collapseButtonProps.className),
         onClick: function onClick() {
-          var _a;
-          return (_a = tableContext === null || tableContext === void 0 ? void 0 : tableContext.onRowExpand) === null || _a === void 0 ? void 0 : _a.call(tableContext, !isExpanded, uniqueId);
+          return tableContext == null || tableContext.onRowExpand == null ? void 0 : tableContext.onRowExpand(!isExpanded, uniqueId);
         },
-        children: jsx("div", {
+        children: /*#__PURE__*/jsx("div", {
           className: "icon-holder",
           children: expanded ? angleDown : angleRightIcon
         })
       }))
-    })), !!tableContext.onRowSelect && jsx(Cell, Object.assign({}, columnProps, {
+    })), !!tableContext.onRowSelect && /*#__PURE__*/jsx(Cell, Object.assign({}, columnProps, {
       className: classNames({
         'select-control': !(hideSelect || isSubRow)
       }),
-      children: !(hideSelect || isSubRow) && jsxs("label", {
+      children: !(hideSelect || isSubRow) && /*#__PURE__*/jsxs("label", {
         className: "form-control p-0",
-        children: [jsx("input", {
+        children: [/*#__PURE__*/jsx("input", {
           type: "checkbox",
           checked: checked,
           ref: function ref(input) {
@@ -149,10 +149,9 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_a, ref) {
           name: "tb_checkbox_".concat(uniqueId),
           id: "tb_checkbox_".concat(uniqueId),
           onChange: function onChange(event) {
-            var _a;
-            return (_a = tableContext === null || tableContext === void 0 ? void 0 : tableContext.onRowSelect) === null || _a === void 0 ? void 0 : _a.call(tableContext, event, uniqueId);
+            return tableContext == null || tableContext.onRowSelect == null ? void 0 : tableContext.onRowSelect(event, uniqueId);
           }
-        }), jsx("i", {
+        }), /*#__PURE__*/jsx("i", {
           className: "m-0"
         })]
       })