@sebgroup/green-react 3.28.4 → 3.29.1-rc.20250730100346308

package/src/lib/slider/slider.js

@@ -1,174 +0,0 @@
-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';
-
-var InputWrapper = function InputWrapper(_ref) {
-  var children = _ref.children,
-    unitLabel = _ref.unitLabel;
-  return jsx(Fragment, {
-    children: unitLabel ? jsxs("div", {
-      className: "group group-border group-focus",
-      children: [children, jsx("span", {
-        className: "form-text",
-        children: unitLabel
-      })]
-    }) : children
-  });
-};
-var minMaxFormatFn = function minMaxFormatFn(value, unit) {
-  if (unit) return "".concat(value, " ").concat(unit);
-  return value.toString();
-};
-function Slider(_ref2) {
-  var _ref2$name = _ref2.name,
-    name = _ref2$name === void 0 ? "".concat(randomId(), "-slider") : _ref2$name,
-    value = _ref2.value,
-    defaultValue = _ref2.defaultValue,
-    _ref2$min = _ref2.min,
-    min = _ref2$min === void 0 ? 0 : _ref2$min,
-    _ref2$max = _ref2.max,
-    max = _ref2$max === void 0 ? 100 : _ref2$max,
-    _ref2$minMaxFormat = _ref2.minMaxFormat,
-    minMaxFormat = _ref2$minMaxFormat === void 0 ? minMaxFormatFn : _ref2$minMaxFormat,
-    _ref2$showMinMax = _ref2.showMinMax,
-    showMinMax = _ref2$showMinMax === void 0 ? false : _ref2$showMinMax,
-    _ref2$step = _ref2.step,
-    step = _ref2$step === void 0 ? 1 : _ref2$step,
-    label = _ref2.label,
-    instruction = _ref2.instruction,
-    errorMessage = _ref2.errorMessage,
-    _ref2$hasTextbox = _ref2.hasTextbox,
-    hasTextbox = _ref2$hasTextbox === void 0 ? false : _ref2$hasTextbox,
-    unitLabel = _ref2.unitLabel,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-    onChange = _ref2.onChange,
-    _ref2$enableClamping = _ref2.enableClamping,
-    enableClamping = _ref2$enableClamping === void 0 ? true : _ref2$enableClamping,
-    onClamp = _ref2.onClamp,
-    enterKeyHint = _ref2.enterKeyHint;
-  var _React$useState = React.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),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    sliderValue = _React$useState4[0],
-    setSliderValue = _React$useState4[1];
-  var _React$useState5 = React.useState(sliderValue + ''),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    inputFieldValue = _React$useState6[0],
-    setInputFieldValue = _React$useState6[1];
-  React.useLayoutEffect(function () {
-    if (disabled) {
-      setBackground(sliderColors.disabled);
-      return;
-    }
-    var percent = 0;
-    if (sliderValue !== undefined) percent = (sliderValue - min) / (max - min) * 100;
-    setBackground(getSliderTrackBackground(percent));
-  }, [disabled, sliderValue]);
-  var clamp = function clamp(unclamped) {
-    if (!enableClamping) return Number(unclamped);
-    if (typeof unclamped === 'string') unclamped = Number(unclamped);
-    if (!unclamped || Number.isNaN(unclamped)) return min;
-    var clamped = Math.min(Math.max(min, unclamped), max);
-    if (clamped !== unclamped && onClamp) onClamp(unclamped);
-    return clamped;
-  };
-  var setNumValue = function setNumValue(value) {
-    if (value === '') value = min;
-    var unclamped = Number(value);
-    var clamped = clamp(unclamped);
-    setSliderValue(clamped);
-    return [unclamped, clamped];
-  };
-  React.useEffect(function () {
-    setNumValue(value);
-  }, [value]);
-  var handleChange = function handleChange(value) {
-    var _setNumValue = setNumValue(value),
-      _setNumValue2 = _slicedToArray(_setNumValue, 2),
-      unclamped = _setNumValue2[0],
-      clamped = _setNumValue2[1];
-    setInputFieldValue(unclamped + '');
-    if (onChange) onChange(clamped);
-  };
-  var handleInputFieldChange = function handleInputFieldChange(value) {
-    var shouldClamp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    handleChange(value);
-    if (value === '') setInputFieldValue('');else if (shouldClamp) setInputFieldValue(clamp(value) + '');
-  };
-  return jsxs(Fragment, {
-    children: [jsxs("div", {
-      className: "gds-slider-label-container",
-      children: [jsx("div", {
-        children: label && jsxs(Fragment, {
-          children: [jsx("label", {
-            htmlFor: name,
-            id: "".concat(name, "-label"),
-            children: label
-          }), instruction && jsx("p", {
-            children: instruction
-          })]
-        })
-      }), hasTextbox && jsx(InputWrapper, {
-        unitLabel: unitLabel,
-        children: jsx("input", {
-          type: "text",
-          inputMode: "numeric",
-          pattern: "[0-9]*",
-          value: inputFieldValue,
-          id: "".concat(name, "-textbox"),
-          name: name,
-          "aria-labelledby": "".concat(name, "-label"),
-          enterKeyHint: enterKeyHint,
-          className: errorMessage ? 'is-invalid' : '',
-          disabled: disabled,
-          onChange: function onChange(e) {
-            return handleInputFieldChange(e.currentTarget.value);
-          },
-          onKeyDown: function onKeyDown(e) {
-            return e.key === 'Enter' && handleInputFieldChange(e.currentTarget.value, true);
-          },
-          onBlur: function onBlur(e) {
-            return handleInputFieldChange(e.currentTarget.value, true);
-          },
-          min: min,
-          max: max,
-          onInvalid: function onInvalid(e) {
-            e.preventDefault();
-          }
-        })
-      })]
-    }), jsx("input", {
-      type: "range",
-      value: sliderValue || 0,
-      id: name,
-      name: name,
-      min: min,
-      max: max,
-      step: step,
-      disabled: disabled,
-      onChange: function onChange(e) {
-        return handleChange(e.currentTarget.value);
-      },
-      style: {
-        background: background
-      }
-    }), showMinMax && jsxs("div", {
-      className: "gds-slider-min-max",
-      children: [jsx("div", {
-        children: minMaxFormat(min, unitLabel)
-      }), jsx("div", {
-        children: minMaxFormat(max, unitLabel)
-      })]
-    }), errorMessage && jsx("p", {
-      className: "gds-slider-error-info",
-      children: errorMessage
-    })]
-  });
-}
-
-export { Slider, Slider as default };

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

