@bbl-digital/snorre 3.1.56 → 3.1.58

package/lib/core/BoxedTable/BoxedTable.stories.js

@@ -0,0 +1,351 @@
+import BoxedTable from '.';
+import TableHeader from './TableHeader';
+import HeaderCell from './HeaderCell';
+import TableRow from './TableRow';
+import RowCell from './RowCell';
+import DraggableRow from './DraggableRow';
+import Checkbox from '../Checkbox';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/BoxedTable',
+  component: BoxedTable
+};
+export const Table = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    columns: "2fr 1fr 1fr",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 1"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        align: "center",
+        children: "Header 3 centered"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      onClick: () => console.log('row clicked'),
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "Clickable row cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        pLeft: "1em",
+        pRight: "0.5em",
+        size: "12px",
+        children: "cell 2 with custom padding and size"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        align: "center",
+        children: "cell 3 centered"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        mobileTitle: "Mobile title",
+        children: "Non clickable row cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        mobileTitle: "Mobile title",
+        children: "cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        align: "right",
+        children: "cell 3 right align"
+      })]
+    })]
+  }),
+  name: 'Table'
+};
+export const WithCheckbox = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    hasCheckbox: true,
+    columns: "35px 1fr 1fr",
+    type: "compact",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {}), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 1"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 2"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(Checkbox, {
+        checked: true
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 2 with custom padding and size"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 3 centered with very long text blablablablablablablablablabla"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 3 centered"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(Checkbox, {
+        checked: true
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 3 right align"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 3 right align"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(Checkbox, {
+        checked: true
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "cell 3 right align"
+      }), /*#__PURE__*/_jsx(Checkbox, {
+        children: "Should not break"
+      })]
+    })]
+  }),
+  name: 'Checkbox'
+};
+export const WithSort = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    columns: "2fr 1fr 1fr",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "asc",
+        noSortReturnValue: "my value",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Sortable headers"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "desc",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "none",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        className: "my-classname",
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        ellipsis: true,
+        title: "Hello lots of stuff can be found here",
+        children: "Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff Lots of stuff"
+      })]
+    })]
+  }),
+  name: 'With sort'
+};
+export const Mysite = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    type: "mysite",
+    columns: "2fr 1fr 1fr",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "asc",
+        noSortReturnValue: "my value",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Sortable headers"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "desc",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "none",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 3"
+      })]
+    })]
+  }),
+  name: 'Mysite'
+};
+export const Compact = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    type: "compact",
+    columns: "2fr 1fr 1fr",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "asc",
+        noSortReturnValue: "my value",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Sortable headers"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "desc",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        sortable: true,
+        sortOrder: "none",
+        onSortChange: e => console.log('sort changed with value:', e),
+        children: "Header 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 3"
+      })]
+    })]
+  }),
+  name: 'Compact'
+};
+export const Expandable = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    type: "mysite",
+    columns: "1fr 1fr 1fr",
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 1"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      expandable: true,
+      expandableContent: /*#__PURE__*/_jsx("span", {
+        children: "This is some nice content"
+      }),
+      defaultExpanded: true,
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(TableRow, {
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 3"
+      })]
+    })]
+  }),
+  name: 'Expandable'
+};
+export const DragAndDropList = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    columns: "1fr 1fr 1fr",
+    onDrop: console.log,
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 1"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        align: "center",
+        children: "Header 3 centered"
+      })]
+    }), /*#__PURE__*/_jsxs(DraggableRow, {
+      id: "1",
+      index: 0,
+      subContent: /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: "This is some nice content"
+        }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+          children: "Here we can add lots of stuff"
+        })]
+      }),
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(DraggableRow, {
+      id: "2",
+      index: 1,
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 3"
+      })]
+    })]
+  }),
+  name: 'Drag and drop list'
+};
+export const DragAndDropListDragDisabled = {
+  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+    columns: "1fr 1fr 1fr",
+    onDrop: console.log,
+    children: [/*#__PURE__*/_jsxs(TableHeader, {
+      children: [/*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 1"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        children: "Header 2"
+      }), /*#__PURE__*/_jsx(HeaderCell, {
+        align: "center",
+        children: "Header 3 centered"
+      })]
+    }), /*#__PURE__*/_jsxs(DraggableRow, {
+      disableDrag: true,
+      id: "1",
+      index: 0,
+      subContent: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx("span", {
+          children: "This is some nice content"
+        })
+      }),
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 1 cell 3"
+      })]
+    }), /*#__PURE__*/_jsxs(DraggableRow, {
+      disableDrag: true,
+      id: "2",
+      index: 1,
+      children: [/*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 1"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 2"
+      }), /*#__PURE__*/_jsx(RowCell, {
+        children: "row 2 cell 3"
+      })]
+    })]
+  }),
+  name: 'Drag and drop list (drag disabled)'
+};

