@hazelcast/ui 2.0.4 → 3.0.0-canary.0

package/lib/components/Table/Cell.js

@@ -1,60 +1,113 @@
-import React, { useEffect, useRef } from 'react';
-import { AlertTriangle } from 'react-feather';
-import { useUID } from 'react-uid';
-import cn from 'classnames';
-import { Icon } from '../Icon';
-import { Tooltip } from '../Tooltip';
-import { useOpenCloseState } from '../../hooks';
-import { CellCopyablePopover } from './features/columnsSelection';
-import styles from './Cell.module.scss';
-export const CellWarning = ({ align, warning }) => {
-    const id = useUID();
-    const dataTest = 'cell-warning-content';
-    return (React.createElement(Tooltip, { id: id, content: warning }, (tooltipRef) => (React.createElement("div", { "data-test": dataTest, ref: tooltipRef, className: cn(styles.warningIcon, {
-            [styles.left]: align === 'left',
-            [styles.right]: align === 'right',
-        }) },
-        React.createElement(Icon, { "data-test": `${dataTest}-icon`, icon: AlertTriangle, ariaLabelledBy: id, size: "small" })))));
+'use strict';
+
+var React = require('react');
+var reactFeather = require('react-feather');
+var reactUid = require('react-uid');
+var cn = require('classnames');
+var components_Icon = require('../Icon.js');
+var components_Tooltip = require('../Tooltip.js');
+var components_Table_features_columnsSelection_CellCopyablePopover = require('./features/columnsSelection/CellCopyablePopover.js');
+var Cell_module = require('./Cell.module.scss.js');
+var hooks_useOpenCloseState = require('../../hooks/useOpenCloseState.js');
+
+const CellWarning = ({
+  align,
+  warning
+}) => {
+  const id = reactUid.useUID();
+  const dataTest = 'cell-warning-content';
+  return /*#__PURE__*/React.createElement(components_Tooltip.Tooltip, {
+    id: id,
+    content: warning
+  }, tooltipRef => (/*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    ref: tooltipRef,
+    className: cn(Cell_module.default.warningIcon, {
+      [Cell_module.default.left]: align === 'left',
+      [Cell_module.default.right]: align === 'right'
+    })
+  }, /*#__PURE__*/React.createElement(components_Icon.Icon, {
+    "data-test": `${dataTest}-icon`,
+    icon: reactFeather.AlertTriangle,
+    ariaLabelledBy: id,
+    size: "small"
+  }))));
 };
