@bbl-digital/snorre 3.0.1 → 3.0.4

package/esm/app-shell/index.js

@@ -11,7 +11,7 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   label: "Wrapper"
 })("min-height:100vh;width:auto;background-color:", ({
   theme
-}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lLCBpbml0VGhlbWUgfSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgdGhlbWU6IGFueSxcbiAgZGVmYXVsdFRleHRDb2xvcj86IHN0cmluZyxcbiAgY2hpbGRyZW46IE5vbk51bGxhYmxlPFJlYWN0LlJlYWN0Tm9kZT5cbn1cblxuY29uc3QgQXBwU2hlbGw6IFJlYWN0LkZDPElQcm9wcz4gPSAoeyB0aGVtZSwgZGVmYXVsdFRleHRDb2xvciwgY2hpbGRyZW4gfSkgPT4ge1xuICBjb25zdCBhcHBUaGVtZTogSUFwcFRoZW1lID0gaW5pdFRoZW1lKHRoZW1lLCBkZWZhdWx0VGV4dENvbG9yKVxuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
+}) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lLCBpbml0VGhlbWUgfSBmcm9tICcuL3RoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZTogYW55XG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7IHRoZW1lLCBkZWZhdWx0VGV4dENvbG9yLCBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IGFwcFRoZW1lOiBJQXBwVGhlbWUgPSBpbml0VGhlbWUodGhlbWUsIGRlZmF1bHRUZXh0Q29sb3IpXG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17YXBwVGhlbWV9PlxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwU2hlbGxcbiJdfQ== */"));
 
 const AppShell = ({
   theme,

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Draggable } from 'react-beautiful-dnd';
+import IconRearrange from '../../../icons/General/IconRearrange';
+import { ContentWrapper, DragIcon, DraggableWrapper } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const DraggableRow = ({
+  id,
+  index,
+  children
+}) => /*#__PURE__*/_jsx(Draggable, {
+  draggableId: id,
+  index: index,
+  children: provided => /*#__PURE__*/_jsxs(DraggableWrapper, {
+    className: "table-dragrow",
+    ref: provided.innerRef,
+    ...provided.dragHandleProps,
+    ...provided.draggableProps,
+    children: [/*#__PURE__*/_jsx(DragIcon, {
+      children: /*#__PURE__*/_jsx(IconRearrange, {
+        size: "14px"
+      })
+    }), /*#__PURE__*/_jsx(ContentWrapper, {
+      children: children
+    })]
+  })
+}, id);
+
+export default DraggableRow;

package/esm/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/esm/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/esm/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/esm/core/BoxedTable/models.js

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