@@ -1 +0,0 @@
-export * from './stepper';

package/src/lib/stepper/index.js

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

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

@@ -1,15 +0,0 @@
-import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface StepperProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    id?: string;
-    value?: string | number;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    label?: string;
-    description?: string;
-    statusMessage?: string;
-    validator?: IValidator;
-    onIncrease?: () => void;
-    onDecrease?: () => void;
-    testId?: string;
-}
-export declare function Stepper({ id, label, description, statusMessage, validator, value, onChange, onIncrease, onDecrease, testId, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/stepper/stepper.js

@@ -1,82 +0,0 @@
-import { _ as __rest } from '../../../_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { validateClassName } from '@sebgroup/extract';
-
-// 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 () {
-      return undefined;
-    } : _a$onChange,
-    _a$onIncrease = _a.onIncrease,
-    onIncrease = _a$onIncrease === void 0 ? function () {
-      return undefined;
-    } : _a$onIncrease,
-    _a$onDecrease = _a.onDecrease,
-    onDecrease = _a$onDecrease === void 0 ? function () {
-      return undefined;
-    } : _a$onDecrease,
-    testId = _a.testId,
-    props = __rest(_a, ["id", "label", "description", "statusMessage", "validator", "value", "onChange", "onIncrease", "onDecrease", "testId"]);
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.key === 'ArrowUp') {
-      e.preventDefault();
-      onIncrease();
-    } else if (e.key === 'ArrowDown') {
-      e.preventDefault();
-      onDecrease();
-    }
-  };
-  var PrimitiveStepper = 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", {
-      type: "button",
-      onClick: onDecrease,
-      children: "-"
-    }), jsx("input", Object.assign({
-      id: id,
-      type: "text",
-      inputMode: "numeric",
-      pattern: "[0-9]*",
-      onChange: onChange,
-      onFocus: function onFocus(_ref) {
-        var target = _ref.target;
-        return target.select();
-      },
-      onKeyDown: handleKeyDown,
-      placeholder: "0",
-      value: value
-    }, props)), jsx("button", {
-      type: "button",
-      onClick: onIncrease,
-      children: "+"
-    })]
-  });
-  if (!label && !description && !statusMessage && !validator) return PrimitiveStepper;
-  return jsxs("div", {
-    className: "form-group",
-    children: [label && jsx("label", {
-      htmlFor: id,
-      children: label
-    }), description && jsx("span", {
-      className: "form-info",
-      children: description
-    }), jsxs("div", {
-      className: "stepper-wrapper",
-      children: [PrimitiveStepper, validator && jsx("span", {
-        className: "form-info",
-        children: validator.message
-      })]
-    })]
-  });
-}
-
-export { Stepper };

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

