@bbl-digital/snorre 4.2.30 → 4.2.32

package/esm/core/BoxedTable/BoxedTable.stories.js

@@ -1,48 +1,55 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithSort = exports.WithCheckbox = exports.Table = exports.Mysite = exports.Expandable = exports.DragAndDropListDragDisabled = exports.DragAndDropList = exports.Compact = void 0;
+var _ = _interopRequireDefault(require("."));
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
+var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
+var _TableRow = _interopRequireDefault(require("./TableRow"));
+var _RowCell = _interopRequireDefault(require("./RowCell"));
+var _DraggableRow = _interopRequireDefault(require("./DraggableRow"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Core/BoxedTable',
-  component: BoxedTable
+  component: _.default
 };
-export const Table = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const Table = exports.Table = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     columns: "2fr 1fr 1fr",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 1"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         align: "center",
         children: "Header 3 centered"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
       onClick: () => console.log('row clicked'),
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "Clickable row cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         pLeft: "1em",
         pRight: "0.5em",
         size: "12px",
         children: "cell 2 with custom padding and size"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         align: "center",
         children: "cell 3 centered"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         mobileTitle: "Mobile title",
         children: "Non clickable row cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         mobileTitle: "Mobile title",
         children: "cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         align: "right",
         children: "cell 3 right align"
       })]
@@ -50,87 +57,87 @@ export const Table = {
   }),
   name: 'Table'
 };
-export const WithCheckbox = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const WithCheckbox = exports.WithCheckbox = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     hasCheckbox: true,
     columns: "35px 1fr 1fr",
     type: "compact",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {}), /*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 1"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 2"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(Checkbox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
         checked: true
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 2 with custom padding and size"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 3 centered with very long text blablablablablablablablablabla"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 3 centered"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(Checkbox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
         checked: true
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 3 right align"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 3 right align"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(Checkbox, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
         checked: true
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "cell 3 right align"
-      }), /*#__PURE__*/_jsx(Checkbox, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
         children: "Should not break"
       })]
     })]
   }),
   name: 'Checkbox'
 };
-export const WithSort = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const WithSort = exports.WithSort = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     columns: "2fr 1fr 1fr",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "asc",
         noSortReturnValue: "my value",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Sortable headers"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "desc",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "none",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         className: "my-classname",
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         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"
@@ -139,209 +146,209 @@ export const WithSort = {
   }),
   name: 'With sort'
 };
-export const Mysite = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const Mysite = exports.Mysite = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     type: "mysite",
     columns: "2fr 1fr 1fr",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "asc",
         noSortReturnValue: "my value",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Sortable headers"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "desc",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "none",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 3"
       })]
     })]
   }),
   name: 'Mysite'
 };
-export const Compact = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const Compact = exports.Compact = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     type: "compact",
     columns: "2fr 1fr 1fr",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "asc",
         noSortReturnValue: "my value",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Sortable headers"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "desc",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         sortable: true,
         sortOrder: "none",
         onSortChange: e => console.log('sort changed with value:', e),
         children: "Header 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 3"
       })]
     })]
   }),
   name: 'Compact'
 };
-export const Expandable = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const Expandable = exports.Expandable = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     type: "mysite",
     columns: "1fr 1fr 1fr",
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 1"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
       expandable: true,
-      expandableContent: /*#__PURE__*/_jsx("span", {
+      expandableContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: "This is some nice content"
       }),
       defaultExpanded: true,
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsx(RowCell, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableRow.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 3"
       })]
     })]
   }),
   name: 'Expandable'
 };
-export const DragAndDropList = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const DragAndDropList = exports.DragAndDropList = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     columns: "1fr 1fr 1fr",
     onDrop: console.log,
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 1"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         align: "center",
         children: "Header 3 centered"
       })]
-    }), /*#__PURE__*/_jsxs(DraggableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DraggableRow.default, {
       id: "1",
       index: 0,
-      subContent: /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx("span", {
+      subContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "This is some nice content"
-        }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("span", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "Here we can add lots of stuff"
         })]
       }),
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(DraggableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DraggableRow.default, {
       id: "2",
       index: 1,
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 3"
       })]
     })]
   }),
   name: 'Drag and drop list'
 };
-export const DragAndDropListDragDisabled = {
-  render: () => /*#__PURE__*/_jsxs(BoxedTable, {
+const DragAndDropListDragDisabled = exports.DragAndDropListDragDisabled = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
     columns: "1fr 1fr 1fr",
     onDrop: console.log,
-    children: [/*#__PURE__*/_jsxs(TableHeader, {
-      children: [/*#__PURE__*/_jsx(HeaderCell, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableHeader.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 1"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         children: "Header 2"
-      }), /*#__PURE__*/_jsx(HeaderCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell.default, {
         align: "center",
         children: "Header 3 centered"
       })]
-    }), /*#__PURE__*/_jsxs(DraggableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DraggableRow.default, {
       disableDrag: true,
       id: "1",
       index: 0,
-      subContent: /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsx("span", {
+      subContent: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "This is some nice content"
         })
       }),
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 1 cell 3"
       })]