-export const Cell = ({ align = 'left', warning, colSpan, children, style, className, role = 'cell', cellId, onClickSelection, selected, onMouseEnterSelection, selectionStartedRef, }) => {
-    const rootRef = useRef(null);
-    const { isOpen, open, close } = useOpenCloseState();
-    const handleClick = (e) => {
-        if (onClickSelection && cellId) {
-            if (e.button === 2 && selected) {
-                return;
-            }
-            onClickSelection(cellId, {
-                shift: e.shiftKey,
-                ctrl: e.ctrlKey || e.metaKey,
-            });
-        }
-    };
-    const handleMouseEnter = () => {
-        if (cellId && onMouseEnterSelection && (selectionStartedRef === null || selectionStartedRef === void 0 ? void 0 : selectionStartedRef.current)) {
-            onMouseEnterSelection(cellId);
-        }
-    };
-    useEffect(() => {
-        if (!selected) {
-            close();
-        }
-    }, [close, selected]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: rootRef, "data-test": "table-cell", className: cn(styles.td, {
-                [styles.alignLeft]: align === 'left',
-                [styles.alignRight]: align === 'right',
-                [styles.alignCenter]: align === 'center',
-                [styles.selectable]: onClickSelection,
-                [styles.selected]: selected,
-            }, className), "aria-colspan": colSpan, style: style, role: role, onDoubleClick: selected ? open : undefined, onMouseEnter: onClickSelection ? handleMouseEnter : undefined, onMouseDown: onClickSelection ? handleClick : undefined },
-            warning && align === 'right' && React.createElement(CellWarning, { warning: warning, align: "right" }),
-            children,
-            warning && (align === 'left' || align === 'center') && React.createElement(CellWarning, { warning: warning, align: "left" })),
-        selected && (React.createElement(CellCopyablePopover, { anchorElement: rootRef.current, isOpen: isOpen, onClose: close, contentClassName: cn(styles.td, {
-                [styles.alignLeft]: align === 'left',
-                [styles.alignRight]: align === 'right',
-                [styles.alignCenter]: align === 'center',
-            }) }, children))));
+const Cell = ({
+  align = 'left',
+  warning,
+  colSpan,
+  children,
+  style,
+  className,
+  role = 'cell',
+  cellId,
+  onClickSelection,
+  selected,
+  onMouseEnterSelection,
+  selectionStartedRef
+}) => {
+  const rootRef = React.useRef(null);
+  const {
+    isOpen,
+    open,
+    close
+  } = hooks_useOpenCloseState.useOpenCloseState();
+  const handleClick = e => {
+    if (onClickSelection && cellId) {
+      if (e.button === 2 && selected) {
+        return;
+      }
+      onClickSelection(cellId, {
+        shift: e.shiftKey,
+        ctrl: e.ctrlKey || e.metaKey
+      });
+    }
+  };
+  const handleMouseEnter = () => {
+    if (cellId && onMouseEnterSelection && (selectionStartedRef === null || selectionStartedRef === void 0 ? void 0 : selectionStartedRef.current)) {
+      onMouseEnterSelection(cellId);
+    }
+  };
+  React.useEffect(() => {
+    if (!selected) {
+      close();
+    }
+  }, [close, selected]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    "data-test": "table-cell",
+    className: cn(Cell_module.default.td, {
+      [Cell_module.default.alignLeft]: align === 'left',
+      [Cell_module.default.alignRight]: align === 'right',
+      [Cell_module.default.alignCenter]: align === 'center',
+      [Cell_module.default.selectable]: onClickSelection,
+      [Cell_module.default.selected]: selected
+    }, className),
+    "aria-colspan": colSpan,
+    style: style,
+    role: role,
+    onDoubleClick: selected ? open : undefined,
+    onMouseEnter: onClickSelection ? handleMouseEnter : undefined,
+    onMouseDown: onClickSelection ? handleClick : undefined
+  }, warning && align === 'right' && /*#__PURE__*/React.createElement(CellWarning, {
+    warning: warning,
+    align: "right"
+  }), children, warning && (align === 'left' || align === 'center') && /*#__PURE__*/React.createElement(CellWarning, {
+    warning: warning,
+    align: "left"
+  })), selected && (/*#__PURE__*/React.createElement(components_Table_features_columnsSelection_CellCopyablePopover.CellCopyablePopover, {
+    anchorElement: rootRef.current,
+    isOpen: isOpen,
+    onClose: close,
+    contentClassName: cn(Cell_module.default.td, {
+      [Cell_module.default.alignLeft]: align === 'left',
+      [Cell_module.default.alignRight]: align === 'right',
+      [Cell_module.default.alignCenter]: align === 'center'
+    })
+  }, children)));
 };
-//# sourceMappingURL=Cell.js.map
+
+exports.Cell = Cell;
+exports.CellWarning = CellWarning;
+//# sourceMappingURL=Cell.js.map

package/lib/components/Table/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../src/components/Table/Cell.tsx"],"sourcesContent":[null],"names":["CellWarning","align","warning","id","useUID","dataTest","React","createElement","Tooltip","content","tooltipRef","ref","className","cn","styles","warningIcon","left","right","Icon","icon","AlertTriangle","ariaLabelledBy","size","Cell","colSpan","children","style","role","cellId","onClickSelection","selected","onMouseEnterSelection","selectionStartedRef","rootRef","useRef","isOpen","open","close","useOpenCloseState","handleClick","e","button","shift","shiftKey","ctrl","ctrlKey","metaKey","handleMouseEnter","current","useEffect","Fragment","td","alignLeft","alignRight","alignCenter","selectable","onDoubleClick","undefined","onMouseEnter","onMouseDown","CellCopyablePopover","anchorElement","onClose","contentClassName"],"mappings":"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"}