@@ -1,13 +0,0 @@
-import React, { JSX } from 'react';
-import { SortedColumn } from './context/TableContextProvider';
-export type TableProps = JSX.IntrinsicElements['table'] & {
-    /** callback when row is selected */
-    onRowSelect?: (event: React.ChangeEvent<HTMLInputElement>, rowKey: string) => void;
-    /** callback when row is expanded */
-    onRowExpand?: (isExpanded: boolean, rowKey: string) => void;
-    /** callback when column is sorted */
-    onSort?: (sortedColumn: SortedColumn) => void;
-    /** preset sorted column */
-    sortedColumn?: SortedColumn | null;
-};
-export declare const Table: React.NamedExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;

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

@@ -1,40 +0,0 @@
-import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import classNames from 'classnames';
-import { TableContext } from './context/TableContextProvider.js';
-
-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 _React$useState = React.useState({
-      expandedRows: [],
-      sortedColumn: sortedColumn
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    tableState = _React$useState2[0],
-    setTableState = _React$useState2[1];
-  return jsx(TableContext.Provider, {
-    value: {
-      tableState: tableState,
-      onSort: onSort,
-      onRowSelect: onRowSelect,
-      onRowExpand: onRowExpand,
-      setTableState: setTableState
-    },
-    children: jsx("table", Object.assign({}, props, {
-      className: classNames('table', className),
-      ref: ref,
-      children: children
-    }))
-  });
-}));
-
-export { Table };

package/src/lib/table/components/context/TableContextProvider.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SortDirection } from '../table-typings';
-export interface SortedColumn<T = any> {
-    accessor?: keyof T;
-    sortDirection: SortDirection;
-}
-export interface TableState {
-    sortedColumn: SortedColumn | null;
-    expandedRows: Array<string>;
-}
-export type TableContextType = {
-    tableState: TableState;
-    setTableState: (newState: TableState) => void;
-    onRowSelect?: (event: React.ChangeEvent<HTMLInputElement>, rowKey: string) => void;
-    onRowExpand?: (isExpanded: boolean, rowKey: string) => void;
-    onSort?: (sortedColumn: SortedColumn) => void;
-};
-export declare const TableContext: React.Context<TableContextType>;
-export declare const useTableContext: () => TableContextType;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-
-var defaultContext = {
-  tableState: {
-    sortedColumn: null,
-    expandedRows: []
-  },
-  setTableState: null,
-  onRowSelect: null,
-  onRowExpand: null,
-  onSort: null
-};
-var TableContext = /*#__PURE__*/React.createContext(defaultContext);
-var useTableContext = function useTableContext() {
-  return React.useContext(TableContext);
-};
-
-export { TableContext, useTableContext };

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

@@ -1,9 +0,0 @@
-export * from './table-typings';
-export * from './context/TableContextProvider';
-export * from './parts/helperFunctions';
-export * from './parts/TableCell';
-export * from './parts/TableBody';
-export * from './parts/TableHeader';
-export * from './parts/TableHeaderCell';
-export * from './parts/TableRow';
-export * from './Table';

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

