@bbl-digital/snorre 4.1.21 → 4.1.23

package/dist/bundle.js

@@ -30256,7 +30256,7 @@
     const tag = React.useMemo(() => getHtmlTag(header), [header]);
     const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
     function getHtmlTag(node) {
-      if ( /*#__PURE__*/React__default["default"].isValidElement(node)) {
+      if (/*#__PURE__*/React__default["default"].isValidElement(node)) {
         const element = node;
         if (typeof element.type === 'function') {
           return element.type.name;
@@ -32933,7 +32933,7 @@
     });
     let pages = [];
     for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-      pages.push( /*#__PURE__*/jsxRuntime$1.jsx(Button, {
+      pages.push(/*#__PURE__*/jsxRuntime$1.jsx(Button, {
         nostyle: true,
         onClick: () => onPageClick && onPageClick(i + 1),
         css: PageStyle(currentPage === i + 1, theme.primary),
@@ -35588,7 +35588,13 @@ to {top: 100vh;}
         const delta = quillRef.current.clipboard.convert({
           html: defaultValueRef.current
         });
-        quillRef.current.setContents(delta);
+        const formattedDelta = delta.ops.map(op => {
+          if (op.attributes && op.attributes.indent) {
+            op.attributes.indent = parseInt(op.attributes.indent, 10);
+          }
+          return op;
+        });
+        quillRef.current.setContents(formattedDelta);
       }
       quillRef.current.on(Quill__default["default"].events.TEXT_CHANGE, (...args) => handleChange(...args, quillRef.current));
       if (onFocus || onBlur) {

package/esm/core/CollapseList/Item.js

@@ -15,7 +15,7 @@ const CollapseListItem = /*#__PURE__*/React.forwardRef(({
   const tag = useMemo(() => getHtmlTag(header), [header]);
   const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
   function getHtmlTag(node) {
-    if ( /*#__PURE__*/React.isValidElement(node)) {
+    if (/*#__PURE__*/React.isValidElement(node)) {
       const element = node;
       if (typeof element.type === 'function') {
         return element.type.name;

package/esm/core/ListPager/index.js

@@ -25,7 +25,7 @@ const ListPager = ({
   });
   let pages = [];
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-    pages.push( /*#__PURE__*/_jsx(Button, {
+    pages.push(/*#__PURE__*/_jsx(Button, {
       nostyle: true,
       onClick: () => onPageClick && onPageClick(i + 1),
       css: PageStyle(currentPage === i + 1, theme.primary),

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -12,7 +12,7 @@ export const Default = {
       onFocus: () => console.log('focus'),
       maxHeight: "500px",
       width: "500px",
-      initialValue: `<p>Beskrivelse av selve styremøtet.</p><p><br></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 1em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol>`,
+      initialValue: `<p><strong>test</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 3em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol><p><br></p><ul><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="bullet" style="margin-left: 4em;"><span class="ql-ui" contenteditable="false"></span>test</li></ul>`,
       pasteAsText: true
     });
   },

package/esm/core/QuillEditor/index.js

@@ -184,7 +184,13 @@ const QuillEditor = ({
       const delta = quillRef.current.clipboard.convert({
         html: defaultValueRef.current
       });
-      quillRef.current.setContents(delta);
+      const formattedDelta = delta.ops.map(op => {
+        if (op.attributes && op.attributes.indent) {
+          op.attributes.indent = parseInt(op.attributes.indent, 10);
+        }
+        return op;
+      });
+      quillRef.current.setContents(formattedDelta);
     }
     quillRef.current.on(Quill.events.TEXT_CHANGE, (...args) => handleChange(...args, quillRef.current));
     if (onFocus || onBlur) {

package/infrastructure/azure-pipelines.yml

@@ -10,7 +10,7 @@ pool:
 steps:
   - task: NodeTool@0
     inputs:
-      versionSpec: '16.20.0'
+      versionSpec: '18.20.4'
     displayName: 'Install Node.js 16.20.0'
 
   - script: yarn install

package/lib/core/CollapseList/Item.js

@@ -15,7 +15,7 @@ const CollapseListItem = /*#__PURE__*/React.forwardRef(({
   const tag = useMemo(() => getHtmlTag(header), [header]);
   const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
   function getHtmlTag(node) {
-    if ( /*#__PURE__*/React.isValidElement(node)) {
+    if (/*#__PURE__*/React.isValidElement(node)) {
       const element = node;
       if (typeof element.type === 'function') {
         return element.type.name;

package/lib/core/ListPager/index.js

@@ -25,7 +25,7 @@ const ListPager = ({
   });
   let pages = [];
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-    pages.push( /*#__PURE__*/_jsx(Button, {
+    pages.push(/*#__PURE__*/_jsx(Button, {
       nostyle: true,
       onClick: () => onPageClick && onPageClick(i + 1),
       css: PageStyle(currentPage === i + 1, theme.primary),

package/lib/core/QuillEditor/QuillEditor.stories.js

@@ -12,7 +12,7 @@ export const Default = {
       onFocus: () => console.log('focus'),
       maxHeight: "500px",
       width: "500px",
-      initialValue: `<p>Beskrivelse av selve styremøtet.</p><p><br></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 1em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol>`,
+      initialValue: `<p><strong>test</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 3em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol><p><br></p><ul><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="bullet" style="margin-left: 4em;"><span class="ql-ui" contenteditable="false"></span>test</li></ul>`,
       pasteAsText: true
     });
   },

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AASA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA+D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoP3C,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AASA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA+D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0P3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -184,7 +184,13 @@ const QuillEditor = ({
       const delta = quillRef.current.clipboard.convert({
         html: defaultValueRef.current
       });
-      quillRef.current.setContents(delta);
+      const formattedDelta = delta.ops.map(op => {
+        if (op.attributes && op.attributes.indent) {
+          op.attributes.indent = parseInt(op.attributes.indent, 10);
+        }
+        return op;
+      });
+      quillRef.current.setContents(formattedDelta);
     }
     quillRef.current.on(Quill.events.TEXT_CHANGE, (...args) => handleChange(...args, quillRef.current));
     if (onFocus || onBlur) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.1.21",
+  "version": "4.1.23",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -20,8 +20,11 @@
   "author": "bbl-digital",
   "dependencies": {
     "@popperjs/core": "^2.11.5",
+    "@storybook/builder-vite": "^8.2.9",
+    "@storybook/react-dom-shim": "^8.2.9",
     "@tinymce/tinymce-react": "^3.14.0",
     "@types/quill": "^2.0.14",
+    "@vitejs/plugin-react": "^4.3.1",
     "date-fns": "^2.29.3",
     "focus-trap-react": "^10.0.0",
     "framer-motion": "^11.0.28",
@@ -50,10 +53,10 @@
   "scripts": {
     "prettier": "prettier --write src/**/*.{js,ts,tsx}",
     "prettier:check": "prettier --list-different src/**/*.{js,ts,tsx}",
-    "storybook": "storybook dev -p 9009",
+    "storybook": "storybook dev -p 6006",
     "start": "yarn storybook",
     "theme": "node ./theme-generator.js",
-    "build-storybook": "storybook build NODE_OPTIONS=--openssl-legacy-provider ",
+    "build-storybook": "storybook build",
     "build": "yarn run build:cjs && yarn run build:esm && yarn run build:umd && yarn run build:tsc",
     "build:tsc": "tsc -p ./src/packages/tsconfig.json",
     "build:cjs": "babel --extensions .ts,.tsx ./src/packages --out-dir ./lib",
@@ -68,25 +71,29 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.17.10",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.17.12",
+    "@chromatic-com/storybook": "^1",
     "@emotion/babel-plugin": "^11.9.2",
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/jest": "^11.9.3",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@rollup/plugin-commonjs": "^20.0.0",
-    "@storybook/addon-a11y": "7.0.12",
-    "@storybook/addon-actions": "7.0.12",
-    "@storybook/addon-docs": "7.0.12",
-    "@storybook/addon-essentials": "7.0.12",
-    "@storybook/addon-links": "7.0.12",
-    "@storybook/addon-mdx-gfm": "7.0.12",
-    "@storybook/addons": "7.0.12",
-    "@storybook/blocks": "7.0.12",
-    "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/react": "^7.0.12",
-    "@storybook/react-vite": "^7.0.12",
+    "@storybook/addon-a11y": "^8.2.9",
+    "@storybook/addon-actions": "^8.2.9",
+    "@storybook/addon-docs": "^8.2.9",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/preset-create-react-app": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
@@ -102,6 +109,7 @@
     "@vitejs/plugin-react-swc": "^3.3.1",
     "babel-loader": "^8.2.5",
     "body-scroll-lock": "^3.1.5",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^4.2.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.4",
@@ -115,7 +123,7 @@
     "react-transition-group": "^4.4.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.75.7",
-    "storybook": "7.0.12",
+    "storybook": "^8.2.9",
     "storybook-addon-emotion-theme": "^2.1.1",
     "ts-jest": "^27.0.3",
     "typescript": "^5.1.6"
@@ -148,7 +156,8 @@
   "eslintConfig": {
     "extends": [
       "react-app",
-      "react-app/jest"
+      "react-app/jest",
+      "plugin:storybook/recommended"
     ]
   },
   "resolutions": {

package/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+})