@epignosis_llc/gnosis 3.3.2 → 3.4.0

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

@@ -0,0 +1,77 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useReducer, useEffect } from 'react';
+import { reducer } from './reducer.js';
+import { tableContainer } from './styles.js';
+import Body from './components/Body.js';
+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 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,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useReducer = useReducer(reducer, {
+      columns: columns,
+      rows: rows,
+      emptyState: emptyState,
+      selected: [],
+      selectable: selectable,
+      sortable: sortable,
+      sorting: sorting,
+      onSortingChanged: onSortingChanged,
+      handleRowClick: handleRowClick
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  useEffect(function () {
+    dispatch({
+      type: Actions.columnsChanged,
+      payload: columns
+    });
+  }, [columns]);
+  useEffect(function () {
+    dispatch({
+      type: Actions.rowsChanged,
+      payload: rows
+    });
+  }, [rows]);
+  return jsx("div", {
+    css: tableContainer,
+    "data-testid": "table"
+  }, jsx("table", rest, jsx(Table.Header, {
+    state: state,
+    dispatch: dispatch
+  }), jsx(Table.Body, {
+    state: state,
+    dispatch: dispatch
+  })));
+};
+Table.Header = Header;
+Table.Body = Body;
+
+export { Table as default };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,104 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+import '../../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.array.map.js';
+import '../../../../node_modules/core-js/modules/es.array.includes.js';
+import '../../../../node_modules/core-js/modules/es.string.includes.js';
+import '../../../../node_modules/core-js/modules/es.array.concat.js';
+import React__default from 'react';
+import classNames from '../../../../node_modules/classnames/index.js';
+import Checkbox from '../../FormElements/CheckboxGroup/Checkbox.js';
+import Result from '../../Result/Result.js';
+import { Actions } from '../constants.js';
+import Cell from './Cell.js';
+import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+
+var rowClassnames = function rowClassnames(isSelected, callback) {
+  return classNames({
+    selected: isSelected,
+    link: 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 accessors = columns.filter(function (column) {
+    return !column.hidden;
+  }).map(function (column) {
+    return column.accessor;
+  }).filter(function (column) {
+    return column !== "actions";
+  });
+  var selectedRows = selected.map(function (entry) {
+    return entry.id;
+  });
+  var handleRowSelection = function handleRowSelection(e, row) {
+    e.preventDefault();
+    if (!selectedRows.includes(row.id)) {
+      dispatch({
+        type: Actions.selectRow,
+        payload: row
+      });
+    }
+    if (selectedRows.includes(row.id)) {
+      dispatch({
+        type: Actions.removeRow,
+        payload: 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))
+    }, selectable && jsx(Cell, {
+      key: row.id,
+      className: "selectable-cell"
+    }, jsx(Checkbox, {
+      id: "entry-".concat(row.id),
+      name: "entry-".concat(row.id),
+      value: "entry-".concat(row.id),
+      onChange: function onChange(e) {
+        return handleRowSelection(e, row);
+      },
+      checked: isSelected
+    })), accessors.map(function (accessor) {
+      var rowObj = row[accessor];
+      if (typeof rowObj === "function") {
+        return jsx(Cell, {
+          key: "entry-".concat(row.id, "-").concat(accessor),
+          onClick: handleRowClick ? function () {
+            return handleRowClick(row);
+          } : undefined
+        }, rowObj(row));
+      }
+      return jsx(Cell, {
+        key: "entry-".concat(row.id, "-").concat(accessor),
+        onClick: handleRowClick ? function () {
+          return handleRowClick(row);
+        } : undefined
+      }, rowObj);
+    }));
+  })) : jsx("tr", {
+    className: "empty-state-container"
+  }, jsx("td", null, jsx(Result, {
+    title: state.emptyState.title,
+    info: state.emptyState.info
+  }))));
+};
+
+export { Body as default };
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,26 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import 'react';
+import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+
+var _excluded = ["children", "as", "onClick"];
+var Cell = function Cell(_ref) {
+  var children = _ref.children,
+    _ref$as = _ref.as,
+    Component = _ref$as === void 0 ? "td" : _ref$as,
+    onClick = _ref.onClick,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return jsx(Component, _extends({
+    onClick: onClick
+  }, rest), children);
+};
+
+export { Cell as default };
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table/components/Cell.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\n\nexport type CellProps = HTMLAttributes<HTMLTableCellElement> & {\n  as?: \"td\" | \"th\";\n  onClick?: () => void;\n};\n\nconst Cell: FC<CellProps> = ({ children, as: Component = \"td\", onClick, ...rest }) => {\n  return (\n    <Component onClick={onClick} {...rest}>\n      {children}\n    </Component>\n  );\n};\n\nexport default Cell;\n"],"names":["Cell","children","as","Component","onClick","rest","___EmotionJSX"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,IAAmB,GAAG,SAAtBA,IAAmB,CAA6D,IAAA,EAAA;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;AAAA,IAAA,OAAA,GAAA,IAAA,CAAEC,EAAE;AAAEC,IAAAA,SAAS,wBAAG,IAAI,GAAA,OAAA;AAAEC,IAAAA,OAAO,QAAPA,OAAO;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC7E,EAAA,OACEC,IAAC,SAAS,EAAA,QAAA,CAAA;AAAC,IAAA,OAAO,EAAEF,OAAAA;GAAaC,EAAAA,IAAI,CAClCJ,EAAAA,QAAQ,CACC,CAAA;AAEhB;;;;"}

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

@@ -0,0 +1,112 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+import '../../../../node_modules/core-js/modules/es.array.map.js';
+import '../../../../node_modules/core-js/modules/es.array.every.js';
+import '../../../../node_modules/core-js/modules/es.object.to-string.js';
+import '../../../../node_modules/core-js/modules/es.array.includes.js';
+import '../../../../node_modules/core-js/modules/es.string.includes.js';
+import '../../../../node_modules/core-js/modules/es.array.join.js';
+import 'react';
+import Checkbox from '../../FormElements/CheckboxGroup/Checkbox.js';
+import SvgIconChevronDown from '../../../icons/icon_chevron_down.svg.js';
+import SvgIconChevronUp from '../../../icons/icon_chevron_up.svg.js';
+import { Actions } from '../constants.js';
+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 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;
+  });
+  var rowIds = rows.map(function (row) {
+    return row.id;
+  });
+  var isSelectAllChecked = selected.length > 0;
+  var allRowsSelected = rowIds.every(function (rowId) {
+    return selectedIds.includes(rowId);
+  });
+  var handleCheckboxClick = function handleCheckboxClick(e) {
+    e.preventDefault();
+    selected.length === 0 ? dispatch({
+      type: Actions.selectAll,
+      payload: null
+    }) : dispatch({
+      type: Actions.removeAll,
+      payload: null
+    });
+  };
+  var handleSortingChange = function handleSortingChange(accesor) {
+    if (sortable) {
+      // new sorting object
+      var newSorting = {
+        column: accesor,
+        isDescending: false
+      };
+
+      // sorting the same column
+      if ((sorting === null || sorting === void 0 ? void 0 : sorting.column) === accesor) {
+        !sorting.isDescending ? newSorting.isDescending = true : newSorting.column = "";
+      }
+      dispatch({
+        type: Actions.sortingChanged,
+        payload: newSorting
+      });
+    }
+  };
+  return jsx("thead", null, jsx("tr", null, selectable && jsx(Cell, {
+    as: "th",
+    key: "select-all-".concat(isSelectAllChecked),
+    className: "selectable-cell"
+  }, jsx(Checkbox, {
+    id: "select-all",
+    name: "select-all",
+    value: "all",
+    onChange: handleCheckboxClick,
+    checked: isSelectAllChecked,
+    isPartiallySelected: !allRowsSelected
+  })), columns.map(function (_ref2) {
+    var accessor = _ref2.accessor,
+      cell = _ref2.cell,
+      hidden = _ref2.hidden,
+      _ref2$sortableHeader = _ref2.sortableHeader,
+      sortableHeader = _ref2$sortableHeader === void 0 ? true : _ref2$sortableHeader,
+      _ref2$classNames = _ref2.classNames,
+      classNames = _ref2$classNames === void 0 ? [] : _ref2$classNames;
+    return !hidden && jsx(Cell, {
+      as: "th",
+      key: accessor,
+      className: "header-cell ".concat(classNames.length > 0 && classNames.join(" ")),
+      onClick: function onClick() {
+        if (sortableHeader) {
+          handleSortingChange(accessor);
+        }
+      }
+    }, jsx("span", null, typeof cell === "string" ? cell : cell({
+      accessor: accessor,
+      cell: cell
+    })), sortable && (sorting === null || sorting === void 0 ? void 0 : sorting.column) === accessor && jsx("span", {
+      className: "sorting-icon"
+    }, !(sorting !== null && sorting !== void 0 && sorting.isDescending) ? jsx(SvgIconChevronUp, {
+      height: 20
+    }) : jsx(SvgIconChevronDown, {
+      height: 20
+    })));
+  })));
+};
+
+export { Header as default };
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,21 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+var Actions;
+(function (Actions) {
+  Actions["selectAll"] = "SELECT_ALL";
+  Actions["removeAll"] = "REMOVE_ALL";
+  Actions["selectRow"] = "SELECT_ROW";
+  Actions["removeRow"] = "REMOVE_ROW";
+  Actions["sortingChanged"] = "SORTING_CHANGED";
+  Actions["columnsChanged"] = "COLUMNS_CHANGED";
+  Actions["rowsChanged"] = "ROWS_CHANGED";
+})(Actions || (Actions = {}));
+
+export { Actions };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Table/constants.ts"],"sourcesContent":["export enum Actions {\n  selectAll = \"SELECT_ALL\",\n  removeAll = \"REMOVE_ALL\",\n  selectRow = \"SELECT_ROW\",\n  removeRow = \"REMOVE_ROW\",\n  sortingChanged = \"SORTING_CHANGED\",\n  columnsChanged = \"COLUMNS_CHANGED\",\n  rowsChanged = \"ROWS_CHANGED\",\n}\n"],"names":["Actions"],"mappings":";;;;;;;;AAAA,IAAYA,QAAO;AAQlB,CAAA,UARWA,OAAO,EAAA;EAAPA,OAAO,CAAA,WAAA,CAAA,GAAA,YAAA,CAAA;EAAPA,OAAO,CAAA,WAAA,CAAA,GAAA,YAAA,CAAA;EAAPA,OAAO,CAAA,WAAA,CAAA,GAAA,YAAA,CAAA;EAAPA,OAAO,CAAA,WAAA,CAAA,GAAA,YAAA,CAAA;EAAPA,OAAO,CAAA,gBAAA,CAAA,GAAA,iBAAA,CAAA;EAAPA,OAAO,CAAA,gBAAA,CAAA,GAAA,iBAAA,CAAA;EAAPA,OAAO,CAAA,aAAA,CAAA,GAAA,cAAA,CAAA;AAAA,CAAPA,EAAAA,OAAO,KAAPA,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,74 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.3
+   * Released under the MIT license.
+   */
+
+import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/core-js/modules/es.array.concat.js';
+import '../../../node_modules/core-js/modules/es.array.filter.js';
+import '../../../node_modules/core-js/modules/es.object.to-string.js';
+import { Actions } from './constants.js';
+
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case Actions.selectAll:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          selected: _toConsumableArray(state.rows)
+        });
+      }
+    case Actions.removeAll:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          selected: []
+        });
+      }
+    case Actions.selectRow:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          selected: [].concat(_toConsumableArray(state.selected), [action.payload])
+        });
+      }
+    case Actions.removeRow:
+      {
+        var rowToRemoveId = action.payload.id;
+        var newSelectedRow = state.selected.filter(function (row) {
+          return (row === null || row === void 0 ? void 0 : row.id) !== rowToRemoveId;
+        });
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          selected: newSelectedRow
+        });
+      }
+    case Actions.sortingChanged:
+      {
+        if (state.sorting && state !== null && state !== void 0 && state.onSortingChanged) {
+          state.onSortingChanged(action.payload);
+        }
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          sorting: action.payload
+        });
+      }
+    case Actions.columnsChanged:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          columns: action.payload
+        });
+      }
+    case Actions.rowsChanged:
+      {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          rows: action.payload
+        });
+      }
+    default:
+      {
+        return state;
+      }
+  }
+};
+
+export { reducer };
+//# sourceMappingURL=reducer.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,26 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v3.3.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) {
+  var table = _ref.table;
+  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;")
+  );
+};
+
+export { tableContainer };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.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.3.1
+   * @epignosis_llc/gnosis.js v3.3.3
    * Released under the MIT license.
    */