@soul-refiner/design-system 2.7.0-alpha.1 → 2.7.1-alpha.1

package/dist/components/editor/context.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),filterComponent:void 0});exports.EditorContext=EditorContext;
+"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),filterComponent:void 0,defaultFilter:""});exports.EditorContext=EditorContext;

package/dist/components/editor/editor.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:n,videoTitleLoader:i,filterComponent:s})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:i,filterComponent:s}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:r,plugins:plugins},React__default.default.createElement(Wrapper,null,a&&React__default.default.createElement(navbar.EditorBar,null),React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:constants.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})))),Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:i,defaultFilter:n,videoTitleLoader:s,filterComponent:d})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:s,defaultFilter:n,filterComponent:d}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:i,onChange:r,plugins:plugins},React__default.default.createElement(Wrapper,null,a&&React__default.default.createElement(navbar.EditorBar,null),React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:constants.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})))),Wrapper=styled.styled.div`
   * {
     font-family: var(--font-inter);
     outline: none;

package/dist/components/editor/plugins/blocks/qa.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const QuestionAnswerElement=React__default.default.forwardRef(({children:e,element:t,...a},n)=>{var r=t["questionAnswerId"];const[o,l]=React__default.default.useState("ALL_ANSWERS");var{commentInputLoader:u,commentLoader:d,filterComponent:c}=React__default.default.useContext(context.EditorContext);const[i,s]=React__default.default.useState(!1);var f=React__default.default.useCallback(()=>{l("ALL_ANSWERS")},[]);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Question,null,React__default.default.createElement(heading.H,{as:"p",$fontSize:18,$lineHeight:26,$mediumBold:!0},e)),React__default.default.createElement(box.Box,{$dir:"column",$gap:"medium",sx:"padding: 8px 24px;",contentEditable:!1},React__default.default.createElement(box.Box,{sx:"width: 100%",$justify:"space-between"},React__default.default.createElement(button.Button,{as:"div",icon:i?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>s(e=>!e),size:"small",sx:`
+"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const QuestionAnswerElement=React__default.default.forwardRef(({children:e,element:t,...a},n)=>{var r=t["questionAnswerId"];const{defaultFilter:l,commentInputLoader:o,commentLoader:u,filterComponent:d}=React__default.default.useContext(context.EditorContext),[c,i]=React__default.default.useState(!1),[s,f]=React__default.default.useState(l);var _=React__default.default.useCallback(e=>{const t=e.currentTarget.getAttribute("data-value");f(e=>e===t?l:t)},[]),m=React__default.default.useCallback(()=>f(l),[]);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Question,null,React__default.default.createElement(heading.H,{as:"p",$fontSize:18,$lineHeight:26,$mediumBold:!0},e)),React__default.default.createElement(box.Box,{$dir:"column",$gap:"medium",sx:"padding: 8px 24px;",contentEditable:!1},React__default.default.createElement(box.Box,{sx:"width: 100%",$justify:"space-between"},React__default.default.createElement(button.Button,{as:"div",icon:c?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>i(e=>!e),size:"small",sx:`
             width: fit-content;
             flex-direction: row-reverse;
             color: var(--color-grey-5);
@@ -6,7 +6,7 @@
             &:not(:hover) svg {
               fill: var(--color-grey-3);
             }
-            `,type:"text",contentEditable:!1},i?"Hide answers":"Show answers"),c&&React__default.default.createElement(hide.HideButRender,{show:i},React__default.default.createElement(c,{filter:o,onFilterChange:e=>{const t=e.target.getAttribute("data-value");l(e=>e===t?"ALL_ANSWERS":t)},questionAnswerId:r}))),React__default.default.createElement(hide.HideButRender,{show:i},React__default.default.createElement(d,{questionAnswerId:r,filterType:o,resetFilter:f,waitToLoad:!i})),React__default.default.createElement(u,{questionAnswerId:r,onComment:()=>s(!0)}))))}),Question=styled.styled.div`
+            `,type:"text",contentEditable:!1},c?"Hide answers":"Show answers"),d&&React__default.default.createElement(hide.HideButRender,{show:c},React__default.default.createElement(d,{filter:s,onFilterChange:_,questionAnswerId:r}))),React__default.default.createElement(hide.HideButRender,{show:c},React__default.default.createElement(u,{questionAnswerId:r,filterType:s,resetFilter:m,waitToLoad:!c})),React__default.default.createElement(o,{questionAnswerId:r,onComment:()=>i(!0)}))))}),Question=styled.styled.div`
   margin-bottom: 8px;
   padding: 16px;
   border-left: 8px solid var(--color-hue-blue-1);

