@epignosis_llc/gnosis 3.4.3 → 3.5.0

package/dist/esm/src/components/Table/Table.js

@@ -2,11 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useReducer, useEffect } from 'react';
 import { reducer } from './reducer.js';
 import { tableContainer } from './styles.js';
@@ -15,34 +15,25 @@ import Header from './components/Header.js';
 import { Actions } from './constants.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["columns", "rows", "emptyState", "selectable", "sortable", "sorting", "onSortingChanged", "handleRowClick"];
+var _excluded = ["columns", "rows", "emptyState", "sortable", "sorting"];
 var Table = function Table(props) {
-  var defaultSorting = {
-    column: props.sortable ? props.columns[0].accessor : "",
-    isDescending: false
-  };
   var columns = props.columns,
     rows = props.rows,
     emptyState = props.emptyState,
-    _props$selectable = props.selectable,
-    selectable = _props$selectable === void 0 ? false : _props$selectable,
     _props$sortable = props.sortable,
     sortable = _props$sortable === void 0 ? false : _props$sortable,
-    _props$sorting = props.sorting,
-    sorting = _props$sorting === void 0 ? defaultSorting : _props$sorting,
-    onSortingChanged = props.onSortingChanged,
-    handleRowClick = props.handleRowClick,
+    sorting = props.sorting,
     rest = _objectWithoutProperties(props, _excluded);
+  var defaultSorting = sorting !== null && sorting !== void 0 ? sorting : {
+    column: sortable ? columns[0].accessor : "",
+    isDescending: false
+  };
   var _useReducer = useReducer(reducer, {
       columns: columns,
       rows: rows,
       emptyState: emptyState,
       selected: [],
-      selectable: selectable,
-      sortable: sortable,
-      sorting: sorting,
-      onSortingChanged: onSortingChanged,
-      handleRowClick: handleRowClick
+      sorting: defaultSorting
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
@@ -62,13 +53,13 @@ var Table = function Table(props) {
   return jsx("div", {
     css: tableContainer,
     "data-testid": "table"
-  }, jsx("table", rest, jsx(Table.Header, {
+  }, jsx("table", rest, jsx(Table.Header, _extends({
     state: state,
     dispatch: dispatch
-  }), jsx(Table.Body, {
+  }, props)), jsx(Table.Body, _extends({
     state: state,
     dispatch: dispatch
-  })));
+  }, props))));
 };
 Table.Header = Header;
 Table.Body = Body;

package/dist/esm/src/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useReducer } from \"react\";\nimport { Dispatch, reducer } from \"./reducer\";\nimport { tableContainer } from \"./styles\";\nimport Body from \"./components/Body\";\nimport Header from \"./components/Header\";\nimport { Actions } from \"./constants\";\nimport { Column, EmptyState, Row, Sorting, TableState } from \"./types\";\nimport { ExtendableProps } from \"types/utils\";\n\nexport type ChildrenProps = { state: TableState; dispatch: Dispatch };\n\nexport type Props = ExtendableProps<\n  HTMLAttributes<HTMLTableElement>,\n  {\n    columns: Column[];\n    rows: Row[];\n    emptyState: EmptyState;\n    selectable?: boolean;\n    sortable?: boolean;\n    sorting?: Sorting;\n    onSortingChanged?: (sorting: Sorting) => void;\n    handleRowClick?: (row: Row) => void;\n  }\n>;\n\ntype TableCompoundProps = {\n  Header: FC<ChildrenProps>;\n  Body: FC<ChildrenProps>;\n};\n\nconst Table: FC<Props> & TableCompoundProps = (props) => {\n  const defaultSorting: Sorting = {\n    column: props.sortable ? props.columns[0].accessor : \"\",\n    isDescending: false,\n  };\n  const {\n    columns,\n    rows,\n    emptyState,\n    selectable = false,\n    sortable = false,\n    sorting = defaultSorting,\n    onSortingChanged,\n    handleRowClick,\n    ...rest\n  } = props;\n  const [state, dispatch] = useReducer(reducer, {\n    columns,\n    rows,\n    emptyState,\n    selected: [],\n    selectable,\n    sortable,\n    sorting,\n    onSortingChanged,\n    handleRowClick,\n  });\n\n  useEffect(() => {\n    dispatch({ type: Actions.columnsChanged, payload: columns });\n  }, [columns]);\n\n  useEffect(() => {\n    dispatch({ type: Actions.rowsChanged, payload: rows });\n  }, [rows]);\n\n  return (\n    <div css={tableContainer} data-testid=\"table\">\n      <table {...rest}>\n        <Table.Header state={state} dispatch={dispatch} />\n        <Table.Body state={state} dispatch={dispatch} />\n      </table>\n    </div>\n  );\n};\n\nTable.Header = Header;\nTable.Body = Body;\n\nexport default Table;\n"],"names":["Table","props","defaultSorting","column","sortable","columns","accessor","isDescending","rows","emptyState","selectable","sorting","onSortingChanged","handleRowClick","rest","useReducer","reducer","selected","state","dispatch","useEffect","type","Actions","columnsChanged","payload","rowsChanged","___EmotionJSX","tableContainer","Header","Body"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,IAAMA,KAAqC,GAAG,SAAxCA,KAAqC,CAAIC,KAAK,EAAK;AACvD,EAAA,IAAMC,cAAuB,GAAG;AAC9BC,IAAAA,MAAM,EAAEF,KAAK,CAACG,QAAQ,GAAGH,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC,CAACC,QAAQ,GAAG,EAAE;AACvDC,IAAAA,YAAY,EAAE,KAAA;GACf,CAAA;AACD,EAAA,IACEF,OAAO,GASLJ,KAAK,CATPI,OAAO;IACPG,IAAI,GAQFP,KAAK,CARPO,IAAI;IACJC,UAAU,GAORR,KAAK,CAPPQ,UAAU;IAAA,iBAORR,GAAAA,KAAK,CANPS,UAAU;AAAVA,IAAAA,UAAU,kCAAG,KAAK,GAAA,iBAAA;IAAA,eAMhBT,GAAAA,KAAK,CALPG,QAAQ;AAARA,IAAAA,QAAQ,gCAAG,KAAK,GAAA,eAAA;IAAA,cAKdH,GAAAA,KAAK,CAJPU,OAAO;AAAPA,IAAAA,OAAO,+BAAGT,cAAc,GAAA,cAAA;IACxBU,gBAAgB,GAGdX,KAAK,CAHPW,gBAAgB;IAChBC,cAAc,GAEZZ,KAAK,CAFPY,cAAc;AACXC,IAAAA,IAAI,4BACLb,KAAK,EAAA,SAAA,CAAA,CAAA;EACT,IAA0Bc,WAAAA,GAAAA,UAAU,CAACC,OAAO,EAAE;AAC5CX,MAAAA,OAAO,EAAPA,OAAO;AACPG,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,UAAU,EAAVA,UAAU;AACVQ,MAAAA,QAAQ,EAAE,EAAE;AACZP,MAAAA,UAAU,EAAVA,UAAU;AACVN,MAAAA,QAAQ,EAARA,QAAQ;AACRO,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,cAAc,EAAdA,cAAAA;AACF,KAAC,CAAC;AAAA,IAAA,YAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAVKK,KAAK,GAAA,YAAA,CAAA,CAAA,CAAA;IAAEC,QAAQ,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAYtBC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,QAAQ,CAAC;MAAEE,IAAI,EAAEC,OAAO,CAACC,cAAc;AAAEC,MAAAA,OAAO,EAAEnB,OAAAA;AAAQ,KAAC,CAAC,CAAA;AAC9D,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEbe,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,QAAQ,CAAC;MAAEE,IAAI,EAAEC,OAAO,CAACG,WAAW;AAAED,MAAAA,OAAO,EAAEhB,IAAAA;AAAK,KAAC,CAAC,CAAA;AACxD,GAAC,EAAE,CAACA,IAAI,CAAC,CAAC,CAAA;EAEV,OACEkB,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,cAAe;IAAC,aAAY,EAAA,OAAA;AAAO,GAAA,EAC3CD,aAAWZ,IAAI,EACbY,GAAC,CAAA,KAAK,CAAC,MAAM,EAAA;AAAC,IAAA,KAAK,EAAER,KAAM;AAAC,IAAA,QAAQ,EAAEC,QAAAA;AAAS,GAAA,CAAG,EAClDO,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA;AAAC,IAAA,KAAK,EAAER,KAAM;AAAC,IAAA,QAAQ,EAAEC,QAAAA;AAAS,GAAA,CAAG,CAC1C,CACJ,CAAA;AAEV,EAAC;AAEDnB,KAAK,CAAC4B,MAAM,GAAGA,MAAM,CAAA;AACrB5B,KAAK,CAAC6B,IAAI,GAAGA,IAAI;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useReducer } from \"react\";\nimport { Dispatch, reducer } from \"./reducer\";\nimport { tableContainer } from \"./styles\";\nimport Body from \"./components/Body\";\nimport Header from \"./components/Header\";\nimport { Actions } from \"./constants\";\nimport { Sorting, TableProps, TableState } from \"./types\";\nimport { ExtendableProps } from \"types/utils\";\n\nexport type Props = ExtendableProps<HTMLAttributes<HTMLTableElement>, TableProps>;\nexport type ChildrenProps = Props & { state: TableState; dispatch: Dispatch };\n\ntype TableCompoundProps = {\n  Header: FC<ChildrenProps>;\n  Body: FC<ChildrenProps>;\n};\n\nconst Table: FC<Props> & TableCompoundProps = (props) => {\n  const { columns, rows, emptyState, sortable = false, sorting, ...rest } = props;\n\n  const defaultSorting: Sorting = sorting ?? {\n    column: sortable ? columns[0].accessor : \"\",\n    isDescending: false,\n  };\n\n  const [state, dispatch] = useReducer(reducer, {\n    columns,\n    rows,\n    emptyState,\n    selected: [],\n    sorting: defaultSorting,\n  });\n\n  useEffect(() => {\n    dispatch({ type: Actions.columnsChanged, payload: columns });\n  }, [columns]);\n\n  useEffect(() => {\n    dispatch({ type: Actions.rowsChanged, payload: rows });\n  }, [rows]);\n\n  return (\n    <div css={tableContainer} data-testid=\"table\">\n      <table {...rest}>\n        <Table.Header state={state} dispatch={dispatch} {...props} />\n        <Table.Body state={state} dispatch={dispatch} {...props} />\n      </table>\n    </div>\n  );\n};\n\nTable.Header = Header;\nTable.Body = Body;\n\nexport default Table;\n"],"names":["Table","props","columns","rows","emptyState","sortable","sorting","rest","defaultSorting","column","accessor","isDescending","useReducer","reducer","selected","state","dispatch","useEffect","type","Actions","columnsChanged","payload","rowsChanged","___EmotionJSX","tableContainer","Header","Body"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAMA,KAAqC,GAAG,SAAxCA,KAAqC,CAAIC,KAAK,EAAK;AACvD,EAAA,IAAQC,OAAO,GAA2DD,KAAK,CAAvEC,OAAO;IAAEC,IAAI,GAAqDF,KAAK,CAA9DE,IAAI;IAAEC,UAAU,GAAyCH,KAAK,CAAxDG,UAAU;IAAA,eAAyCH,GAAAA,KAAK,CAA5CI,QAAQ;AAARA,IAAAA,QAAQ,gCAAG,KAAK,GAAA,eAAA;IAAEC,OAAO,GAAcL,KAAK,CAA1BK,OAAO;AAAKC,IAAAA,IAAI,4BAAKN,KAAK,EAAA,SAAA,CAAA,CAAA;AAE/E,EAAA,IAAMO,cAAuB,GAAGF,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI;IACzCG,MAAM,EAAEJ,QAAQ,GAAGH,OAAO,CAAC,CAAC,CAAC,CAACQ,QAAQ,GAAG,EAAE;AAC3CC,IAAAA,YAAY,EAAE,KAAA;GACf,CAAA;EAED,IAA0BC,WAAAA,GAAAA,UAAU,CAACC,OAAO,EAAE;AAC5CX,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,UAAU,EAAVA,UAAU;AACVU,MAAAA,QAAQ,EAAE,EAAE;AACZR,MAAAA,OAAO,EAAEE,cAAAA;AACX,KAAC,CAAC;AAAA,IAAA,YAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IANKO,KAAK,GAAA,YAAA,CAAA,CAAA,CAAA;IAAEC,QAAQ,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAQtBC,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,QAAQ,CAAC;MAAEE,IAAI,EAAEC,OAAO,CAACC,cAAc;AAAEC,MAAAA,OAAO,EAAEnB,OAAAA;AAAQ,KAAC,CAAC,CAAA;AAC9D,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAEbe,EAAAA,SAAS,CAAC,YAAM;AACdD,IAAAA,QAAQ,CAAC;MAAEE,IAAI,EAAEC,OAAO,CAACG,WAAW;AAAED,MAAAA,OAAO,EAAElB,IAAAA;AAAK,KAAC,CAAC,CAAA;AACxD,GAAC,EAAE,CAACA,IAAI,CAAC,CAAC,CAAA;EAEV,OACEoB,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,cAAe;IAAC,aAAY,EAAA,OAAA;AAAO,GAAA,EAC3CD,aAAWhB,IAAI,EACbgB,GAAC,CAAA,KAAK,CAAC,MAAM,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAER,KAAM;AAAC,IAAA,QAAQ,EAAEC,QAAAA;AAAS,GAAA,EAAKf,KAAK,CAAI,CAAA,EAC7DsB,GAAC,CAAA,KAAK,CAAC,IAAI,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAER,KAAM;AAAC,IAAA,QAAQ,EAAEC,QAAAA;GAAcf,EAAAA,KAAK,CAAI,CAAA,CACrD,CACJ,CAAA;AAEV,EAAC;AAEDD,KAAK,CAACyB,MAAM,GAAGA,MAAM,CAAA;AACrBzB,KAAK,CAAC0B,IAAI,GAAGA,IAAI;;;;"}

package/dist/esm/src/components/Table/components/Body.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 
@@ -27,12 +27,13 @@ var rowClassnames = function rowClassnames(isSelected, callback) {
   });
 };
 var Body = function Body(_ref) {
-  var state = _ref.state,
-    dispatch = _ref.dispatch;
-  var selectable = state.selectable,
-    columns = state.columns,
-    selected = state.selected,
-    handleRowClick = state.handleRowClick;
+  var selectable = _ref.selectable,
+    state = _ref.state,
+    dispatch = _ref.dispatch,
+    handleRowClick = _ref.handleRowClick,
+    onHoveredRowChange = _ref.onHoveredRowChange;
+  var columns = state.columns,
+    selected = state.selected;
   var accessors = columns.filter(function (column) {
     return !column.hidden;
   }).map(function (column) {
@@ -58,12 +59,21 @@ var Body = function Body(_ref) {
       });
     }
   };
