@bbl-digital/snorre 3.0.28 → 3.0.31

package/dist/bundle.js

@@ -183,6 +183,9 @@
     tabIndex,
     onClick,
     onMouseUp,
+    onEnterKeyPress,
+    onEscapeKeyPress,
+    onKeyPress,
     ...restProps
   }) => {
     // Intercept click to handle disabled state
@@ -203,6 +206,20 @@
       }
     };
 
+    const handleKeyPress = event => {
+      if (onEnterKeyPress && event.key === 'Enter') onEnterKeyPress(event);
+      if (onEscapeKeyPress && event.key === 'Escape') onEscapeKeyPress(event);
+      if (onKeyPress && event.key === onKeyPress.key) onKeyPress.action(event);
+    };
+
+    React.useEffect(() => {
+      const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress;
+      if (!hasKeyPressEvents) return;
+      window.addEventListener('keyup', handleKeyPress);
+      return () => {
+        if (hasKeyPressEvents) window.removeEventListener('keyup', handleKeyPress);
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     const Tag = href ? 'a' : 'button';
     const props = {}; // Determine props based on element type
 
@@ -24512,7 +24529,7 @@
               children: values.map(item => jsxRuntime$1.jsx(Option, {
                 onChange: handleOnItemClick(item),
                 children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
-              }))
+              }, item[item.keyName || 'id']))
             })
           })]
         }) : null

package/esm/core/SearchSelect/index.js

@@ -93,7 +93,7 @@ const SelectSearch = props => {
             children: values.map(item => _jsx(Option, {
               onChange: handleOnItemClick(item),
               children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
-            }))
+            }, item[item.keyName || 'id']))
           })
         })]
       }) : null

package/esm/core/private/ButtonOrLink.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import removeFocusOnMouseUp from '../../utils/removeFocusOnMouseUp';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,6 +21,9 @@ const ButtonOrLink = ({
   tabIndex,
   onClick,
   onMouseUp,
+  onEnterKeyPress,
+  onEscapeKeyPress,
+  onKeyPress,
   ...restProps
 }) => {
   // Intercept click to handle disabled state
@@ -41,6 +44,20 @@ const ButtonOrLink = ({
     }
   };
 
+  const handleKeyPress = event => {
+    if (onEnterKeyPress && event.key === 'Enter') onEnterKeyPress(event);
+    if (onEscapeKeyPress && event.key === 'Escape') onEscapeKeyPress(event);
+    if (onKeyPress && event.key === onKeyPress.key) onKeyPress.action(event);
+  };
+
+  useEffect(() => {
+    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress;
+    if (!hasKeyPressEvents) return;
+    window.addEventListener('keyup', handleKeyPress);
+    return () => {
+      if (hasKeyPressEvents) window.removeEventListener('keyup', handleKeyPress);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const Tag = href ? 'a' : 'button';
   const props = {}; // Determine props based on element type
 

package/lib/core/NoticeCard/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const getNoticeMeetingDescription: (eventStart: Date, eventEnd: Date) => string;
 export declare const getFileIcon: (type: string) => JSX.Element;
 //# sourceMappingURL=utils.d.ts.map

package/lib/core/NoticeCard/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/utils.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,2BAA2B,eAC1B,IAAI,YACN,IAAI,WAKf,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,gBAYvC,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/utils.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,2BAA2B,eAC1B,IAAI,YACN,IAAI,WAKf,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,gBAYvC,CAAA"}

package/lib/core/PieChart/ActiveShape/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Renders outer line on the pie chart */
 declare const ActiveShape: (props: any) => JSX.Element;
 export default ActiveShape;

package/lib/core/PieChart/ActiveShape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/ActiveShape/index.tsx"],"names":[],"mappings":";AAGA,0CAA0C;AAC1C,QAAA,MAAM,WAAW,UAAW,GAAG,gBAyB9B,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/ActiveShape/index.tsx"],"names":[],"mappings":"AAGA,0CAA0C;AAC1C,QAAA,MAAM,WAAW,UAAW,GAAG,gBAyB9B,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/PieChart/renderTextContent/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** Renders central text in the pie chart*/
 declare const renderTextContent: (num: number, title?: string | undefined) => (props: any) => JSX.Element;
 export default renderTextContent;

package/lib/core/PieChart/renderTextContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/renderTextContent/index.tsx"],"names":[],"mappings":";AAGA,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,QAAS,MAAM,yCAA6B,GAAG,gBAkCrE,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/PieChart/renderTextContent/index.tsx"],"names":[],"mappings":"AAGA,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,QAAS,MAAM,yCAA6B,GAAG,gBAkCrE,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAA;AAOhD,OAAO,EAAE,MAAM,EAAgB,MAAM,oBAAoB,CAAA;AASzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuGlC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAA;AAOhD,OAAO,EAAE,MAAM,EAAgB,MAAM,oBAAoB,CAAA;AASzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0GlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/SearchSelect/index.js

@@ -93,7 +93,7 @@ const SelectSearch = props => {
             children: values.map(item => _jsx(Option, {
               onChange: handleOnItemClick(item),
               children: props.createLabelName?.(item) ?? item[props.labelName || 'label']
-            }))
+            }, item[item.keyName || 'id']))
           })
         })]
       }) : null

