@bbl-digital/snorre 4.1.77 → 4.1.79

package/lib/v2/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 '../../../core/Checkbox';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'v2/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",
+    minWidth: "100%",
+    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/v2/core/BoxedTable/DraggableRow/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FC } from 'react';
+interface IProps {
+    /** Id of draggable item */
+    id: string;
+    /** Index of row item */
+    index: number;
+    /** Children */
+    children: React.ReactNode | React.ReactNode[];
+    /**Extra react components beneath row */
+    subContent?: React.ReactNode | React.ReactNode[];
+    /** Boolean to conditionally disable drag */
+    disableDrag?: boolean;
+}
+declare const DraggableRow: FC<IProps>;
+export default DraggableRow;
+//# sourceMappingURL=index.d.ts.map

package/lib/v2/core/BoxedTable/DraggableRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAW1B,UAAU,MAAM;IACd,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CA8B5B,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,35 @@
+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";
+const DraggableRow = ({
+  id,
+  index,
+  children,
+  subContent,
+  disableDrag = false
+}) => /*#__PURE__*/_jsx(Draggable, {
+  draggableId: id,
+  index: index,
+  isDragDisabled: disableDrag,
+  children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
+    className: "table-dragable",
+    ref: provided.innerRef,
+    ...provided.dragHandleProps,
+    ...provided.draggableProps,
+    children: [/*#__PURE__*/_jsxs(RowWrapper, {
+      className: "table-dragrow",
+      children: [/*#__PURE__*/_jsx(DragIcon, {
+        children: !disableDrag && /*#__PURE__*/_jsx(IconRearrange, {
+          size: "14px"
+        })
+      }), /*#__PURE__*/_jsx(ContentWrapper, {
+        children: children
+      })]
+    }), subContent && /*#__PURE__*/_jsx(ExtraWrapper, {
+      children: subContent
+    })]
+  })
+}, id);
+export default DraggableRow;

package/lib/v2/core/BoxedTable/DraggableRow/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const DraggableWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RowWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ExtraWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DragIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/v2/core/BoxedTable/DraggableRow/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/DraggableRow/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;eAuBlB,WAAW;yGAdrB,CAAA;AAED,eAAO,MAAM,cAAc;;eAYhB,WAAW;yGAPrB,CAAA;AAED,eAAO,MAAM,UAAU;;eAKZ,WAAW;yGACrB,CAAA;AAED,eAAO,MAAM,YAAY;;eAHd,WAAW;yGAMrB,CAAA;AAED,eAAO,MAAM,QAAQ;;eARV,WAAW;2GAQe,CAAA"}

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

@@ -0,0 +1,57 @@
+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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e12r3uxb4"
+} : {
+  target: "e12r3uxb4",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XHJcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgZ3JpZC1jb2x1bW46IDI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XHJcbiAgcGFkZGluZy1ib3R0b206IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERyYWdJY29uID0gc3R5bGVkLnNwYW5gYFxyXG4iXX0= */"));
+export const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e12r3uxb3"
+} : {
+  target: "e12r3uxb3",
+  label: "ContentWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1111ted",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3YyL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBncmlkLXJvdy1nYXA6IDFlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgIGdyaWQtY29sdW1uLWdhcDogMWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XHJcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBncmlkO1xyXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XHJcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XHJcbiAgZ3JpZC1jb2x1bW46IDI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IEV4dHJhV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMTVweCArIDJlbSk7XHJcbiAgcGFkZGluZy1ib3R0b206IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IERyYWdJY29uID0gc3R5bGVkLnNwYW5gYFxyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const RowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e12r3uxb2"
+} : {
+  target: "e12r3uxb2",
+  label: "RowWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "gkap3s",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ExtraWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e12r3uxb1"
+} : {
+  target: "e12r3uxb1",
+  label: "ExtraWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1twzs4g",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DragIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e12r3uxb0"
+} : {
+  target: "e12r3uxb0",
+  label: "DragIcon"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ21DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZ3JpZC1yb3ctZ2FwOiAxZW07XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XHJcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xyXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUm93V3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE1cHggMmZyO1xyXG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xyXG4gIGdyaWQtY29sdW1uOiAyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBFeHRyYVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDE1cHggKyAyZW0pO1xyXG4gIHBhZGRpbmctYm90dG9tOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcclxuIl19 */");

package/lib/v2/core/BoxedTable/HeaderCell/index.d.ts

@@ -0,0 +1,25 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+interface IProps {
+    /** Horizontal align */
+    align?: 'left' | 'right' | 'center';
+    /** Column us sortable */
+    sortable?: boolean;
+    /** Sort direction if sortable */
+    sortOrder?: 'asc' | 'desc' | 'none' | null;
+    /** Sort change callback */
+    onSortChange?: (order: string) => void;
+    /** Return value for ascending order, defaults to 'asc' */
+    ascendingReturnValue?: string;
+    /** Return value for descending order, defaults to 'desc' */
+    descendingReturnValue?: string;
+    /** Return value for no sort order, defaults to '' */
+    noSortReturnValue?: string;
+    /** Reverts sortorder rotation */
+    revertOrder?: boolean;
+    /** Children */
+    children?: React.ReactNode;
+}
+declare const HeaderCell: React.FC<IProps>;
+export default HeaderCell;
+//# sourceMappingURL=index.d.ts.map

package/lib/v2/core/BoxedTable/HeaderCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC1C,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+ChC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,34 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { SortButtonStyle, Wrapper } from './styles';
+import { Button } from '../../..';
+import IconCaretUp from '../../../../icons/General/IconCaretUp';
+import IconCaretDown from '../../../../icons/General/IconCaretDown';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const HeaderCell = ({
+  align = 'left',
+  sortable,
+  sortOrder,
+  children,
+  onSortChange,
+  ascendingReturnValue = 'asc',
+  descendingReturnValue = 'desc',
+  noSortReturnValue = '',
+  revertOrder
+}) => {
+  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'),
+    onClick: () => sortable && onSortChange && onSortChange(sortOrder === 'asc' ? revertOrder ? descendingReturnValue : noSortReturnValue : sortOrder === 'desc' ? revertOrder ? noSortReturnValue : ascendingReturnValue : revertOrder ? ascendingReturnValue : descendingReturnValue),
+    afterIcon: sortIcon,
+    children: children
+  });
+  return _jsx(Wrapper, {
+    justify: justify,
+    className: "table-cell",
+    children: sortable ? SortButton : children
+  });
+};
+export default HeaderCell;

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