package/lib/components/Table/Cell.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"td":"Cell-module__td___voOfb","alignLeft":"Cell-module__alignLeft___djpuD","alignRight":"Cell-module__alignRight___RTBBt","alignCenter":"Cell-module__alignCenter___84vtV","selected":"Cell-module__selected___r9vxP","warningIcon":"Cell-module__warningIcon___Qv75A","left":"Cell-module__left___8MycH","right":"Cell-module__right___Sn39b","selectable":"Cell-module__selectable___vAjkB","truncated":"Cell-module__truncated___6MM6-"};
+
+exports.default = styles;
+//# sourceMappingURL=Cell.module.scss.js.map

package/lib/components/Table/Cell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/Table/CellWrapper.js

@@ -1,29 +1,46 @@
-import React, { useEffect } from 'react';
-import { flexRender } from '@tanstack/react-table';
-import { ROW_EXPANDER_COLUMN_ID } from './constants';
-import { Cell as TableCell } from './Cell';
-export const CellWrapper = (props) => {
-    var _a;
-    const { selectable, cell, selectedColumnValuesRef, onClickSelection, onMouseEnterSelection, selectionStartedRef, ...rest } = props;
-    const isSelectable = selectable && ((_a = cell.column) === null || _a === void 0 ? void 0 : _a.id) !== ROW_EXPANDER_COLUMN_ID;
-    useEffect(() => {
-        if (rest.cellId) {
-            const [rowIndex, cellIndex] = rest.cellId.split(':');
-            if (selectedColumnValuesRef === null || selectedColumnValuesRef === void 0 ? void 0 : selectedColumnValuesRef.current) {
-                if (rest.selected) {
-                    const row = selectedColumnValuesRef.current[Number(rowIndex)];
-                    if (row) {
-                        row[Number(cellIndex)] = typeof cell.getValue() !== 'object' ? String(cell.getValue()) : '';
-                    }
-                }
-                else {
-                    if (selectedColumnValuesRef.current[Number(rowIndex)] && selectedColumnValuesRef.current[Number(rowIndex)][Number(cellIndex)]) {
-                        selectedColumnValuesRef.current[Number(rowIndex)][Number(cellIndex)] = undefined;
-                    }
-                }
-            }
+'use strict';
+
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var components_Table_constants = require('./constants.js');
+var components_Table_Cell = require('./Cell.js');
+
+const CellWrapper = props => {
+  var _a;
+  const {
+    selectable,
+    cell,
+    selectedColumnValuesRef,
+    onClickSelection,
+    onMouseEnterSelection,
+    selectionStartedRef,
+    ...rest
+  } = props;
+  const isSelectable = selectable && ((_a = cell.column) === null || _a === void 0 ? void 0 : _a.id) !== components_Table_constants.ROW_EXPANDER_COLUMN_ID;
+  React.useEffect(() => {
+    if (rest.cellId) {
+      const [rowIndex, cellIndex] = rest.cellId.split(':');
+      if (selectedColumnValuesRef === null || selectedColumnValuesRef === void 0 ? void 0 : selectedColumnValuesRef.current) {
+        if (rest.selected) {
+          const row = selectedColumnValuesRef.current[Number(rowIndex)];
+          if (row) {
+            row[Number(cellIndex)] = typeof cell.getValue() !== 'object' ? String(cell.getValue()) : '';
+          }
+        } else {
+          if (selectedColumnValuesRef.current[Number(rowIndex)] && selectedColumnValuesRef.current[Number(rowIndex)][Number(cellIndex)]) {
+            selectedColumnValuesRef.current[Number(rowIndex)][Number(cellIndex)] = undefined;
+          }
         }
-    }, [rest, cell, selectedColumnValuesRef]);
-    return (React.createElement(TableCell, { onClickSelection: isSelectable ? onClickSelection : undefined, selectionStartedRef: isSelectable ? selectionStartedRef : undefined, onMouseEnterSelection: isSelectable ? onMouseEnterSelection : undefined, ...rest }, flexRender(cell.column.columnDef.cell, cell.getContext())));
+      }
+    }
+  }, [rest, cell, selectedColumnValuesRef]);
+  return /*#__PURE__*/React.createElement(components_Table_Cell.Cell, {
+    onClickSelection: isSelectable ? onClickSelection : undefined,
+    selectionStartedRef: isSelectable ? selectionStartedRef : undefined,
+    onMouseEnterSelection: isSelectable ? onMouseEnterSelection : undefined,
+    ...rest
+  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()));
 };
-//# sourceMappingURL=CellWrapper.js.map
+
+exports.CellWrapper = CellWrapper;
+//# sourceMappingURL=CellWrapper.js.map

package/lib/components/Table/CellWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../../src/components/Table/CellWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAQ,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAa,IAAI,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAUrD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAmB,KAA0B,EAAE,EAAE;;IAC1E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAElI,MAAM,YAAY,GAAG,UAAU,IAAI,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,EAAE,MAAK,sBAAsB,CAAA;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAqB,CAAA;YAExE,IAAI,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,EAAE,CAAC;gBACrC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,MAAM,GAAG,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;oBAC7D,IAAI,GAAG,EAAE,CAAC;wBACR,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;oBAC7F,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,IAAI,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;wBAC9H,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAA;oBAClF,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC7D,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACnE,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,KACnE,IAAI,IAEP,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAChD,CACb,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CellWrapper.js","sources":["../../../src/components/Table/CellWrapper.tsx"],"sourcesContent":[null],"names":["CellWrapper","props","selectable","cell","selectedColumnValuesRef","onClickSelection","onMouseEnterSelection","selectionStartedRef","rest","isSelectable","_a","column","id","ROW_EXPANDER_COLUMN_ID","useEffect","cellId","rowIndex","cellIndex","split","current","selected","row","Number","getValue","String","undefined","React","createElement","TableCell","flexRender","columnDef","getContext"],"mappings":";;;;;;;AAcO,MAAMA,WAAW,GAAsBC,KAA0B,IAAI;;EAC1E,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,uBAAuB;IAAEC,gBAAgB;IAAEC,qBAAqB;IAAEC,mBAAmB;IAAE,GAAGC;AAAI,GAAE,GAAGP,KAAK;EAElI,MAAMQ,YAAY,GAAGP,UAAU,IAAI,CAAA,CAAAQ,EAAA,GAAAP,IAAI,CAACQ,MAAM,MAAA,IAAA,IAAAD,EAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,EAAA,CAAEE,EAAE,MAAKC,iDAAsB;AAE7EC,EAAAA,eAAS,CAAC,MAAK;IACb,IAAIN,IAAI,CAACO,MAAM,EAAE;AACf,MAAA,MAAM,CAACC,QAAQ,EAAEC,SAAS,CAAC,GAAGT,IAAI,CAACO,MAAM,CAACG,KAAK,CAAC,GAAG,CAAqB;AAExE,MAAA,IAAId,uBAAuB,aAAvBA,uBAAuB,KAAA,MAAA,GAAA,MAAA,GAAvBA,uBAAuB,CAAEe,OAAO,EAAE;QACpC,IAAIX,IAAI,CAACY,QAAQ,EAAE;UACjB,MAAMC,GAAG,GAAGjB,uBAAuB,CAACe,OAAO,CAACG,MAAM,CAACN,QAAQ,CAAC,CAAC;AAC7D,UAAA,IAAIK,GAAG,EAAE;YACPA,GAAG,CAACC,MAAM,CAACL,SAAS,CAAC,CAAC,GAAG,OAAOd,IAAI,CAACoB,QAAQ,EAAE,KAAK,QAAQ,GAAGC,MAAM,CAACrB,IAAI,CAACoB,QAAQ,EAAE,CAAC,GAAG,EAAE;AAC7F,UAAA;AACF,QAAA,CAAC,MAAM;UACL,IAAInB,uBAAuB,CAACe,OAAO,CAACG,MAAM,CAACN,QAAQ,CAAC,CAAC,IAAIZ,uBAAuB,CAACe,OAAO,CAACG,MAAM,CAACN,QAAQ,CAAC,CAAC,CAACM,MAAM,CAACL,SAAS,CAAC,CAAC,EAAE;AAC7Hb,YAAAA,uBAAuB,CAACe,OAAO,CAACG,MAAM,CAACN,QAAQ,CAAC,CAAC,CAACM,MAAM,CAACL,SAAS,CAAC,CAAC,GAAGQ,SAAS;AAClF,UAAA;AACF,QAAA;AACF,MAAA;AACF,IAAA;EACF,CAAC,EAAE,CAACjB,IAAI,EAAEL,IAAI,EAAEC,uBAAuB,CAAC,CAAC;AAEzC,EAAA,oBACEsB,KAAA,CAAAC,aAAA,CAACC,0BAAS,EAAA;AACRvB,IAAAA,gBAAgB,EAAEI,YAAY,GAAGJ,gBAAgB,GAAGoB,SAAS;AAC7DlB,IAAAA,mBAAmB,EAAEE,YAAY,GAAGF,mBAAmB,GAAGkB,SAAS;AACnEnB,IAAAA,qBAAqB,EAAEG,YAAY,GAAGH,qBAAqB,GAAGmB,SAAS;IAAA,GACnEjB;AAAI,GAAA,EAEPqB,qBAAU,CAAC1B,IAAI,CAACQ,MAAM,CAACmB,SAAS,CAAC3B,IAAI,EAAEA,IAAI,CAAC4B,UAAU,EAAE,CAAC,CAChD;AAEhB;;;;"}

package/lib/components/Table/EnhancedRenderers.js

@@ -1,13 +1,32 @@
-import React from 'react';
-import { flexRender } from '@tanstack/react-table';
-import { TruncatedText } from '../TruncatedText';
-import styles from './Cell.module.scss';
-export const EnhancedHeaderFooterRenderer = ({ context, type }) => {
-    const value = context.column.columnDef[type];
-    if (typeof value === 'string') {
-        return React.createElement(TruncatedText, { text: value, forceUpdateToken: context.column.getIsResizing() });
-    }
-    return React.createElement(React.Fragment, null, flexRender(value, context));
+'use strict';
+
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var components_TruncatedText = require('../TruncatedText.js');
+var Cell_module = require('./Cell.module.scss.js');
+
+const EnhancedHeaderFooterRenderer = ({
+  context,
+  type
+}) => {
+  const value = context.column.columnDef[type];
+  if (typeof value === 'string') {
+    return /*#__PURE__*/React.createElement(components_TruncatedText.TruncatedText, {
+      text: value,
+      forceUpdateToken: context.column.getIsResizing()
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, reactTable.flexRender(value, context));
 };
-export const EnhancedCellRenderer = ({ cell, columnResizing }) => (React.createElement(TruncatedText, { text: cell.renderValue(), forceUpdateToken: columnResizing, tooltipClassName: styles.truncated }));
-//# sourceMappingURL=EnhancedRenderers.js.map
+const EnhancedCellRenderer = ({
+  cell,
+  columnResizing
+}) => (/*#__PURE__*/React.createElement(components_TruncatedText.TruncatedText, {
+  text: cell.renderValue(),
+  forceUpdateToken: columnResizing,
+  tooltipClassName: Cell_module.default.truncated
+}));
+
+exports.EnhancedCellRenderer = EnhancedCellRenderer;
+exports.EnhancedHeaderFooterRenderer = EnhancedHeaderFooterRenderer;
+//# sourceMappingURL=EnhancedRenderers.js.map

package/lib/components/Table/EnhancedRenderers.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnhancedRenderers.js","sourceRoot":"","sources":["../../../src/components/Table/EnhancedRenderers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,UAAU,EAAiB,MAAM,uBAAuB,CAAA;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAiBvC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAmB,EAAE,OAAO,EAAE,IAAI,EAAwC,EAAE,EAAE;IACxH,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAE5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,GAAI,CAAA;IACzF,CAAC;IAED,OAAO,0CAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAI,CAAA;AAC1C,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAmB,EAAE,IAAI,EAAE,cAAc,EAAgC,EAAE,EAAE,CAAC,CAChH,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,CAAC,SAAS,GAAI,CAC5H,CAAA"}
+{"version":3,"file":"EnhancedRenderers.js","sources":["../../../src/components/Table/EnhancedRenderers.tsx"],"sourcesContent":[null],"names":["EnhancedHeaderFooterRenderer","context","type","value","column","columnDef","React","TruncatedText","text","forceUpdateToken","getIsResizing","createElement","Fragment","flexRender","EnhancedCellRenderer","cell","columnResizing","renderValue","tooltipClassName","styles","truncated"],"mappings":";;;;;;;AAsBO,MAAMA,4BAA4B,GAAGA,CAAmB;EAAEC,OAAO;AAAEC,EAAAA;AAAI,CAAwC,KAAI;EACxH,MAAMC,KAAK,GAAGF,OAAO,CAACG,MAAM,CAACC,SAAS,CAACH,IAAI,CAAC;AAE5C,EAAA,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,oBAAOG,oBAACC,sCAAa,EAAA;AAACC,MAAAA,IAAI,EAAEL,KAAK;AAAEM,MAAAA,gBAAgB,EAAER,OAAO,CAACG,MAAM,CAACM,aAAa;MAAM;AACzF,EAAA;AAEA,EAAA,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,EAAA,IAAA,EAAGC,qBAAU,CAACV,KAAK,EAAEF,OAAO,CAAC,CAAI;AAC1C;AAOO,MAAMa,oBAAoB,GAAGA,CAAmB;EAAEC,IAAI;AAAEC,EAAAA;CAA8C,mBAC3GV,oBAACC,sCAAa,EAAA;AAACC,EAAAA,IAAI,EAAEO,IAAI,CAACE,WAAW,EAAY;AAAER,EAAAA,gBAAgB,EAAEO,cAAc;EAAEE,gBAAgB,EAAEC,mBAAM,CAACC;AAAS,CAAA,CAAI;;;;;"}

package/lib/components/Table/Header.js

@@ -1,94 +1,143 @@
-import React, { useMemo, useCallback, useRef } from 'react';
-import { ChevronDown, ChevronUp, Menu } from 'react-feather';
-import cn from 'classnames';
-import { Icon } from '../Icon';
-import { keyIsOneOf } from '../../utils/keyboard';
-import styles from './Header.module.scss';
-export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, isSortedDesc, canResize, isResizing, onClick, style, className, role, index, size, onDragStart, onDrop, resizeHandler, }) => {
-    const rootRef = useRef(null);
-    const isDragStarterRef = useRef(false);
-    const counterRef = useRef(0);
-    const draggable = !!onDrop && !!onDragStart;
-    let ariaSort;
-    let ariaLabel = 'Not Sorted';
-    let icon = ChevronUp;
-    if (isSorted) {
-        ariaSort = isSortedDesc ? 'descending' : 'ascending';
-        ariaLabel = isSortedDesc ? 'Descending' : 'Ascending';
-        icon = isSortedDesc ? ChevronDown : ChevronUp;
+'use strict';
+
+var React = require('react');
+var reactFeather = require('react-feather');
+var cn = require('classnames');
+var components_Icon = require('../Icon.js');
+var utils_keyboard = require('../../utils/keyboard.js');
+var Header_module = require('./Header.module.scss.js');
+
+const Header = ({
+  align = 'left',
+  colSpan,
+  children,
+  canSort,
+  isSorted,
+  isSortedDesc,
+  canResize,
+  isResizing,
+  onClick,
+  style,
+  className,
+  role,
+  index,
+  size,
+  onDragStart,
+  onDrop,
+  resizeHandler
+}) => {
+  const rootRef = React.useRef(null);
+  const isDragStarterRef = React.useRef(false);
+  const counterRef = React.useRef(0);
+  const draggable = !!onDrop && !!onDragStart;
+  let ariaSort;
+  let ariaLabel = 'Not Sorted';
+  let icon = reactFeather.ChevronUp;
+  if (isSorted) {
+    ariaSort = isSortedDesc ? 'descending' : 'ascending';
+    ariaLabel = isSortedDesc ? 'Descending' : 'Ascending';
+    icon = isSortedDesc ? reactFeather.ChevronDown : reactFeather.ChevronUp;
+  }
+  const Chevron = React.useMemo(() => (/*#__PURE__*/React.createElement(components_Icon.Icon, {
+    "data-test": "chevron",
+    className: cn(Header_module.default.sortingIcon, {
+      [Header_module.default.left]: align === 'left',
+      [Header_module.default.right]: align === 'right',
+      [Header_module.default.isSorted]: isSorted
+    }),
+    icon: icon,
+    ariaLabel: ariaLabel,
+    size: "smallMedium"
+  })), [align, ariaLabel, icon, isSorted]);
+  const DraggableIcon = /*#__PURE__*/React.createElement(components_Icon.Icon, {
+    icon: reactFeather.Menu,
+    size: "small",
+    ariaLabel: "draggable-indicator",
+    className: cn(Header_module.default.dragIcon, {
+      [Header_module.default.dragIconRight]: align === 'right'
+    })
+  });
+  const onKeyDown = React.useCallback(event => {
+    event.preventDefault();
+    if (utils_keyboard.keyIsOneOf(event, 'Enter') && onClick) {
+      onClick(event);
     }
-    const Chevron = useMemo(() => (React.createElement(Icon, { "data-test": "chevron", className: cn(styles.sortingIcon, {
-            [styles.left]: align === 'left',
-            [styles.right]: align === 'right',
-            [styles.isSorted]: isSorted,
-        }), icon: icon, ariaLabel: ariaLabel, size: "smallMedium" })), [align, ariaLabel, icon, isSorted]);
-    const DraggableIcon = (React.createElement(Icon, { icon: Menu, size: "small", ariaLabel: "draggable-indicator", className: cn(styles.dragIcon, { [styles.dragIconRight]: align === 'right' }) }));
-    const onKeyDown = useCallback((event) => {
-        event.preventDefault();
-        if (keyIsOneOf(event, 'Enter') && onClick) {
-            onClick(event);
-        }
-    }, [onClick]);
-    const buttonRoleProps = {
-        tabIndex: onClick ? 0 : undefined,
-        role: onClick ? 'button' : undefined,
-        onKeyDown: onClick ? onKeyDown : undefined,
-        onClick,
-    };
-    return (React.createElement("div", { ref: rootRef, "data-test": "table-header-container", className: cn(styles.container, className), style: {
-            ...style,
-            ...(size != null ? { width: size } : {}),
-        }, role: role, "aria-colspan": colSpan, "aria-sort": ariaSort },
-        React.createElement("div", { draggable: draggable, "data-test": "table-header-content", className: cn(styles.th, {
-                [styles.sortable]: canSort,
-                [styles.alignLeft]: align === 'left',
-                [styles.alignRight]: align === 'right',
-                [styles.alignCenter]: align === 'center',
-            }), onDragStart: draggable
-                ? (e) => {
-                    e.dataTransfer.setData('text/plain', String(index));
-                    isDragStarterRef.current = true;
-                    if (onDragStart) {
-                        onDragStart(e);
-                    }
-                }
-                : undefined, onDragEnd: () => {
-                isDragStarterRef.current = false;
-            }, onDragOver: (e) => e.preventDefault(), onDragEnter: draggable
-                ? (e) => {
-                    e.preventDefault();
-                    if (!isDragStarterRef.current && rootRef.current && counterRef.current === 0) {
-                        rootRef.current.classList.add(styles.dragOver);
-                    }
-                    counterRef.current++;
-                }
-                : undefined, onDragLeave: draggable
-                ? () => {
-                    counterRef.current--;
-                    if (rootRef.current && counterRef.current === 0) {
-                        rootRef.current.classList.remove(styles.dragOver);
-                    }
-                }
-                : undefined, onDrop: draggable
-                ? (e) => {
-                    if (onDrop) {
-                        onDrop(e, index);
-                    }
-                    if (rootRef.current) {
-                        rootRef.current.classList.remove(styles.dragOver);
-                    }
-                    isDragStarterRef.current = false;
-                    counterRef.current = 0;
-                }
-                : undefined, ...buttonRoleProps },
-            draggable && align === 'right' && DraggableIcon,
-            canSort && align === 'right' && Chevron,
-            children,
-            canSort && (align === 'left' || align === 'center') && Chevron,
-            draggable && (align === 'left' || align === 'center') && DraggableIcon),
-        canResize && (React.createElement("div", { "data-test": "table-header-column-resizer-container", className: styles.resizer, onMouseDown: resizeHandler, onTouchStart: resizeHandler },
-            React.createElement("div", { "data-test": "table-header-column-resizer", className: cn('resizer', styles.separator, {
-                    [styles.resizing]: isResizing,
-                }) })))));
+  }, [onClick]);
+  const buttonRoleProps = {
+    tabIndex: onClick ? 0 : undefined,
+    role: onClick ? 'button' : undefined,
+    onKeyDown: onClick ? onKeyDown : undefined,
+    onClick
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    "data-test": "table-header-container",
+    className: cn(Header_module.default.container, className),
+    style: {
+      ...style,
+      ...(size != null ? {
+        width: size
+      } : {})
+    },
+    role: role,
+    "aria-colspan": colSpan,
+    "aria-sort": ariaSort
+  }, /*#__PURE__*/React.createElement("div", {
+    draggable: draggable,
+    "data-test": "table-header-content",
+    className: cn(Header_module.default.th, {
+      [Header_module.default.sortable]: canSort,
+      [Header_module.default.alignLeft]: align === 'left',
+      [Header_module.default.alignRight]: align === 'right',
+      [Header_module.default.alignCenter]: align === 'center'
+    }),
+    onDragStart: draggable ? e => {
+      e.dataTransfer.setData('text/plain', String(index));
+      isDragStarterRef.current = true;
+      if (onDragStart) {
+        onDragStart(e);
+      }
+    } : undefined,
+    onDragEnd: () => {
+      isDragStarterRef.current = false;
+    },
+    onDragOver: e => e.preventDefault(),
+    onDragEnter: draggable ? e => {
+      e.preventDefault();
+      if (!isDragStarterRef.current && rootRef.current && counterRef.current === 0) {
+        rootRef.current.classList.add(Header_module.default.dragOver);
+      }
+      counterRef.current++;
+    } : undefined,
+    onDragLeave: draggable ? () => {
+      counterRef.current--;
+      if (rootRef.current && counterRef.current === 0) {
+        rootRef.current.classList.remove(Header_module.default.dragOver);
+      }
+    } : undefined,
+    onDrop: draggable ? e => {
+      if (onDrop) {
+        onDrop(e, index);
+      }
+      if (rootRef.current) {
+        rootRef.current.classList.remove(Header_module.default.dragOver);
+      }
+      isDragStarterRef.current = false;
+      counterRef.current = 0;
+    } : undefined,
+    ...buttonRoleProps
+  }, draggable && align === 'right' && DraggableIcon, canSort && align === 'right' && Chevron, children, canSort && (align === 'left' || align === 'center') && Chevron, draggable && (align === 'left' || align === 'center') && DraggableIcon), canResize && (/*#__PURE__*/React.createElement("div", {
+    "data-test": "table-header-column-resizer-container",
+    className: Header_module.default.resizer,
+    onMouseDown: resizeHandler,
+    onTouchStart: resizeHandler
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-test": "table-header-column-resizer",
+    className: cn('resizer', Header_module.default.separator, {
+      [Header_module.default.resizing]: isResizing
+    })
+  }))));
 };
-//# sourceMappingURL=Header.js.map
+
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map