package/lib/core/BoxedTable/DraggableRow/index.js

@@ -4,7 +4,6 @@ import IconRearrange from '../../../icons/General/IconRearrange';
 import { ContentWrapper, DragIcon, DraggableWrapper, ExtraWrapper, RowWrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const DraggableRow = ({
   id,
   index,
@@ -34,5 +33,4 @@ const DraggableRow = ({
     })]
   })
 }, id);
-
 export default DraggableRow;

package/lib/core/BoxedTable/DraggableRow/styles.js

@@ -1,15 +1,13 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import bp from '../../../globals/styles/breakpoints';
-export const DraggableWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const DraggableWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v4"
 } : {
   target: "erm9r2v4",
   label: "DraggableWrapper"
 })("grid-row-gap:1em;background-color:#ffffff;align-content:center;align-items:center;@media screen and (max-width: ", bp.medium, "){grid-column-gap:1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGdyaWQtY29sdW1uOiAyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRXh0cmFXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XG4gIHBhZGRpbmctYm90dG9tOiAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */"));
-export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v3"
 } : {
   target: "erm9r2v3",
@@ -23,7 +21,7 @@ export const ContentWrapper = _styled("div", process.env.NODE_ENV === "productio
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGdyaWQtY29sdW1uOiAyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRXh0cmFXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XG4gIHBhZGRpbmctYm90dG9tOiAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const RowWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const RowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v2"
 } : {
   target: "erm9r2v2",
@@ -37,7 +35,7 @@ export const RowWrapper = _styled("div", process.env.NODE_ENV === "production" ?
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const ExtraWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ExtraWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v1"
 } : {
   target: "erm9r2v1",
@@ -51,7 +49,7 @@ export const ExtraWrapper = _styled("div", process.env.NODE_ENV === "production"
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const DragIcon = _styled("span", process.env.NODE_ENV === "production" ? {
+export const DragIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v0"
 } : {
   target: "erm9r2v0",

package/lib/core/BoxedTable/HeaderCell/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { SortButtonStyle, Wrapper } from './styles';
 import { IconCaretUp, IconCaretDown, Button } from '../../..';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const HeaderCell = ({
   align = 'left',
   sortable,
@@ -17,7 +16,6 @@ const HeaderCell = ({
 }) => {
   const justify = align === 'right' ? 'flex-end' : align;
   const sortIcon = sortOrder === 'asc' ? _jsx(IconCaretUp, {}) : _jsx(IconCaretDown, {});
-
   const SortButton = children && _jsx(Button, {
     nostyle: true,
     css: SortButtonStyle(sortOrder !== 'none'),
@@ -25,12 +23,10 @@ const HeaderCell = ({
     afterIcon: sortIcon,
     children: children
   });
-
   return _jsx(Wrapper, {
     justify: justify,
     className: "table-cell",
     children: sortable ? SortButton : children
   });
 };
-
 export default HeaderCell;

package/lib/core/BoxedTable/HeaderCell/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SortButtonStyle: (active: boolean) => import("@emotion/react").SerializedStyles;
+export declare const SortButtonStyle: (active: boolean) => import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/HeaderCell/styles.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "em75g8f0"
 } : {
   target: "em75g8f0",

package/lib/core/BoxedTable/RowCell/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { styles, Wrapper } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const RowCell = ({
   align = 'left',
   mobileTitle,
@@ -25,5 +24,4 @@ const RowCell = ({
     children: children
   });
 };
-
 export default RowCell;

package/lib/core/BoxedTable/RowCell/styles.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const styles: {
-    beforeStyle: (size?: string | undefined) => import("@emotion/react").SerializedStyles;
-    breakWord: import("@emotion/react").SerializedStyles;
-    paddingRight: (value: string) => import("@emotion/react").SerializedStyles;
-    paddingLeft: (value: string) => import("@emotion/react").SerializedStyles;
-    setFontSize: (value: string) => import("@emotion/react").SerializedStyles;
-    ellipsis: import("@emotion/react").SerializedStyles;
-    textcenter: import("@emotion/react").SerializedStyles;
+    beforeStyle: (size?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    breakWord: import("@emotion/utils").SerializedStyles;
+    paddingRight: (value: string) => import("@emotion/utils").SerializedStyles;
+    paddingLeft: (value: string) => import("@emotion/utils").SerializedStyles;
+    setFontSize: (value: string) => import("@emotion/utils").SerializedStyles;
+    ellipsis: import("@emotion/utils").SerializedStyles;
+    textcenter: import("@emotion/utils").SerializedStyles;
 };
-export declare const SortButtonStyle: import("@emotion/react").SerializedStyles;
+export declare const SortButtonStyle: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/BoxedTable/RowCell/styles.js

@@ -1,9 +1,7 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e10t3jyv0"
 } : {
   target: "e10t3jyv0",

package/lib/core/BoxedTable/TableHeader/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const TableHeader = ({
   children
 }) => {
@@ -10,5 +9,4 @@ const TableHeader = ({
     children: children
   });
 };
-
 export default TableHeader;

package/lib/core/BoxedTable/TableHeader/styles.js

@@ -1,8 +1,6 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ssyw4v0"
 } : {
   target: "e1ssyw4v0",

package/lib/core/BoxedTable/TableRow/index.js

@@ -4,7 +4,6 @@ import IconChevronDown from '../../../icons/General/IconChevronDown';
 import { ButtonWrapper, ExpandableContentWrapper, ExpandableWrapper, ExpandButtonWrapper, IconWrapper, Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const TableRow = ({
   onClick,
   expandable,
@@ -15,14 +14,12 @@ const TableRow = ({
   children
 }) => {
   const [expanded, setExpanded] = useState(!!defaultExpanded);
-
   const handleKeyPress = isExpand => e => {
     if (e.key === Key.enter || e.key === Key.space) {
       e.preventDefault();
       isExpand ? setExpanded(!expanded) : onClick && onClick(e);
     }
   };
-
   const ButtonContent = children && /*#__PURE__*/_jsx(ButtonWrapper, {
     onClick: onClick,
     className: "table-row-button",
@@ -35,7 +32,6 @@ const TableRow = ({
       children: children
     })
   });
-
   const ExpandableContent = children && /*#__PURE__*/_jsxs(ExpandableWrapper, {
     className: "table-row-expandable",
     role: "button",
@@ -57,15 +53,12 @@ const TableRow = ({
       children: expandableContent
     }) : null]
   });
-
   const Content = /*#__PURE__*/_jsx(Wrapper, {
     className: "table-row",
     children: children
   });
-
   return /*#__PURE__*/_jsx(Fragment, {
     children: expandable ? ExpandableContent : onClick ? ButtonContent : Content
   });
 };
-
 export default TableRow;