@@ -0,0 +1,3 @@
+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;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/HeaderCell/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAOnB,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,OAAO,8CAG9C,CAAA"}

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

@@ -0,0 +1,9 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1vbkkly0"
+} : {
+  target: "e1vbkkly0",
+  label: "Wrapper"
+})(props => /*#__PURE__*/css("display:flex;justify-self:", props.justify, ";font-size:14px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */");
+export const SortButtonStyle = active => /*#__PURE__*/css("font-weight:600;opacity:", active ? '1' : '0.5', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SortButtonStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXVEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvSGVhZGVyQ2VsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LXNlbGY6ICR7cHJvcHMuanVzdGlmeX07XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFNvcnRCdXR0b25TdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4pID0+IGNzc2BcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIG9wYWNpdHk6ICR7YWN0aXZlID8gJzEnIDogJzAuNSd9O1xyXG5gXHJcbiJdfQ== */");

package/lib/v2/core/BoxedTable/RowCell/index.d.ts

@@ -0,0 +1,27 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+interface IProps {
+    /** Horizontal align */
+    align?: 'left' | 'right' | 'center' | 'unset';
+    /** Applies a title for mobile view */
+    mobileTitle?: string;
+    /** Applies break-word css */
+    breakWord?: boolean;
+    /** Sets padding-right */
+    pRight?: string;
+    /** Sets padding-left */
+    pLeft?: string;
+    /** Sets a font-size */
+    size?: string;
+    /** Adds text-overflow: ellipsis */
+    ellipsis?: boolean;
+    /** Adds a title tag to rowcell */
+    title?: string;
+    /** Add classname to cell */
+    className?: string;
+    /** Children */
+    children?: React.ReactNode;
+}
+declare const RowCell: React.FC<IProps>;
+export default RowCell;
+//# sourceMappingURL=index.d.ts.map

package/lib/v2/core/BoxedTable/RowCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/packages/v2/core/BoxedTable/RowCell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC7C,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiC7B,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,27 @@
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { styles, Wrapper } from './styles';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const RowCell = ({
+  align = 'left',
+  mobileTitle,
+  children,
+  breakWord,
+  pLeft,
+  pRight,
+  size,
+  ellipsis,
+  title,
+  className
+}) => {
+  const justify = align === 'right' ? 'flex-end' : align;
+  return _jsx(Wrapper, {
+    className: `${className ? className + ' ' : ''}table-cell`,
+    "data-title": mobileTitle ? mobileTitle + ':' : null,
+    css: [mobileTitle && styles.beforeStyle(size), breakWord && styles.breakWord, pLeft && styles.paddingLeft(pLeft), pRight && styles.paddingRight(pRight), size && styles.setFontSize(size), ellipsis && styles.ellipsis, align === 'center' && styles.textcenter, process.env.NODE_ENV === "production" ? "" : ";label:RowCell;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvUm93Q2VsbC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNNIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0JveGVkVGFibGUvUm93Q2VsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXHJcbmltcG9ydCB7IHN0eWxlcywgV3JhcHBlciB9IGZyb20gJy4vc3R5bGVzJ1xyXG5cclxuaW50ZXJmYWNlIElQcm9wcyB7XHJcbiAgLyoqIEhvcml6b250YWwgYWxpZ24gKi9cclxuICBhbGlnbj86ICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJyB8ICd1bnNldCdcclxuICAvKiogQXBwbGllcyBhIHRpdGxlIGZvciBtb2JpbGUgdmlldyAqL1xyXG4gIG1vYmlsZVRpdGxlPzogc3RyaW5nXHJcbiAgLyoqIEFwcGxpZXMgYnJlYWstd29yZCBjc3MgKi9cclxuICBicmVha1dvcmQ/OiBib29sZWFuXHJcbiAgLyoqIFNldHMgcGFkZGluZy1yaWdodCAqL1xyXG4gIHBSaWdodD86IHN0cmluZ1xyXG4gIC8qKiBTZXRzIHBhZGRpbmctbGVmdCAqL1xyXG4gIHBMZWZ0Pzogc3RyaW5nXHJcbiAgLyoqIFNldHMgYSBmb250LXNpemUgKi9cclxuICBzaXplPzogc3RyaW5nXHJcbiAgLyoqIEFkZHMgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXMgKi9cclxuICBlbGxpcHNpcz86IGJvb2xlYW5cclxuICAvKiogQWRkcyBhIHRpdGxlIHRhZyB0byByb3djZWxsICovXHJcbiAgdGl0bGU/OiBzdHJpbmdcclxuICAvKiogQWRkIGNsYXNzbmFtZSB0byBjZWxsICovXHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXHJcbiAgLyoqIENoaWxkcmVuICovXHJcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcclxufVxyXG5cclxuY29uc3QgUm93Q2VsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XHJcbiAgYWxpZ24gPSAnbGVmdCcsXHJcbiAgbW9iaWxlVGl0bGUsXHJcbiAgY2hpbGRyZW4sXHJcbiAgYnJlYWtXb3JkLFxyXG4gIHBMZWZ0LFxyXG4gIHBSaWdodCxcclxuICBzaXplLFxyXG4gIGVsbGlwc2lzLFxyXG4gIHRpdGxlLFxyXG4gIGNsYXNzTmFtZSxcclxufSkgPT4ge1xyXG4gIGNvbnN0IGp1c3RpZnkgPSBhbGlnbiA9PT0gJ3JpZ2h0JyA/ICdmbGV4LWVuZCcgOiBhbGlnblxyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPFdyYXBwZXJcclxuICAgICAgY2xhc3NOYW1lPXtgJHtjbGFzc05hbWUgPyBjbGFzc05hbWUgKyAnICcgOiAnJ310YWJsZS1jZWxsYH1cclxuICAgICAgZGF0YS10aXRsZT17bW9iaWxlVGl0bGUgPyBtb2JpbGVUaXRsZSArICc6JyA6IG51bGx9XHJcbiAgICAgIGNzcz17W1xyXG4gICAgICAgIG1vYmlsZVRpdGxlICYmIHN0eWxlcy5iZWZvcmVTdHlsZShzaXplKSxcclxuICAgICAgICBicmVha1dvcmQgJiYgc3R5bGVzLmJyZWFrV29yZCxcclxuICAgICAgICBwTGVmdCAmJiBzdHlsZXMucGFkZGluZ0xlZnQocExlZnQpLFxyXG4gICAgICAgIHBSaWdodCAmJiBzdHlsZXMucGFkZGluZ1JpZ2h0KHBSaWdodCksXHJcbiAgICAgICAgc2l6ZSAmJiBzdHlsZXMuc2V0Rm9udFNpemUoc2l6ZSksXHJcbiAgICAgICAgZWxsaXBzaXMgJiYgc3R5bGVzLmVsbGlwc2lzLFxyXG4gICAgICAgIGFsaWduID09PSAnY2VudGVyJyAmJiBzdHlsZXMudGV4dGNlbnRlcixcclxuICAgICAgXX1cclxuICAgICAganVzdGlmeT17anVzdGlmeX1cclxuICAgICAgdGl0bGU9e3RpdGxlfVxyXG4gICAgPlxyXG4gICAgICB7Y2hpbGRyZW59XHJcbiAgICA8L1dyYXBwZXI+XHJcbiAgKVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBSb3dDZWxsXHJcbiJdfQ== */"],
+    justify: justify,
+    title: title,
+    children: children
+  });
+};
+export default RowCell;