package/lib/core/private/ButtonOrLink.d.ts

@@ -18,6 +18,15 @@ export declare type Props = {
     onClick?: (event: React.MouseEvent<ButtonOrLinkTypes>) => void;
     /** Callback fired when the element is released. */
     onMouseUp?: (event: React.MouseEvent<ButtonOrLinkTypes>) => void;
+    /** Keypress handler, to handle any wanted eventlistener button clicks */
+    onKeyPress?: {
+        key: string;
+        action: (event: KeyboardEvent) => void;
+    };
+    /** Callback fired when the enter key is released. */
+    onEnterKeyPress?: (event: KeyboardEvent) => void;
+    /**  Callback fired when the escape key is released. */
+    onEscapeKeyPress?: (event: KeyboardEvent) => void;
     /** When a link, open the target in a new window. */
     openInNewWindow?: boolean;
     /** Rel attribute override for if the component has an href */

package/lib/core/private/ButtonOrLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/packages/core/private/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAErE,oBAAY,KAAK,GAAG;IAClB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+EjC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/packages/core/private/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,oBAAY,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAErE,oBAAY,KAAK,GAAG;IAClB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAChE,yEAAyE;IACzE,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;KACvC,CAAA;IACD,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACjD,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqGjC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/private/ButtonOrLink.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import removeFocusOnMouseUp from '../../utils/removeFocusOnMouseUp';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,6 +21,9 @@ const ButtonOrLink = ({
   tabIndex,
   onClick,
   onMouseUp,
+  onEnterKeyPress,
+  onEscapeKeyPress,
+  onKeyPress,
   ...restProps
 }) => {
   // Intercept click to handle disabled state
@@ -41,6 +44,20 @@ const ButtonOrLink = ({
     }
   };
 
+  const handleKeyPress = event => {
+    if (onEnterKeyPress && event.key === 'Enter') onEnterKeyPress(event);
+    if (onEscapeKeyPress && event.key === 'Escape') onEscapeKeyPress(event);
+    if (onKeyPress && event.key === onKeyPress.key) onKeyPress.action(event);
+  };
+
+  useEffect(() => {
+    const hasKeyPressEvents = onEnterKeyPress || onEscapeKeyPress || onKeyPress;
+    if (!hasKeyPressEvents) return;
+    window.addEventListener('keyup', handleKeyPress);
+    return () => {
+      if (hasKeyPressEvents) window.removeEventListener('keyup', handleKeyPress);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const Tag = href ? 'a' : 'button';
   const props = {}; // Determine props based on element type
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.0.28",
+  "version": "3.0.31",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -20,13 +20,13 @@
   "author": "bbl-digital",
   "dependencies": {
     "@popperjs/core": "^2.11.5",
-    "@tinymce/tinymce-react": "^3.14.0",
+    "@tinymce/tinymce-react": "^4.2.0",
     "@types/react-test-renderer": "^18.0.0",
-    "date-fns": "^2.28.0",
-    "focus-trap-react": "^9.0.2",
+    "date-fns": "^2.29.3",
+    "focus-trap-react": "^10.0.0",
     "match-sorter": "^6.3.1",
     "react-beautiful-dnd": "^13.1.0",
-    "react-day-picker": "^8.0.7",
+    "react-day-picker": "^8.3.4",
     "react-test-renderer": "^18.2.0",
     "recharts": "2.1.5"
   },
@@ -63,21 +63,21 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@rollup/plugin-commonjs": "^20.0.0",
-    "@storybook/addon-a11y": "6.5.10",
-    "@storybook/addon-actions": "6.5.10",
-    "@storybook/addon-docs": "6.5.10",
-    "@storybook/addon-knobs": "^6.3.1",
-    "@storybook/addon-links": "6.5.10",
-    "@storybook/addons": "6.5.10",
+    "@storybook/addon-a11y": "6.5.12",
+    "@storybook/addon-actions": "6.5.12",
+    "@storybook/addon-docs": "6.5.12",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-links": "6.5.12",
+    "@storybook/addons": "6.5.12",
     "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/react": "6.5.10",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.3.0",
+    "@storybook/react": "6.5.12",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/jest": "^26.0.23",
-    "@types/node": "^18.6.2",
-    "@types/react": "^18.0.15",
+    "@types/node": "^18.8.3",
+    "@types/react": "^18.0.21",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-dom": "^18.0.6",
     "@types/react-transition-group": "^4.4.5",