@bbl-digital/snorre 3.0.0 → 3.0.3

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

@@ -0,0 +1,31 @@
+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" ? {
+  target: "erm9r2v2"
+} : {
+  target: "erm9r2v2",
+  label: "DraggableWrapper"
+})("display:grid;grid-template-columns:15px 2fr;grid-column-gap:2em;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvQm94ZWRUYWJsZS9EcmFnZ2FibGVSb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBEcmFnZ2FibGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxNXB4IDJmcjtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDFlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEcmFnSWNvbiA9IHN0eWxlZC5zcGFuYGBcbiJdfQ== */"));
+export const ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erm9r2v1"
+} : {
+  target: "erm9r2v1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DragIcon = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "erm9r2v0"
+} : {
+  target: "erm9r2v0",
+  label: "DragIcon"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Qm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JveGVkVGFibGUvRHJhZ2dhYmxlUm93L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgRHJhZ2dhYmxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTVweCAyZnI7XG4gIGdyaWQtY29sdW1uLWdhcDogMmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3QgRHJhZ0ljb24gPSBzdHlsZWQuc3BhbmBgXG4iXX0= */");

package/lib/core/BoxedTable/TableHeader/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface IProps {
     /** Children */
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactNode[];
 }
 declare const TableHeader: React.FC<IProps>;
 export default TableHeader;

package/lib/core/BoxedTable/TableHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAEjC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAEjC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/BoxedTable/TableRow/index.d.ts

@@ -13,7 +13,7 @@ interface IProps {
     /** On click callback */
     onClick?: (e: any) => void;
     /** Children */
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactNode[];
 }
 declare const TableRow: React.FC<IProps>;
 export default TableRow;

package/lib/core/BoxedTable/TableRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAYjD,UAAU,MAAM;IACd,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IAC1B,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+C9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/BoxedTable/TableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAajD,UAAU,MAAM;IACd,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,8BAA8B;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;IAC1B,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6D9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,4 +1,5 @@
 import React, { Fragment, useState } from 'react';
+import { Key } from '../../../enums/Keyboard';
 import IconChevronDown from '../../../icons/General/IconChevronDown';
 import { ButtonWrapper, ExpandableContentWrapper, ExpandableWrapper, ExpandButtonWrapper, IconWrapper, Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,12 +16,21 @@ const TableRow = ({
 }) => {
   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",
     "data-tracking-name": trackingName,
     "data-tracking-event": trackingEvent,
     role: "button",
+    tabIndex: 0,
+    onKeyDown: handleKeyPress(false),
     children: /*#__PURE__*/_jsx("span", {
       children: children
     })
@@ -30,7 +40,9 @@ const TableRow = ({
     className: "table-row-expandable",
     role: "button",
     children: [/*#__PURE__*/_jsxs(ExpandButtonWrapper, {
-      onClick: e => setExpanded(!expanded),
+      onClick: () => setExpanded(!expanded),
+      onKeyDown: handleKeyPress(true),
+      tabIndex: 0,
       children: [/*#__PURE__*/_jsx("span", {
         children: children
       }), /*#__PURE__*/_jsx(IconWrapper, {

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IDrop } from './models';
 interface IProps {
     /** column widths, applied as style: grid-template-columns */
     columns: string;
@@ -9,7 +10,9 @@ interface IProps {
     /** Has checkbox, for mobile view */
     hasCheckbox?: boolean;
     /** Children */
-    children?: React.ReactNode;
+    children?: React.ReactNode | React.ReactNode[];
+    /** Creates a drag and drop list, returns and id of moved object, old index and new index */
+    onDrop?: (item: IDrop) => void;
 }
 declare const BoxedTable: React.FC<IProps>;
 export default BoxedTable;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,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,CAmBhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,UAAU,MAAM;IACd,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACvC,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,4FAA4F;IAC5F,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiDhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/BoxedTable/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { useTheme } from '@emotion/react';
+import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 const BoxedTable = ({
@@ -8,15 +10,42 @@ const BoxedTable = ({
   breakpoint,
   children,
   type = 'default',
-  hasCheckbox = false
+  hasCheckbox = false,
+  onDrop
 }) => {
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(Wrapper, {
+  const defaultProps = {
     hasCheckbox: hasCheckbox,
     columns: columns,
     bp: breakpoint,
     type: type,
-    theme: theme,
+    theme: theme
+  };
+
+  const handleDrop = result => {
+    if (!result.destination || result.source.index === result.destination.index) return;
+    const dropped = {
+      id: result.draggableId,
+      from: result.source.index,
+      to: result.destination.index
+    };
+    onDrop && onDrop(dropped);
+  };
+
+  if (onDrop) return /*#__PURE__*/_jsx(DragDropContext, {
+    onDragEnd: handleDrop,
+    children: /*#__PURE__*/_jsx(Droppable, {
+      droppableId: "drop-list",
+      children: provided => /*#__PURE__*/_jsxs(Wrapper, {
+        isDragList: true,
+        ...defaultProps,
+        ...provided.droppableProps,
+        ref: provided.innerRef,
+        children: [children, provided.placeholder]
+      })
+    })
+  });
+  return /*#__PURE__*/_jsx(Wrapper, { ...defaultProps,
     children: children
   });
 };

package/lib/core/BoxedTable/models.d.ts

@@ -0,0 +1,6 @@
+export interface IDrop {
+    id: string;
+    from: number;
+    to: number;
+}
+//# sourceMappingURL=models.d.ts.map

package/lib/core/BoxedTable/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;CACX"}

package/lib/core/BoxedTable/models.js

@@ -0,0 +1 @@
+export {};

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

@@ -5,6 +5,7 @@ interface IStyledTableProps {
     bp?: string;
     type: 'default' | 'mysite' | 'compact';
     hasCheckbox?: boolean;
+    isDragList?: boolean;
     theme: IAppTheme;
 }
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;6HAkInB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BoxedTable/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;CACjB;AAeD,eAAO,MAAM,OAAO;;;6HA+InB,CAAA"}