package/dist/src/components/editor/context.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-export type TCustomFilter = 'MEETING_ANSWERS' | 'MY_ANSWERS' | 'ALL_ANSWERS';
 export interface CommentLoaderProps {
     questionAnswerId: string;
-    filterType: TCustomFilter;
+    filterType: string;
     resetFilter: () => void;
     waitToLoad: boolean;
 }
@@ -11,7 +10,7 @@ export interface CommentInputProps {
     questionAnswerId: string;
 }
 export interface FilterComponentProps {
-    filter: TCustomFilter;
+    filter: string;
     onFilterChange: (event: React.MouseEvent) => void;
     questionAnswerId: string;
 }
@@ -24,4 +23,5 @@ export declare const EditorContext: React.Context<{
         courseMediaId: number;
     }) => React.ReactElement;
     filterComponent?: React.ComponentType<FilterComponentProps> | undefined;
+    defaultFilter: string;
 }>;

package/dist/src/components/editor/editor.d.ts

@@ -9,10 +9,11 @@ export interface EditorProps {
     imageSrcLoader: (id: number) => Promise<string>;
     onChange: (newNodes: TElement[]) => void;
     previousContent?: TElement[];
+    defaultFilter: string;
     videoTitleLoader: (props: {
         courseMediaId: number;
     }) => React.ReactElement;
     filterComponent?: React.ComponentType<FilterComponentProps>;
 }
 export type EditorContent = TElement;
-export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, videoTitleLoader, filterComponent, }: EditorProps) => React.JSX.Element;
+export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, }: EditorProps) => React.JSX.Element;

package/dist/styles/output.css