+  var handleRowHover = function handleRowHover(row) {
+    onHoveredRowChange && onHoveredRowChange(row);
+  };
   return jsx("tbody", null, state.rows.length > 0 ? jsx(React__default.Fragment, null, state.rows.map(function (row) {
     var isSelected = selectedRows.includes(row.id);
     var rowKey = "".concat(row.id, "-").concat(isSelected ? "selected" : "not-selected");
     return jsx("tr", {
       key: rowKey,
-      className: rowClassnames(isSelected, Boolean(handleRowClick))
+      className: rowClassnames(isSelected, Boolean(handleRowClick)),
+      onMouseEnter: function onMouseEnter() {
+        return handleRowHover(row);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return handleRowHover(null);
+      }
     }, selectable && jsx(Cell, {
       key: row.id,
       className: "selectable-cell"

package/dist/esm/src/components/Table/components/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../../../src/components/Table/components/Body.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { Row } from \"../types\";\nimport Checkbox from \"../../FormElements/CheckboxGroup/Checkbox\";\nimport Result from \"../../Result/Result\";\nimport { ChildrenProps } from \"../Table\";\nimport { Actions } from \"../constants\";\nimport Cell from \"./Cell\";\n\nconst rowClassnames = (isSelected: boolean, callback: boolean): string =>\n  classNames({\n    selected: isSelected,\n    link: callback,\n  });\n\nconst Body: FC<ChildrenProps> = ({ state, dispatch }) => {\n  const { selectable, columns, selected, handleRowClick } = state;\n  const accessors = columns\n    .filter((column) => !column.hidden)\n    .map((column) => column.accessor)\n    .filter((column) => column !== \"actions\");\n  const selectedRows = selected.map((entry) => entry.id);\n\n  const handleRowSelection = (e: React.ChangeEvent<HTMLInputElement>, row: Row): void => {\n    e.preventDefault();\n\n    if (!selectedRows.includes(row.id)) {\n      dispatch({ type: Actions.selectRow, payload: row });\n    }\n\n    if (selectedRows.includes(row.id)) {\n      dispatch({ type: Actions.removeRow, payload: row });\n    }\n  };\n\n  return (\n    <tbody>\n      {state.rows.length > 0 ? (\n        <>\n          {state.rows.map((row) => {\n            const isSelected = selectedRows.includes(row.id);\n            const rowKey = `${row.id}-${isSelected ? \"selected\" : \"not-selected\"}`;\n\n            return (\n              <tr key={rowKey} className={rowClassnames(isSelected, Boolean(handleRowClick))}>\n                {selectable && (\n                  <Cell key={row.id} className=\"selectable-cell\">\n                    <Checkbox\n                      id={`entry-${row.id}`}\n                      name={`entry-${row.id}`}\n                      value={`entry-${row.id}`}\n                      onChange={(e): void => handleRowSelection(e, row)}\n                      checked={isSelected}\n                    />\n                  </Cell>\n                )}\n\n                {accessors.map((accessor) => {\n                  const rowObj = row[accessor];\n\n                  if (typeof rowObj === \"function\") {\n                    return (\n                      <Cell\n                        key={`entry-${row.id}-${accessor}`}\n                        onClick={handleRowClick ? (): void => handleRowClick(row) : undefined}\n                      >\n                        {rowObj(row)}\n                      </Cell>\n                    );\n                  }\n                  return (\n                    <Cell\n                      key={`entry-${row.id}-${accessor}`}\n                      onClick={handleRowClick ? (): void => handleRowClick(row) : undefined}\n                    >\n                      {rowObj as string}\n                    </Cell>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </>\n      ) : (\n        <tr className=\"empty-state-container\">\n          <td>\n            <Result title={state.emptyState.title} info={state.emptyState.info} />\n          </td>\n        </tr>\n      )}\n    </tbody>\n  );\n};\n\nexport default Body;\n"],"names":["rowClassnames","isSelected","callback","classNames","selected","link","Body","state","dispatch","selectable","columns","handleRowClick","accessors","filter","column","hidden","map","accessor","selectedRows","entry","id","handleRowSelection","e","row","preventDefault","includes","type","Actions","selectRow","payload","removeRow","___EmotionJSX","rows","length","rowKey","Boolean","rowObj","undefined","emptyState","title","info"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,UAAmB,EAAEC,QAAiB,EAAA;AAAA,EAAA,OAC3DC,UAAU,CAAC;AACTC,IAAAA,QAAQ,EAAEH,UAAU;AACpBI,IAAAA,IAAI,EAAEH,QAAAA;AACR,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMI,IAAuB,GAAG,SAA1BA,IAAuB,CAA4B,IAAA,EAAA;EAAA,IAAtBC,KAAK,QAALA,KAAK;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAChD,EAAA,IAAQC,UAAU,GAAwCF,KAAK,CAAvDE,UAAU;IAAEC,OAAO,GAA+BH,KAAK,CAA3CG,OAAO;IAAEN,QAAQ,GAAqBG,KAAK,CAAlCH,QAAQ;IAAEO,cAAc,GAAKJ,KAAK,CAAxBI,cAAc,CAAA;AACrD,EAAA,IAAMC,SAAS,GAAGF,OAAO,CACtBG,MAAM,CAAC,UAACC,MAAM,EAAA;IAAA,OAAK,CAACA,MAAM,CAACC,MAAM,CAAA;AAAA,GAAA,CAAC,CAClCC,GAAG,CAAC,UAACF,MAAM,EAAA;IAAA,OAAKA,MAAM,CAACG,QAAQ,CAAA;AAAA,GAAA,CAAC,CAChCJ,MAAM,CAAC,UAACC,MAAM,EAAA;IAAA,OAAKA,MAAM,KAAK,SAAS,CAAA;GAAC,CAAA,CAAA;AAC3C,EAAA,IAAMI,YAAY,GAAGd,QAAQ,CAACY,GAAG,CAAC,UAACG,KAAK,EAAA;IAAA,OAAKA,KAAK,CAACC,EAAE,CAAA;GAAC,CAAA,CAAA;EAEtD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,CAAsC,EAAEC,GAAQ,EAAW;IACrFD,CAAC,CAACE,cAAc,EAAE,CAAA;IAElB,IAAI,CAACN,YAAY,CAACO,QAAQ,CAACF,GAAG,CAACH,EAAE,CAAC,EAAE;AAClCZ,MAAAA,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO,CAACC,SAAS;AAAEC,QAAAA,OAAO,EAAEN,GAAAA;AAAI,OAAC,CAAC,CAAA;AACrD,KAAA;IAEA,IAAIL,YAAY,CAACO,QAAQ,CAACF,GAAG,CAACH,EAAE,CAAC,EAAE;AACjCZ,MAAAA,QAAQ,CAAC;QAAEkB,IAAI,EAAEC,OAAO,CAACG,SAAS;AAAED,QAAAA,OAAO,EAAEN,GAAAA;AAAI,OAAC,CAAC,CAAA;AACrD,KAAA;GACD,CAAA;AAED,EAAA,OACEQ,mBACGxB,KAAK,CAACyB,IAAI,CAACC,MAAM,GAAG,CAAC,GACpBF,GACGxB,CAAAA,cAAAA,CAAAA,QAAAA,EAAAA,IAAAA,EAAAA,KAAK,CAACyB,IAAI,CAAChB,GAAG,CAAC,UAACO,GAAG,EAAK;IACvB,IAAMtB,UAAU,GAAGiB,YAAY,CAACO,QAAQ,CAACF,GAAG,CAACH,EAAE,CAAC,CAAA;IAChD,IAAMc,MAAM,GAAMX,EAAAA,CAAAA,MAAAA,CAAAA,GAAG,CAACH,EAAE,EAAInB,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,UAAU,GAAG,UAAU,GAAG,cAAc,CAAE,CAAA;IAEtE,OACE8B,GAAA,CAAA,IAAA,EAAA;AAAI,MAAA,GAAG,EAAEG,MAAO;MAAC,SAAS,EAAElC,aAAa,CAACC,UAAU,EAAEkC,OAAO,CAACxB,cAAc,CAAC,CAAA;KAC1EF,EAAAA,UAAU,IACTsB,GAAA,CAAC,IAAI,EAAA;MAAC,GAAG,EAAER,GAAG,CAACH,EAAG;AAAC,MAAA,SAAS,EAAC,iBAAA;AAAiB,KAAA,EAC5CW,IAAC,QAAQ,EAAA;AACP,MAAA,EAAE,EAAWR,QAAAA,CAAAA,MAAAA,CAAAA,GAAG,CAACH,EAAE,CAAG;AACtB,MAAA,IAAI,EAAWG,QAAAA,CAAAA,MAAAA,CAAAA,GAAG,CAACH,EAAE,CAAG;AACxB,MAAA,KAAK,EAAWG,QAAAA,CAAAA,MAAAA,CAAAA,GAAG,CAACH,EAAE,CAAG;MACzB,QAAQ,EAAE,kBAACE,CAAC,EAAA;AAAA,QAAA,OAAWD,kBAAkB,CAACC,CAAC,EAAEC,GAAG,CAAC,CAAA;OAAC;AAClD,MAAA,OAAO,EAAEtB,UAAAA;KACT,CAAA,CAEL,EAEAW,SAAS,CAACI,GAAG,CAAC,UAACC,QAAQ,EAAK;AAC3B,MAAA,IAAMmB,MAAM,GAAGb,GAAG,CAACN,QAAQ,CAAC,CAAA;AAE5B,MAAA,IAAI,OAAOmB,MAAM,KAAK,UAAU,EAAE;AAChC,QAAA,OACEL,IAAC,IAAI,EAAA;AACH,UAAA,GAAG,kBAAWR,GAAG,CAACH,EAAE,EAAA,GAAA,CAAA,CAAA,MAAA,CAAIH,QAAQ,CAAG;UACnC,OAAO,EAAEN,cAAc,GAAG,YAAA;YAAA,OAAYA,cAAc,CAACY,GAAG,CAAC,CAAA;WAAGc,GAAAA,SAAAA;AAAU,SAAA,EAErED,MAAM,CAACb,GAAG,CAAC,CACP,CAAA;AAEX,OAAA;AACA,MAAA,OACEQ,IAAC,IAAI,EAAA;AACH,QAAA,GAAG,kBAAWR,GAAG,CAACH,EAAE,EAAA,GAAA,CAAA,CAAA,MAAA,CAAIH,QAAQ,CAAG;QACnC,OAAO,EAAEN,cAAc,GAAG,YAAA;UAAA,OAAYA,cAAc,CAACY,GAAG,CAAC,CAAA;SAAGc,GAAAA,SAAAA;AAAU,OAAA,EAErED,MAAM,CACF,CAAA;AAEX,KAAC,CAAC,CACC,CAAA;GAER,CAAC,CACD,GAEHL,GAAA,CAAA,IAAA,EAAA;AAAI,IAAA,SAAS,EAAC,uBAAA;GACZ,EAAAA,GAAA,CAAA,IAAA,EAAA,IAAA,EACEA,IAAC,MAAM,EAAA;AAAC,IAAA,KAAK,EAAExB,KAAK,CAAC+B,UAAU,CAACC,KAAM;AAAC,IAAA,IAAI,EAAEhC,KAAK,CAAC+B,UAAU,CAACE,IAAAA;GAAQ,CAAA,CACnE,CAER,CACK,CAAA;AAEZ;;;;"}
+{"version":3,"file":"Body.js","sources":["../../../../../../src/components/Table/components/Body.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { Row } from \"../types\";\nimport Checkbox from \"../../FormElements/CheckboxGroup/Checkbox\";\nimport Result from \"../../Result/Result\";\nimport { ChildrenProps } from \"../Table\";\nimport { Actions } from \"../constants\";\nimport Cell from \"./Cell\";\n\nconst rowClassnames = (isSelected: boolean, callback: boolean): string =>\n  classNames({\n    selected: isSelected,\n    link: callback,\n  });\n\nconst Body: FC<ChildrenProps> = ({\n  selectable,\n  state,\n  dispatch,\n  handleRowClick,\n  onHoveredRowChange,\n}) => {\n  const { columns, selected } = state;\n  const accessors = columns\n    .filter((column) => !column.hidden)\n    .map((column) => column.accessor)\n    .filter((column) => column !== \"actions\");\n  const selectedRows = selected.map((entry) => entry.id);\n\n  const handleRowSelection = (e: React.ChangeEvent<HTMLInputElement>, row: Row): void => {\n    e.preventDefault();\n\n    if (!selectedRows.includes(row.id)) {\n      dispatch({ type: Actions.selectRow, payload: row });\n    }\n\n    if (selectedRows.includes(row.id)) {\n      dispatch({ type: Actions.removeRow, payload: row });\n    }\n  };\n\n  const handleRowHover = (row: Row | null): void => {\n    onHoveredRowChange && onHoveredRowChange(row);\n  };\n\n  return (\n    <tbody>\n      {state.rows.length > 0 ? (\n        <>\n          {state.rows.map((row) => {\n            const isSelected = selectedRows.includes(row.id);\n            const rowKey = `${row.id}-${isSelected ? \"selected\" : \"not-selected\"}`;\n\n            return (\n              <tr\n                key={rowKey}\n                className={rowClassnames(isSelected, Boolean(handleRowClick))}\n                onMouseEnter={(): void => handleRowHover(row)}\n                onMouseLeave={(): void => handleRowHover(null)}\n              >\n                {selectable && (\n                  <Cell key={row.id} className=\"selectable-cell\">\n                    <Checkbox\n                      id={`entry-${row.id}`}\n                      name={`entry-${row.id}`}\n                      value={`entry-${row.id}`}\n                      onChange={(e): void => handleRowSelection(e, row)}\n                      checked={isSelected}\n                    />\n                  </Cell>\n                )}\n\n                {accessors.map((accessor) => {\n                  const rowObj = row[accessor];\n\n                  if (typeof rowObj === \"function\") {\n                    return (\n                      <Cell\n                        key={`entry-${row.id}-${accessor}`}\n                        onClick={handleRowClick ? (): void => handleRowClick(row) : undefined}\n                      >\n                        {rowObj(row)}\n                      </Cell>\n                    );\n                  }\n                  return (\n                    <Cell\n                      key={`entry-${row.id}-${accessor}`}\n                      onClick={handleRowClick ? (): void => handleRowClick(row) : undefined}\n                    >\n                      {rowObj as string}\n                    </Cell>\n                  );\n                })}\n              </tr>\n            );\n          })}\n        </>\n      ) : (\n        <tr className=\"empty-state-container\">\n          <td>\n            <Result title={state.emptyState.title} info={state.emptyState.info} />\n          </td>\n        </tr>\n      )}\n    </tbody>\n  );\n};\n\nexport default Body;\n"],"names":["rowClassnames","isSelected","callback","classNames","selected","link","Body","selectable","state","dispatch","handleRowClick","onHoveredRowChange","columns","accessors","filter","column","hidden","map","accessor","selectedRows","entry","id","handleRowSelection","e","row","preventDefault","includes","type","Actions","selectRow","payload","removeRow","handleRowHover","___EmotionJSX","rows","length","rowKey","Boolean","rowObj","undefined","emptyState","title","info"],"mappings":"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"}

package/dist/esm/src/components/Table/components/Cell.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Table/components/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 
@@ -21,13 +21,16 @@ import Cell from './Cell.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var Header = function Header(_ref) {
-  var state = _ref.state,
-    dispatch = _ref.dispatch;
+  var _ref$selectable = _ref.selectable,
+    selectable = _ref$selectable === void 0 ? false : _ref$selectable,
+    _ref$sortable = _ref.sortable,
+    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+    state = _ref.state,
+    dispatch = _ref.dispatch,
+    onSortingChanged = _ref.onSortingChanged;
   var rows = state.rows,
-    selectable = state.selectable,
     columns = state.columns,
     selected = state.selected,
-    sortable = state.sortable,
     sorting = state.sorting;
   var selectedIds = selected.map(function (entry) {
     return entry.id;
@@ -58,13 +61,14 @@ var Header = function Header(_ref) {
       };
 
       // sorting the same column
-      if ((sorting === null || sorting === void 0 ? void 0 : sorting.column) === accesor) {
+      if (sorting.column === accesor) {
         !sorting.isDescending ? newSorting.isDescending = true : newSorting.column = "";
       }
       dispatch({
         type: Actions.sortingChanged,
         payload: newSorting
       });
+      onSortingChanged && onSortingChanged(newSorting);
     }
   };
   return jsx("thead", null, jsx("tr", null, selectable && jsx(Cell, {

package/dist/esm/src/components/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Table/components/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport Checkbox from \"../../FormElements/CheckboxGroup/Checkbox\";\nimport { IconChevronDownSVG, IconChevronUpSVG } from \"../../../icons/index\";\nimport { Sorting } from \"../types\";\nimport { ChildrenProps } from \"../Table\";\nimport { Actions } from \"../constants\";\nimport Cell from \"./Cell\";\n\nconst Header: FC<ChildrenProps> = ({ state, dispatch }) => {\n  const { rows, selectable, columns, selected, sortable, sorting } = state;\n  const selectedIds = selected.map((entry) => entry.id);\n  const rowIds = rows.map((row) => row.id);\n  const isSelectAllChecked = selected.length > 0;\n  const allRowsSelected = rowIds.every((rowId) => selectedIds.includes(rowId));\n\n  const handleCheckboxClick = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    e.preventDefault();\n    selected.length === 0\n      ? dispatch({ type: Actions.selectAll, payload: null })\n      : dispatch({ type: Actions.removeAll, payload: null });\n  };\n\n  const handleSortingChange = (accesor: string): void => {\n    if (sortable) {\n      // new sorting object\n      const newSorting: Sorting = {\n        column: accesor,\n        isDescending: false,\n      };\n\n      // sorting the same column\n      if (sorting?.column === accesor) {\n        !sorting.isDescending ? (newSorting.isDescending = true) : (newSorting.column = \"\");\n      }\n\n      dispatch({ type: Actions.sortingChanged, payload: newSorting });\n    }\n  };\n\n  return (\n    <thead>\n      <tr>\n        {selectable && (\n          <Cell as=\"th\" key={`select-all-${isSelectAllChecked}`} className=\"selectable-cell\">\n            <Checkbox\n              id=\"select-all\"\n              name=\"select-all\"\n              value=\"all\"\n              onChange={handleCheckboxClick}\n              checked={isSelectAllChecked}\n              isPartiallySelected={!allRowsSelected}\n            />\n          </Cell>\n        )}\n        {columns.map(\n          ({ accessor, cell, hidden, sortableHeader = true, classNames = [] }) =>\n            !hidden && (\n              <Cell\n                as=\"th\"\n                key={accessor}\n                className={`header-cell ${classNames.length > 0 && classNames.join(\" \")}`}\n                onClick={(): void => {\n                  if (sortableHeader) {\n                    handleSortingChange(accessor);\n                  }\n                }}\n              >\n                <span>{typeof cell === \"string\" ? cell : cell({ accessor, cell })}</span>\n                {sortable && sorting?.column === accessor && (\n                  <span className=\"sorting-icon\">\n                    {!sorting?.isDescending ? (\n                      <IconChevronUpSVG height={20} />\n                    ) : (\n                      <IconChevronDownSVG height={20} />\n                    )}\n                  </span>\n                )}\n              </Cell>\n            ),\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport default Header;\n"],"names":["Header","state","dispatch","rows","selectable","columns","selected","sortable","sorting","selectedIds","map","entry","id","rowIds","row","isSelectAllChecked","length","allRowsSelected","every","rowId","includes","handleCheckboxClick","e","preventDefault","type","Actions","selectAll","payload","removeAll","handleSortingChange","accesor","newSorting","column","isDescending","sortingChanged","___EmotionJSX","accessor","cell","hidden","sortableHeader","classNames","join","IconChevronUpSVG","IconChevronDownSVG"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/Table/components/Header.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport Checkbox from \"../../FormElements/CheckboxGroup/Checkbox\";\nimport { IconChevronDownSVG, IconChevronUpSVG } from \"../../../icons/index\";\nimport { Sorting } from \"../types\";\nimport { ChildrenProps } from \"../Table\";\nimport { Actions } from \"../constants\";\nimport Cell from \"./Cell\";\n\nconst Header: FC<ChildrenProps> = ({\n  selectable = false,\n  sortable = false,\n  state,\n  dispatch,\n  onSortingChanged,\n}) => {\n  const { rows, columns, selected, sorting } = state;\n  const selectedIds = selected.map((entry) => entry.id);\n  const rowIds = rows.map((row) => row.id);\n  const isSelectAllChecked = selected.length > 0;\n  const allRowsSelected = rowIds.every((rowId) => selectedIds.includes(rowId));\n\n  const handleCheckboxClick = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    e.preventDefault();\n    selected.length === 0\n      ? dispatch({ type: Actions.selectAll, payload: null })\n      : dispatch({ type: Actions.removeAll, payload: null });\n  };\n\n  const handleSortingChange = (accesor: string): void => {\n    if (sortable) {\n      // new sorting object\n      const newSorting: Sorting = {\n        column: accesor,\n        isDescending: false,\n      };\n\n      // sorting the same column\n      if (sorting.column === accesor) {\n        !sorting.isDescending ? (newSorting.isDescending = true) : (newSorting.column = \"\");\n      }\n\n      dispatch({ type: Actions.sortingChanged, payload: newSorting });\n      onSortingChanged && onSortingChanged(newSorting);\n    }\n  };\n\n  return (\n    <thead>\n      <tr>\n        {selectable && (\n          <Cell as=\"th\" key={`select-all-${isSelectAllChecked}`} className=\"selectable-cell\">\n            <Checkbox\n              id=\"select-all\"\n              name=\"select-all\"\n              value=\"all\"\n              onChange={handleCheckboxClick}\n              checked={isSelectAllChecked}\n              isPartiallySelected={!allRowsSelected}\n            />\n          </Cell>\n        )}\n        {columns.map(\n          ({ accessor, cell, hidden, sortableHeader = true, classNames = [] }) =>\n            !hidden && (\n              <Cell\n                as=\"th\"\n                key={accessor}\n                className={`header-cell ${classNames.length > 0 && classNames.join(\" \")}`}\n                onClick={(): void => {\n                  if (sortableHeader) {\n                    handleSortingChange(accessor);\n                  }\n                }}\n              >\n                <span>{typeof cell === \"string\" ? cell : cell({ accessor, cell })}</span>\n                {sortable && sorting?.column === accessor && (\n                  <span className=\"sorting-icon\">\n                    {!sorting?.isDescending ? (\n                      <IconChevronUpSVG height={20} />\n                    ) : (\n                      <IconChevronDownSVG height={20} />\n                    )}\n                  </span>\n                )}\n              </Cell>\n            ),\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport default Header;\n"],"names":["Header","selectable","sortable","state","dispatch","onSortingChanged","rows","columns","selected","sorting","selectedIds","map","entry","id","rowIds","row","isSelectAllChecked","length","allRowsSelected","every","rowId","includes","handleCheckboxClick","e","preventDefault","type","Actions","selectAll","payload","removeAll","handleSortingChange","accesor","newSorting","column","isDescending","sortingChanged","___EmotionJSX","accessor","cell","hidden","sortableHeader","classNames","join","IconChevronUpSVG","IconChevronDownSVG"],"mappings":"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"}

package/dist/esm/src/components/Table/constants.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Table/reducer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 
@@ -44,9 +44,6 @@ var reducer = function reducer(state, action) {
       }
     case Actions.sortingChanged:
       {
-        if (state.sorting && state !== null && state !== void 0 && state.onSortingChanged) {
-          state.onSortingChanged(action.payload);
-        }
         return _objectSpread2(_objectSpread2({}, state), {}, {
           sorting: action.payload
         });

package/dist/esm/src/components/Table/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","sources":["../../../../../src/components/Table/reducer.ts"],"sourcesContent":["import { Actions } from \"./constants\";\nimport { ActionType, TableState } from \"./types\";\n\nexport type Dispatch = (action: ActionType) => void;\n\nexport const reducer = (state: TableState, action: ActionType): TableState => {\n  switch (action.type) {\n    case Actions.selectAll: {\n      return { ...state, selected: [...state.rows] };\n    }\n    case Actions.removeAll: {\n      return { ...state, selected: [] };\n    }\n    case Actions.selectRow: {\n      return { ...state, selected: [...state.selected, action.payload] };\n    }\n    case Actions.removeRow: {\n      const rowToRemoveId = action.payload.id;\n      const newSelectedRow = state.selected.filter((row) => row?.id !== rowToRemoveId);\n\n      return { ...state, selected: newSelectedRow };\n    }\n    case Actions.sortingChanged: {\n      if (state.sorting && state?.onSortingChanged) {\n        state.onSortingChanged(action.payload);\n      }\n\n      return { ...state, sorting: action.payload };\n    }\n    case Actions.columnsChanged: {\n      return { ...state, columns: action.payload };\n    }\n    case Actions.rowsChanged: {\n      return { ...state, rows: action.payload };\n    }\n    default: {\n      return state;\n    }\n  }\n};\n"],"names":["reducer","state","action","type","Actions","selectAll","_objectSpread","selected","rows","removeAll","selectRow","payload","removeRow","rowToRemoveId","id","newSelectedRow","filter","row","sortingChanged","sorting","onSortingChanged","columnsChanged","columns","rowsChanged"],"mappings":";;;;;;;;;;;;;;AAKO,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAiB,EAAEC,MAAkB,EAAiB;EAC5E,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAKC,OAAO,CAACC,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEM,QAAQ,EAAA,kBAAA,CAAMN,KAAK,CAACO,IAAI,CAAA;AAAC,SAAA,CAAA,CAAA;AAC9C,OAAA;IACA,KAAKJ,OAAO,CAACK,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,EAAE,EAAA;AAAE,SAAA,CAAA,CAAA;AACjC,OAAA;IACA,KAAKH,OAAO,CAACM,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAJ,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,+BAAMN,KAAK,CAACM,QAAQ,CAAEL,EAAAA,CAAAA,MAAM,CAACS,OAAO,CAAA,CAAA;AAAC,SAAA,CAAA,CAAA;AAClE,OAAA;IACA,KAAKP,OAAO,CAACQ,SAAS;AAAE,MAAA;AACtB,QAAA,IAAMC,aAAa,GAAGX,MAAM,CAACS,OAAO,CAACG,EAAE,CAAA;QACvC,IAAMC,cAAc,GAAGd,KAAK,CAACM,QAAQ,CAACS,MAAM,CAAC,UAACC,GAAG,EAAA;UAAA,OAAK,CAAAA,GAAG,KAAHA,IAAAA,IAAAA,GAAG,uBAAHA,GAAG,CAAEH,EAAE,MAAKD,aAAa,CAAA;SAAC,CAAA,CAAA;AAEhF,QAAA,OAAAP,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,EAAEQ,cAAAA;AAAc,SAAA,CAAA,CAAA;AAC7C,OAAA;IACA,KAAKX,OAAO,CAACc,cAAc;AAAE,MAAA;QAC3B,IAAIjB,KAAK,CAACkB,OAAO,IAAIlB,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,IAAAA,KAAK,CAAEmB,gBAAgB,EAAE;AAC5CnB,UAAAA,KAAK,CAACmB,gBAAgB,CAAClB,MAAM,CAACS,OAAO,CAAC,CAAA;AACxC,SAAA;AAEA,QAAA,OAAAL,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEkB,OAAO,EAAEjB,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AAC5C,OAAA;IACA,KAAKP,OAAO,CAACiB,cAAc;AAAE,MAAA;AAC3B,QAAA,OAAAf,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEqB,OAAO,EAAEpB,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AAC5C,OAAA;IACA,KAAKP,OAAO,CAACmB,WAAW;AAAE,MAAA;AACxB,QAAA,OAAAjB,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEO,IAAI,EAAEN,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AACzC,OAAA;AACA,IAAA;AAAS,MAAA;AACP,QAAA,OAAOV,KAAK,CAAA;AACd,OAAA;AAAC,GAAA;AAEL;;;;"}
+{"version":3,"file":"reducer.js","sources":["../../../../../src/components/Table/reducer.ts"],"sourcesContent":["import { Actions } from \"./constants\";\nimport { ActionType, TableState } from \"./types\";\n\nexport type Dispatch = (action: ActionType) => void;\n\nexport const reducer = (state: TableState, action: ActionType): TableState => {\n  switch (action.type) {\n    case Actions.selectAll: {\n      return { ...state, selected: [...state.rows] };\n    }\n    case Actions.removeAll: {\n      return { ...state, selected: [] };\n    }\n    case Actions.selectRow: {\n      return { ...state, selected: [...state.selected, action.payload] };\n    }\n    case Actions.removeRow: {\n      const rowToRemoveId = action.payload.id;\n      const newSelectedRow = state.selected.filter((row) => row?.id !== rowToRemoveId);\n\n      return { ...state, selected: newSelectedRow };\n    }\n    case Actions.sortingChanged: {\n      return { ...state, sorting: action.payload };\n    }\n    case Actions.columnsChanged: {\n      return { ...state, columns: action.payload };\n    }\n    case Actions.rowsChanged: {\n      return { ...state, rows: action.payload };\n    }\n    default: {\n      return state;\n    }\n  }\n};\n"],"names":["reducer","state","action","type","Actions","selectAll","_objectSpread","selected","rows","removeAll","selectRow","payload","removeRow","rowToRemoveId","id","newSelectedRow","filter","row","sortingChanged","sorting","columnsChanged","columns","rowsChanged"],"mappings":";;;;;;;;;;;;;;AAKO,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAiB,EAAEC,MAAkB,EAAiB;EAC5E,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAKC,OAAO,CAACC,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEM,QAAQ,EAAA,kBAAA,CAAMN,KAAK,CAACO,IAAI,CAAA;AAAC,SAAA,CAAA,CAAA;AAC9C,OAAA;IACA,KAAKJ,OAAO,CAACK,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,EAAE,EAAA;AAAE,SAAA,CAAA,CAAA;AACjC,OAAA;IACA,KAAKH,OAAO,CAACM,SAAS;AAAE,MAAA;AACtB,QAAA,OAAAJ,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,+BAAMN,KAAK,CAACM,QAAQ,CAAEL,EAAAA,CAAAA,MAAM,CAACS,OAAO,CAAA,CAAA;AAAC,SAAA,CAAA,CAAA;AAClE,OAAA;IACA,KAAKP,OAAO,CAACQ,SAAS;AAAE,MAAA;AACtB,QAAA,IAAMC,aAAa,GAAGX,MAAM,CAACS,OAAO,CAACG,EAAE,CAAA;QACvC,IAAMC,cAAc,GAAGd,KAAK,CAACM,QAAQ,CAACS,MAAM,CAAC,UAACC,GAAG,EAAA;UAAA,OAAK,CAAAA,GAAG,KAAHA,IAAAA,IAAAA,GAAG,uBAAHA,GAAG,CAAEH,EAAE,MAAKD,aAAa,CAAA;SAAC,CAAA,CAAA;AAEhF,QAAA,OAAAP,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,UAAAA,QAAQ,EAAEQ,cAAAA;AAAc,SAAA,CAAA,CAAA;AAC7C,OAAA;IACA,KAAKX,OAAO,CAACc,cAAc;AAAE,MAAA;AAC3B,QAAA,OAAAZ,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEkB,OAAO,EAAEjB,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AAC5C,OAAA;IACA,KAAKP,OAAO,CAACgB,cAAc;AAAE,MAAA;AAC3B,QAAA,OAAAd,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEoB,OAAO,EAAEnB,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AAC5C,OAAA;IACA,KAAKP,OAAO,CAACkB,WAAW;AAAE,MAAA;AACxB,QAAA,OAAAhB,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAYL,KAAK,CAAA,EAAA,EAAA,EAAA;UAAEO,IAAI,EAAEN,MAAM,CAACS,OAAAA;AAAO,SAAA,CAAA,CAAA;AACzC,OAAA;AACA,IAAA;AAAS,MAAA;AACP,QAAA,OAAOV,KAAK,CAAA;AACd,OAAA;AAAC,GAAA;AAEL;;;;"}

package/dist/esm/src/components/Table/styles.js

@@ -2,15 +2,11 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 
-import '../../../node_modules/core-js/modules/es.date.to-string.js';
-import '../../../node_modules/core-js/modules/es.object.to-string.js';
-import '../../../node_modules/core-js/modules/es.regexp.to-string.js';
 import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-import { hexToRGBA, colors } from '../../theme/default/colors.js';
 import { mq } from '../../theme/utils/breakpoints.js';
 
 var tableContainer = function tableContainer(_ref) {
@@ -18,7 +14,7 @@ var tableContainer = function tableContainer(_ref) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("border-radius:5px;display:block;width:100%;overflow-x:auto;table{border-collapse:collapse;width:100%;max-width:100%;thead{border-bottom:1px solid ", hexToRGBA(colors.gray.lightest.toString(), 0.4), ";background-color:", table.rowBackgroundColor, ";tr{height:4rem;white-space:nowrap;th{font-weight:700;padding:0 1.5rem;text-align:start;&.header-cell{position:relative;cursor:pointer;.sorting-icon{margin-inline-start:0.5rem;}span{display:inline-block;svg{position:absolute;top:50%;transform:translateY(-50%);}.icon-ascending{transform:rotate(180deg) translateY(50%);}}}}}}tbody{tr{position:relative;&:last-of-type{border-bottom:none;}&:nth-of-type(even){background-color:", table.rowBackgroundColor, ";}&:hover{background-color:", table.rowHoverColor, ";}td{padding:1rem 1.5rem;.no-wrap{white-space:nowrap;}}&.empty-state-container{height:20rem;background:transparent;", mq["lg"], "{height:18rem;}td{width:100%;position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);article{max-width:80%;margin:auto;", mq["lg"], "{max-width:70%;}", mq["xl"], "{max-width:50%;}.body{margin-top:0;}}}}}}.selectable-cell{padding-inline-end:0;width:1.5rem;div{margin-bottom:0.25rem;label{padding-inline-start:0.5rem;}}}.link{cursor:pointer;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY29sb3JzLCBoZXhUb1JHQkEgfSBmcm9tIFwiQHRoZW1lL2RlZmF1bHQvY29sb3JzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IHRhYmxlQ29udGFpbmVyID0gKHsgdGFibGUgfTogVGhlbWUpID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG5cbiAgdGFibGUge1xuICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuXG4gICAgdGhlYWQge1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7aGV4VG9SR0JBKGNvbG9ycy5ncmF5LmxpZ2h0ZXN0LnRvU3RyaW5nKCksIDAuNCl9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0YWJsZS5yb3dCYWNrZ3JvdW5kQ29sb3J9O1xuXG4gICAgICB0ciB7XG4gICAgICAgIGhlaWdodDogNHJlbTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgICB0aCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgICAgICBwYWRkaW5nOiAwIDEuNXJlbTtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBzdGFydDtcblxuICAgICAgICAgICYuaGVhZGVyLWNlbGwge1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICAgICAuc29ydGluZy1pY29uIHtcbiAgICAgICAgICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogMC41cmVtO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gICAgICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIC5pY29uLWFzY2VuZGluZyB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKSB0cmFuc2xhdGVZKDUwJSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICB0Ym9keSB7XG4gICAgICB0ciB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGFibGUucm93QmFja2dyb3VuZENvbG9yfTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGFibGUucm93SG92ZXJDb2xvcn07XG4gICAgICAgIH1cblxuICAgICAgICB0ZCB7XG4gICAgICAgICAgcGFkZGluZzogMXJlbSAxLjVyZW07XG5cbiAgICAgICAgICAubm8td3JhcCB7XG4gICAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuZW1wdHktc3RhdGUtY29udGFpbmVyIHtcbiAgICAgICAgICBoZWlnaHQ6IDIwcmVtO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICAgICAgICAgJHttcVtcImxnXCJdfSB7XG4gICAgICAgICAgICBoZWlnaHQ6IDE4cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHRkIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXG4gICAgICAgICAgICBhcnRpY2xlIHtcbiAgICAgICAgICAgICAgbWF4LXdpZHRoOiA4MCU7XG4gICAgICAgICAgICAgIG1hcmdpbjogYXV0bztcblxuICAgICAgICAgICAgICAke21xW1wibGdcIl19IHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDcwJTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICR7bXFbXCJ4bFwiXX0ge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogNTAlO1xuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgLmJvZHkge1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAuc2VsZWN0YWJsZS1jZWxsIHtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICAgIHdpZHRoOiAxLjVyZW07XG5cbiAgICAgIGRpdiB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG5cbiAgICAgICAgbGFiZWwge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwLjVyZW07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAubGluayB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tableContainer;")
+    css("border-radius:5px;display:block;width:100%;overflow-x:auto;table{border-collapse:collapse;width:100%;max-width:100%;thead{border-bottom:1px solid ", table.headerBorderColor, ";background-color:", table.rowBackgroundColor, ";tr{height:4rem;white-space:nowrap;th{font-weight:700;padding:0 1.5rem;text-align:start;&.header-cell{position:relative;cursor:pointer;.sorting-icon{margin-inline-start:0.5rem;}span{display:inline-block;svg{position:absolute;top:50%;transform:translateY(-50%);}.icon-ascending{transform:rotate(180deg) translateY(50%);}}}}}}tbody{tr{position:relative;&:last-of-type{border-bottom:none;}&:nth-of-type(even){background-color:", table.rowBackgroundColor, ";}&:hover{background-color:", table.rowHoverColor, ";}td{padding:1rem 1.5rem;.no-wrap{white-space:nowrap;}}&.empty-state-container{height:20rem;background:transparent;", mq["lg"], "{height:18rem;}td{width:100%;position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);article{max-width:80%;margin:auto;", mq["lg"], "{max-width:70%;}", mq["xl"], "{max-width:50%;}.body{margin-top:0;}}}}}}.selectable-cell{padding-inline-end:0;width:1.5rem;div{margin-bottom:0.25rem;label{padding-inline-start:0.5rem;}}}.link{cursor:pointer;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNvbnRhaW5lciA9ICh7IHRhYmxlIH06IFRoZW1lKSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gIHRhYmxlIHtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwJTtcblxuICAgIHRoZWFkIHtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RhYmxlLmhlYWRlckJvcmRlckNvbG9yfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGFibGUucm93QmFja2dyb3VuZENvbG9yfTtcblxuICAgICAgdHIge1xuICAgICAgICBoZWlnaHQ6IDRyZW07XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICAgdGgge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICAgICAgICAgcGFkZGluZzogMCAxLjVyZW07XG4gICAgICAgICAgdGV4dC1hbGlnbjogc3RhcnQ7XG5cbiAgICAgICAgICAmLmhlYWRlci1jZWxsIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAgICAgLnNvcnRpbmctaWNvbiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAgICAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAuaWNvbi1hc2NlbmRpbmcge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZykgdHJhbnNsYXRlWSg1MCUpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGJvZHkge1xuICAgICAgdHIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmOm50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RhYmxlLnJvd0JhY2tncm91bmRDb2xvcn07XG4gICAgICAgIH1cblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RhYmxlLnJvd0hvdmVyQ29sb3J9O1xuICAgICAgICB9XG5cbiAgICAgICAgdGQge1xuICAgICAgICAgIHBhZGRpbmc6IDFyZW0gMS41cmVtO1xuXG4gICAgICAgICAgLm5vLXdyYXAge1xuICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLmVtcHR5LXN0YXRlLWNvbnRhaW5lciB7XG4gICAgICAgICAgaGVpZ2h0OiAyMHJlbTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAgICR7bXFbXCJsZ1wiXX0ge1xuICAgICAgICAgICAgaGVpZ2h0OiAxOHJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICB0ZCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcblxuICAgICAgICAgICAgYXJ0aWNsZSB7XG4gICAgICAgICAgICAgIG1heC13aWR0aDogODAlO1xuICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XG5cbiAgICAgICAgICAgICAgJHttcVtcImxnXCJdfSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA3MCU7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAke21xW1wieGxcIl19IHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIC5ib2R5IHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnNlbGVjdGFibGUtY2VsbCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDA7XG4gICAgICB3aWR0aDogMS41cmVtO1xuXG4gICAgICBkaXYge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuXG4gICAgICAgIGxhYmVsIHtcbiAgICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMC41cmVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmxpbmsge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tableContainer;")
   );
 };
 

package/dist/esm/src/components/Table/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Table/styles.ts"],"sourcesContent":["import { css, Theme } from \"@emotion/react\";\nimport { colors, hexToRGBA } from \"@theme/default/colors\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const tableContainer = ({ table }: Theme) => css`\n  border-radius: 5px;\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n\n  table {\n    border-collapse: collapse;\n    width: 100%;\n    max-width: 100%;\n\n    thead {\n      border-bottom: 1px solid ${hexToRGBA(colors.gray.lightest.toString(), 0.4)};\n      background-color: ${table.rowBackgroundColor};\n\n      tr {\n        height: 4rem;\n        white-space: nowrap;\n\n        th {\n          font-weight: 700;\n          padding: 0 1.5rem;\n          text-align: start;\n\n          &.header-cell {\n            position: relative;\n            cursor: pointer;\n\n            .sorting-icon {\n              margin-inline-start: 0.5rem;\n            }\n\n            span {\n              display: inline-block;\n\n              svg {\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n              }\n\n              .icon-ascending {\n                transform: rotate(180deg) translateY(50%);\n              }\n            }\n          }\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        position: relative;\n\n        &:last-of-type {\n          border-bottom: none;\n        }\n\n        &:nth-of-type(even) {\n          background-color: ${table.rowBackgroundColor};\n        }\n\n        &:hover {\n          background-color: ${table.rowHoverColor};\n        }\n\n        td {\n          padding: 1rem 1.5rem;\n\n          .no-wrap {\n            white-space: nowrap;\n          }\n        }\n\n        &.empty-state-container {\n          height: 20rem;\n          background: transparent;\n\n          ${mq[\"lg\"]} {\n            height: 18rem;\n          }\n\n          td {\n            width: 100%;\n            position: absolute;\n            inset-inline-end: 0;\n            top: 50%;\n            transform: translateY(-50%);\n\n            article {\n              max-width: 80%;\n              margin: auto;\n\n              ${mq[\"lg\"]} {\n                max-width: 70%;\n              }\n\n              ${mq[\"xl\"]} {\n                max-width: 50%;\n              }\n\n              .body {\n                margin-top: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .selectable-cell {\n      padding-inline-end: 0;\n      width: 1.5rem;\n\n      div {\n        margin-bottom: 0.25rem;\n\n        label {\n          padding-inline-start: 0.5rem;\n        }\n      }\n    }\n\n    .link {\n      cursor: pointer;\n    }\n  }\n`;\n"],"names":["tableContainer","table","css","hexToRGBA","colors","gray","lightest","toString","rowBackgroundColor","rowHoverColor","mq"],"mappings":";;;;;;;;;;;;;;;AAIaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA;EAAA,IAAMC,KAAK,QAALA,KAAK,CAAA;AAAA,EAAA;AAAA;AAAA;AAAcC,IAAAA,GAAG,uJAYtBC,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,QAAQ,CAACC,QAAQ,EAAE,EAAE,GAAG,CAAC,wBACtDN,KAAK,CAACO,kBAAkB,EA8CpBP,yaAAAA,EAAAA,KAAK,CAACO,kBAAkB,iCAIxBP,KAAK,CAACQ,aAAa,EAerCC,qHAAAA,EAAAA,EAAE,CAAC,IAAI,CAAC,EAeJA,yIAAAA,EAAAA,EAAE,CAAC,IAAI,CAAC,sBAIRA,EAAE,CAAC,IAAI,CAAC,EAAA,oLAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uHAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Table/styles.ts"],"sourcesContent":["import { css, Theme } from \"@emotion/react\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const tableContainer = ({ table }: Theme) => css`\n  border-radius: 5px;\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n\n  table {\n    border-collapse: collapse;\n    width: 100%;\n    max-width: 100%;\n\n    thead {\n      border-bottom: 1px solid ${table.headerBorderColor};\n      background-color: ${table.rowBackgroundColor};\n\n      tr {\n        height: 4rem;\n        white-space: nowrap;\n\n        th {\n          font-weight: 700;\n          padding: 0 1.5rem;\n          text-align: start;\n\n          &.header-cell {\n            position: relative;\n            cursor: pointer;\n\n            .sorting-icon {\n              margin-inline-start: 0.5rem;\n            }\n\n            span {\n              display: inline-block;\n\n              svg {\n                position: absolute;\n                top: 50%;\n                transform: translateY(-50%);\n              }\n\n              .icon-ascending {\n                transform: rotate(180deg) translateY(50%);\n              }\n            }\n          }\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        position: relative;\n\n        &:last-of-type {\n          border-bottom: none;\n        }\n\n        &:nth-of-type(even) {\n          background-color: ${table.rowBackgroundColor};\n        }\n\n        &:hover {\n          background-color: ${table.rowHoverColor};\n        }\n\n        td {\n          padding: 1rem 1.5rem;\n\n          .no-wrap {\n            white-space: nowrap;\n          }\n        }\n\n        &.empty-state-container {\n          height: 20rem;\n          background: transparent;\n\n          ${mq[\"lg\"]} {\n            height: 18rem;\n          }\n\n          td {\n            width: 100%;\n            position: absolute;\n            inset-inline-end: 0;\n            top: 50%;\n            transform: translateY(-50%);\n\n            article {\n              max-width: 80%;\n              margin: auto;\n\n              ${mq[\"lg\"]} {\n                max-width: 70%;\n              }\n\n              ${mq[\"xl\"]} {\n                max-width: 50%;\n              }\n\n              .body {\n                margin-top: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .selectable-cell {\n      padding-inline-end: 0;\n      width: 1.5rem;\n\n      div {\n        margin-bottom: 0.25rem;\n\n        label {\n          padding-inline-start: 0.5rem;\n        }\n      }\n    }\n\n    .link {\n      cursor: pointer;\n    }\n  }\n`;\n"],"names":["tableContainer","table","css","headerBorderColor","rowBackgroundColor","rowHoverColor","mq"],"mappings":";;;;;;;;;;;AAGaA,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA;EAAA,IAAMC,KAAK,QAALA,KAAK,CAAA;AAAA,EAAA;AAAA;AAAA;AAAcC,IAAAA,GAAG,CAYtBD,oJAAAA,EAAAA,KAAK,CAACE,iBAAiB,EAC9BF,oBAAAA,EAAAA,KAAK,CAACG,kBAAkB,EA8CpBH,yaAAAA,EAAAA,KAAK,CAACG,kBAAkB,iCAIxBH,KAAK,CAACI,aAAa,EAAA,qHAAA,EAerCC,EAAE,CAAC,IAAI,CAAC,EAeJA,yIAAAA,EAAAA,EAAE,CAAC,IAAI,CAAC,EAAA,kBAAA,EAIRA,EAAE,CAAC,IAAI,CAAC,EAAA,oLAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6nHAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

package/dist/esm/src/components/Tabs/Tabs.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tabs/TabsContent.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tabs/TabsNavItem.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tabs/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tag/Tag.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tag/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Text/Text.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Text/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/ThemeProvider/ThemeProvider.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Tooltip/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/arrow_left.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/arrow_right.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/close.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/close_circled.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/danger.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/hamburger.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/icon_chevron_down.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/icon_chevron_up.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */
 

package/dist/esm/src/icons/info.svg.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.4.2
+   * @epignosis_llc/gnosis.js v3.4.3
    * Released under the MIT license.
    */