@@ -1,14 +0,0 @@
-export { SortDirection } from './table-typings.js';
-export { TableContext, useTableContext } from './context/TableContextProvider.js';
-export { filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols } from './parts/helperFunctions/helperFunctions.js';
-export { TableCell } from './parts/TableCell/TableCell.js';
-export { TableBody } from './parts/TableBody/TableBody.js';
-export { TableHeader } from './parts/TableHeader/TableHeader.js';
-export { TableHeaderCell } from './parts/TableHeaderCell/TableHeaderCell.js';
-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.d.ts

@@ -1,4 +0,0 @@
-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,41 +0,0 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-var TableBody = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
-  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';
-    if (isTableRow && !Child.props.isSubRow) {
-      parentKey = Child.props.uniqueKey;
-    }
-    return isTableRow ? /*#__PURE__*/React.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) {
-            return cloneTableRow(FragmentChild, fragmentIndex);
-          })
-        });
-      } else {
-        return cloneTableRow(Child, i);
-      }
-    })
-  }));
-});
-TableBody.displayName = 'TableBody';
-
-export { TableBody };

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

@@ -1 +0,0 @@
-export * from './TableBody';

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

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

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

@@ -1,3 +0,0 @@
-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,13 +0,0 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-var TableCell = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-  var props = __rest(_a, []);
-  return jsx("td", Object.assign({}, props, {
-    ref: ref
-  }));
-});
-TableCell.displayName = 'TableCell';
-
-export { TableCell };

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

@@ -1 +0,0 @@
-export * from './TableCell';

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

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

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

@@ -1,4 +0,0 @@
-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,23 +0,0 @@
-import { _ as __rest } from '../../../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-var TableHeader = /*#__PURE__*/React.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, {
-      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, {
-        index: i,
-        hideSelect: !Child.props.isHeaderRow
-      }) : Child;
-    })
-  }));
-});
-TableHeader.displayName = 'TableHeader';
-
-export { TableHeader };

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

@@ -1 +0,0 @@
-export * from './TableHeader';

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

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

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

@@ -1,10 +0,0 @@
-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,95 +0,0 @@
-import { _ as _slicedToArray } from '../../../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../../../_tslib.js';
-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.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 tableContext = useTableContext();
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    sortedColumn = _React$useState2[0],
-    setSortedColumn = _React$useState2[1];
-  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.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    sortable = _React$useState6[0],
-    setSortable = _React$useState6[1];
-  /**
-   * get latest sort direction
-   * @param oldSortDirection current sort direction
-   */
-  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), {
-      sortDirection: getSortDirection(sortedColumn.sortDirection)
-    }) : {
-      accessor: accessor,
-      sortDirection: SortDirection.DESC
-    };
-    tableContext.setTableState(Object.assign(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));
-  }, [sortedColumn, tableContext]);
-  var getCurrentSortValue = React.useCallback(function () {
-    if (!sortable || !sortOrder) {
-      return 'none';
-    }
-    if (sortOrder === SortDirection.ASC) {
-      return 'ascending';
-    }
-    return 'descending';
-  }, [sortable, sortOrder]);
-  React.useEffect(function () {
-    setSortable(!disableSort && !!tableContext.onSort);
-  }, [disableSort, tableContext.onSort]);
-  React.useEffect(function () {
-    setSortedColumn(tableContext.tableState.sortedColumn);
-  }, [tableContext.tableState.sortedColumn]);
-  React.useEffect(function () {
-    if (sortDirection && tableContext.onSort) {
-      tableContext.setTableState(Object.assign(Object.assign({}, tableContext.tableState), {
-        sortedColumn: {
-          accessor: accessor,
-          sortDirection: sortDirection
-        }
-      }));
-    }
-  }, [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);
-  }, [sortable, sortedColumn]);
-  return jsx("th", Object.assign({
-    className: classNames(className, {
-      'sg-sortable': sortable
-    }),
-    onClick: sortable ? onSort : onClick,
-    ref: ref,
-    "aria-sort": getCurrentSortValue()
-  }, props, {
-    children: sortable ? jsx("button", {
-      className: "sg-table-sort",
-      children: children
-    }) : children
-  }));
-});
-TableHeaderCell.displayName = 'TableHeaderCell';
-
-export { TableHeaderCell };

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

@@ -1 +0,0 @@
-export * from './TableHeaderCell';

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

@@ -1,8 +0,0 @@
-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';