@@ -1513,10 +1513,6 @@ body {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.running {
-  animation-play-state: running;
-}
-
 .before\:absolute::before {
   content: var(--tw-content);
   position: absolute;

package/package.json

@@ -1,111 +1,111 @@
-{
-  "name": "@soul-refiner/design-system",
-  "version": "2.7.0-alpha.1",
-  "main": "dist/index.js",
-  "types": "dist/src/index.d.ts",
-  "license": "MIT",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "include": [
-    "/dist"
-  ],
-  "files": [
-    "dist/**/*"
-  ],
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    }
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-themes": "^7.2.3",
-    "@storybook/addons": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/nextjs": "~7.5.3",
-    "@storybook/preview-api": "^7.6.13",
-    "@storybook/react": "~7.2.1",
-    "@storybook/testing-library": "~0.2.0",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "18.2.0",
-    "@types/styled-components": "~5.1.26",
-    "chromatic": "~6.17.4",
-    "husky": "~8.0.0",
-    "prettier": "~2.8.8",
-    "pretty-quick": "~3.1.3",
-    "prop-types": "~15.8.1",
-    "rollup": "^4.12.0",
-    "rollup-plugin-node-externals": "^7.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-uglify": "^6.0.4",
-    "storybook": "~7.5.3",
-    "tailwindcss": "^3.4.1",
-    "tsc-alias": "^1.8.8",
-    "tsconfig-paths-webpack-plugin": "~4.0.1",
-    "tslib": "^2.6.2",
-    "typescript": "~5.0.4",
-    "webpack": "~5.89.0"
-  },
-  "scripts": {
-    "build": "yarn rollup --config",
-    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
-    "format": "prettier --write .",
-    "storybook": "yarn build:tailwind && storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@emoji-mart/react": "~1.1.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.13",
-    "@mui/x-date-pickers": "^6.19.6",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@udecode/cn": "~29.0.1",
-    "@udecode/plate": "^30.6.1",
-    "@udecode/react-utils": "^29.0.1",
-    "class-variance-authority": "~0.7.0",
-    "date-fns": "^3.4.0",
-    "emoji-mart": "~5.5.2",
-    "lucide-react": "~0.307.0",
-    "next": "~13.5",
-    "react": "18.2.0",
-    "react-dnd": "~16.0.1",
-    "react-dnd-html5-backend": "~16.0.1",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-is": "~18.2.0",
-    "react-player": "~2.13.0",
-    "react-tooltip": "~5.18.0",
-    "scheduler": "~0.23.0",
-    "slate": "~0.101.5",
-    "slate-history": "~0.100.0",
-    "slate-hyperscript": "~0.100.0",
-    "slate-react": "~0.101.5",
-    "styled-components": "~6.1.13",
-    "tailwind-merge": "~2.2.0",
-    "tailwindcss-animate": "~1.0.7"
-  },
-  "peerDependencies": {
-    "next": "~13.5",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "react-h5-audio-player": "~3.9.1",
-    "react-player": "~2.13.0",
-    "styled-components": "6.1.8"
-  }
-}
+{
+  "name": "@soul-refiner/design-system",
+  "version": "2.7.1-alpha.1",
+  "main": "dist/index.js",
+  "types": "dist/src/index.d.ts",
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "include": [
+    "/dist"
+  ],
+  "files": [
+    "dist/**/*"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-themes": "^7.2.3",
+    "@storybook/addons": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/nextjs": "~7.5.3",
+    "@storybook/preview-api": "^7.6.13",
+    "@storybook/react": "~7.2.1",
+    "@storybook/testing-library": "~0.2.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "18.2.0",
+    "@types/styled-components": "~5.1.26",
+    "chromatic": "~6.17.4",
+    "husky": "~8.0.0",
+    "prettier": "~2.8.8",
+    "pretty-quick": "~3.1.3",
+    "prop-types": "~15.8.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-node-externals": "^7.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-uglify": "^6.0.4",
+    "storybook": "~7.5.3",
+    "tailwindcss": "^3.4.1",
+    "tsc-alias": "^1.8.8",
+    "tsconfig-paths-webpack-plugin": "~4.0.1",
+    "tslib": "^2.6.2",
+    "typescript": "~5.0.4",
+    "webpack": "~5.89.0"
+  },
+  "scripts": {
+    "build": "yarn rollup --config",
+    "build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
+    "format": "prettier --write .",
+    "storybook": "yarn build:tailwind && storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@emoji-mart/react": "~1.1.1",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.13",
+    "@mui/x-date-pickers": "^6.19.6",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@udecode/cn": "~29.0.1",
+    "@udecode/plate": "^30.6.1",
+    "@udecode/react-utils": "^29.0.1",
+    "class-variance-authority": "~0.7.0",
+    "date-fns": "^3.4.0",
+    "emoji-mart": "~5.5.2",
+    "lucide-react": "~0.307.0",
+    "next": "~13.5",
+    "react": "18.2.0",
+    "react-dnd": "~16.0.1",
+    "react-dnd-html5-backend": "~16.0.1",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-is": "~18.2.0",
+    "react-player": "~2.13.0",
+    "react-tooltip": "~5.18.0",
+    "scheduler": "~0.23.0",
+    "slate": "~0.101.5",
+    "slate-history": "~0.100.0",
+    "slate-hyperscript": "~0.100.0",
+    "slate-react": "~0.101.5",
+    "styled-components": "~6.1.13",
+    "tailwind-merge": "~2.2.0",
+    "tailwindcss-animate": "~1.0.7"
+  },
+  "peerDependencies": {
+    "next": "~13.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-h5-audio-player": "~3.9.1",
+    "react-player": "~2.13.0",
+    "styled-components": "6.1.8"
+  }
+}