-    }), /*#__PURE__*/_jsxs(DraggableRow, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DraggableRow.default, {
       disableDrag: true,
       id: "2",
       index: 1,
-      children: [/*#__PURE__*/_jsx(RowCell, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 1"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 2"
-      }), /*#__PURE__*/_jsx(RowCell, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowCell.default, {
         children: "row 2 cell 3"
       })]
     })]

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

@@ -1,35 +1,42 @@
-import React from 'react';
-import { Draggable } from 'react-beautiful-dnd';
-import IconRearrange from '../../../icons/General/IconRearrange';
-import { ContentWrapper, DragIcon, DraggableWrapper, ExtraWrapper, RowWrapper } from './styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _IconRearrange = _interopRequireDefault(require("../../../icons/General/IconRearrange"));
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DraggableRow = ({
   id,
   index,
   children,
   subContent,
   disableDrag = false
-}) => /*#__PURE__*/_jsx(Draggable, {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Draggable, {
   draggableId: id,
   index: index,
   isDragDisabled: disableDrag,
-  children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
+  children: provided => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DraggableWrapper, {
     className: "table-dragable",
     ref: provided.innerRef,
     ...provided.dragHandleProps,
     ...provided.draggableProps,
-    children: [/*#__PURE__*/_jsxs(RowWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.RowWrapper, {
       className: "table-dragrow",
-      children: [/*#__PURE__*/_jsx(DragIcon, {
-        children: !disableDrag && /*#__PURE__*/_jsx(IconRearrange, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DragIcon, {
+        children: !disableDrag && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconRearrange.default, {
           size: "14px"
         })
-      }), /*#__PURE__*/_jsx(ContentWrapper, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ContentWrapper, {
         children: children
       })]
-    }), subContent && /*#__PURE__*/_jsx(ExtraWrapper, {
+    }), subContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ExtraWrapper, {
       children: subContent
     })]
   })
 }, id);
-export default DraggableRow;
+var _default = exports.default = DraggableRow;

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

@@ -1,13 +1,20 @@
-import _styled from "@emotion/styled/base";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowWrapper = exports.ExtraWrapper = exports.DraggableWrapper = exports.DragIcon = exports.ContentWrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const DraggableWrapper = exports.DraggableWrapper = /*#__PURE__*/(0, _base.default)("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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+})("grid-row-gap:1em;background-color:#ffffff;align-content:center;align-items:center;@media screen and (max-width: ", _breakpoints.default.medium, "){grid-column-gap:1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGdyaWQtY29sdW1uOiAyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRXh0cmFXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XG4gIHBhZGRpbmctYm90dG9tOiAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */"));
+const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v3"
 } : {
   target: "erm9r2v3",
@@ -17,11 +24,10 @@ export const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV =
   styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center"
 } : {
   name: "1111ted",
-  styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGdyaWQtY29sdW1uOiAyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRXh0cmFXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XG4gIHBhZGRpbmctYm90dG9tOiAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */",
+  styles: "display:grid;grid-auto-flow:column;align-content:center;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGdyaWQtY29sdW1uOiAyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRXh0cmFXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XG4gIHBhZGRpbmctYm90dG9tOiAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const RowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const RowWrapper = exports.RowWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v2"
 } : {
   target: "erm9r2v2",
@@ -31,11 +37,10 @@ export const RowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
   styles: "display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;grid-column:2;align-items:center"
 } : {
   name: "gkap3s",
-  styles: "display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;grid-column:2;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
+  styles: "display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;grid-column:2;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const ExtraWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const ExtraWrapper = exports.ExtraWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v1"
 } : {
   target: "erm9r2v1",
@@ -45,11 +50,10 @@ export const ExtraWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   styles: "margin-left:calc(15px + 2em);padding-bottom:1em"
 } : {
   name: "1twzs4g",
-  styles: "margin-left:calc(15px + 2em);padding-bottom:1em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
+  styles: "margin-left:calc(15px + 2em);padding-bottom:1em/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtcm93LWdhcDogMWVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBncmlkLWNvbHVtbjogMjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xuICBwYWRkaW5nLWJvdHRvbTogMWVtO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const DragIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+const DragIcon = exports.DragIcon = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
   target: "erm9r2v0"
 } : {
   target: "erm9r2v0",