@yoopta/lists 2.0.0 → 4.0.0-rc.0

package/README.md

@@ -1,11 +1,11 @@
-# `@yoopta/code`
+# `yoopta-lists`
 
 > TODO: description
 
 ## Usage
 
 ```
-const blockquote = require('@yoopta/code');
+const lists = require('yoopta-lists');
 
 // TODO: DEMONSTRATE API
 ```

package/dist/elements/BulletedList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PluginElementRenderProps } from '@yoopta/editor';
+declare const BulletedListRender: ({ attributes, element, children }: PluginElementRenderProps<unknown>) => JSX.Element;
+export { BulletedListRender };
+//# sourceMappingURL=BulletedList.d.ts.map

package/dist/elements/BulletedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletedList.d.ts","sourceRoot":"","sources":["../../src/elements/BulletedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,kBAAkB,sCAAuC,yBAAyB,OAAO,CAAC,gBAS/F,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/elements/NumberedList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PluginElementRenderProps } from '@yoopta/editor';
+declare const NumberedListRender: ({ attributes, children, blockId, element }: PluginElementRenderProps<unknown>) => JSX.Element;
+export { NumberedListRender };
+//# sourceMappingURL=NumberedList.d.ts.map

package/dist/elements/NumberedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedList.d.ts","sourceRoot":"","sources":["../../src/elements/NumberedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,wBAAwB,EAGzB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAM,kBAAkB,+CAAgD,yBAAyB,OAAO,CAAC,gBAoBxG,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/elements/TodoList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PluginElementRenderProps } from '@yoopta/editor';
+declare const TodoListRender: ({ attributes, element, children }: PluginElementRenderProps) => JSX.Element;
+export { TodoListRender };
+//# sourceMappingURL=TodoList.d.ts.map

package/dist/elements/TodoList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoList.d.ts","sourceRoot":"","sources":["../../src/elements/TodoList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,QAAA,MAAM,cAAc,sCAAuC,wBAAwB,gBASlF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/events/onKeyDown.d.ts

@@ -0,0 +1,4 @@
+import { YooEditor, PluginEventHandlerOptions } from '@yoopta/editor';
+import { Editor } from 'slate';
+export declare function onKeyDown(editor: YooEditor, slate: Editor, { hotkeys, defaultBlock }: PluginEventHandlerOptions): (event: any) => void;
+//# sourceMappingURL=onKeyDown.d.ts.map

package/dist/events/onKeyDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onKeyDown.d.ts","sourceRoot":"","sources":["../../src/events/onKeyDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,yBAAyB,EAK1B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAiB,MAAM,OAAO,CAAC;AAK9C,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,yBAAyB,wBAoF/G"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { LISTS } from './plugin';
+import { NumberedListElement, BulletedListElement, TodoListElement } from './types';
+import './styles.css';
+declare module 'slate' {
+    interface CustomTypes {
+        Element: NumberedListElement | BulletedListElement | TodoListElement;
+    }
+}
+export default LISTS;
+declare const NumberedList: import("@yoopta/editor").YooptaPlugin<"numbered-list", import("./types").ListElementProps, Record<string, unknown>>;
+declare const BulletedList: import("@yoopta/editor").YooptaPlugin<"bulleted-list", BulletedListElement, Record<string, unknown>>;
+declare const TodoList: import("@yoopta/editor").YooptaPlugin<"todo-list", import("./types").TodoListElementProps, Record<string, unknown>>;
+export { NumberedListElement, BulletedListElement, TodoListElement, NumberedList, BulletedList, TodoList, };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,cAAc,CAAC;AAEtB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,OAAO,EAAE,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,CAAC;KACtE;CACF;AAED,eAAe,KAAK,CAAC;AAErB,QAAA,MAAM,YAAY,qHAAqB,CAAC;AACxC,QAAA,MAAM,YAAY,sGAAqB,CAAC;AACxC,QAAA,MAAM,QAAQ,qHAAiB,CAAC;AAEhC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAEf,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+import{findPluginBlockBySelectionPath as e,buildBlockData as t,buildBlockElement as s,YooptaPlugin as o}from"@yoopta/editor";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{Editor as r,Element as l}from"slate";function d(o,i,{hotkeys:n,defaultBlock:d}){return a=>{r.withoutNormalizing(i,(()=>{var p;const c=e(o);if(!i.selection||!c)return;const m=i.selection,{anchor:u}=m;if(n.isEnter(a)){a.preventDefault();const e=r.above(i,{at:u,match:e=>!r.isEditor(e)&&l.isElement(e)&&("numbered-list"===e.type||"bulleted-list"===e.type||"todo-list"===e.type),mode:"highest"});if(!e)return;const[n,m]=e,y=(null===(p=n.props)||void 0===p?void 0:p.position)||0,h=r.isEnd(i,u,m),f=r.isStart(i,u,m),b=r.string(i,m),x=0===c.meta.depth,v=b.trim().length>0;if(!v){if(x){const e=c.meta.order;return o.deleteBlock({blockId:c.id}),void o.insertBlock(d,{at:[e],focus:!0})}return void o.decreaseBlockDepth({blockId:c.id})}if(f){const e=t({type:c.type,meta:{order:c.meta.order,depth:c.meta.depth},value:[s({type:n.type,props:{nodeType:"block",position:y-1}})]});return void o.insertBlock(e,{at:[c.meta.order],focus:!1})}if(v&&!f&&!h)return void o.splitBlock({slate:i,focus:!0});const g=t({type:c.type,meta:{order:c.meta.order+1,depth:c.meta.depth},value:[s({type:n.type,props:{nodeType:"block",position:y+1}})]});o.insertBlock(g,{at:[c.meta.order+1],focus:!0})}else;}))}}const a={BulletedList:new o({type:"BulletedList",elements:{"bulleted-list":{render:({attributes:e,element:t,children:s})=>i("div",Object.assign({"data-element-type":t.type,className:"flex items-center pl-4 space-x-2 py-[3px]"},e,{children:[n("span",Object.assign({className:"min-w-[10px] w-auto",contentEditable:!1},{children:"•"})),n("span",Object.assign({className:"flex-grow"},{children:s}))]}))}},options:{displayLabel:"BulletedList",shortcuts:["-"]},events:{onKeyDown:d}}),NumberedList:new o({type:"NumberedList",elements:{"numbered-list":{render:({attributes:e,children:t,blockId:s,element:o})=>{return i("div",Object.assign({"data-element-type":o.type},e,{className:"flex items-center pl-4 space-x-2 py-[3px]"},{children:[i("span",Object.assign({className:"min-w-[10px] w-auto"},{children:[("number"==typeof(null===(r=o.props)||void 0===r?void 0:r.position)?null===(l=o.props)||void 0===l?void 0:l.position:0)+1,"."]})),n("span",Object.assign({className:"flex-grow"},{children:t}))]}));var r,l},props:{nodeType:"block",position:0}}},options:{displayLabel:"Numbered List",shortcuts:["1."]},events:{onKeyDown:d}}),TodoList:new o({type:"TodoList",elements:{"todo-list":{render:({attributes:e,element:t,children:s})=>{const{checked:o=!1}=t.props||{};return i("div",Object.assign({"data-element-type":t.type,className:"flex items-center pl-4 space-x-2 py-[3px]"},e,{children:[n("input",{type:"checkbox",className:"form-checkbox min-w-[10px] w-auto",checked:o}),n("div",Object.assign({className:"flex-grow"},{children:s}))]}))},props:{checked:!1}}},options:{displayLabel:"Todo List",shortcuts:["[]"]},events:{onKeyDown:d}})};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===s&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}(".\\!block{display:block!important}.block{display:block}.flex{display:flex}.w-auto{width:auto}.min-w-\\[10px\\]{min-width:10px}.flex-grow{flex-grow:1}.items-center{align-items:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.py-\\[3px\\]{padding-bottom:3px;padding-top:3px}.pl-4{padding-left:1rem}");const p=a.NumberedList,c=a.BulletedList,m=a.TodoList;export{c as BulletedList,p as NumberedList,m as TodoList,a as default};

package/dist/plugin/BulletedList.d.ts

@@ -0,0 +1,5 @@
+import { YooptaPlugin } from '@yoopta/editor';
+import { BulletedListElement } from '../types';
+declare const BulletedList: YooptaPlugin<"bulleted-list", BulletedListElement, Record<string, unknown>>;
+export { BulletedList };
+//# sourceMappingURL=BulletedList.d.ts.map

package/dist/plugin/BulletedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletedList.d.ts","sourceRoot":"","sources":["../../src/plugin/BulletedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,mBAAmB,EAA0B,MAAM,UAAU,CAAC;AAEvE,QAAA,MAAM,YAAY,6EAchB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/plugin/NumberedList.d.ts

@@ -0,0 +1,5 @@
+import { YooptaPlugin } from '@yoopta/editor';
+import { ListElementProps } from '../types';
+declare const NumberedList: YooptaPlugin<"numbered-list", ListElementProps, Record<string, unknown>>;
+export { NumberedList };
+//# sourceMappingURL=NumberedList.d.ts.map

package/dist/plugin/NumberedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedList.d.ts","sourceRoot":"","sources":["../../src/plugin/NumberedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,QAAA,MAAM,YAAY,0EAkBhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/plugin/TodoList.d.ts

@@ -0,0 +1,5 @@
+import { YooptaPlugin } from '@yoopta/editor';
+import { TodoListElementProps } from '../types';
+declare const TodoList: YooptaPlugin<"todo-list", TodoListElementProps, Record<string, unknown>>;
+export { TodoList };
+//# sourceMappingURL=TodoList.d.ts.map

package/dist/plugin/TodoList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoList.d.ts","sourceRoot":"","sources":["../../src/plugin/TodoList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,oBAAoB,EAAsB,MAAM,UAAU,CAAC;AAEpE,QAAA,MAAM,QAAQ,0EAiBZ,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/plugin/index.d.ts

@@ -0,0 +1,6 @@
+export declare const LISTS: {
+    BulletedList: import("@yoopta/editor").YooptaPlugin<"bulleted-list", import("..").BulletedListElement, Record<string, unknown>>;
+    NumberedList: import("@yoopta/editor").YooptaPlugin<"numbered-list", import("../types").ListElementProps, Record<string, unknown>>;
+    TodoList: import("@yoopta/editor").YooptaPlugin<"todo-list", import("../types").TodoListElementProps, Record<string, unknown>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;CAIjB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+import { SlateElement } from '@yoopta/editor';
+export type BulletedListPluginKeys = 'bulleted-list';
+export type NumberedListPluginKeys = 'numbered-list';
+export type TodoListPluginKeys = 'todo-list';
+export type ListElementProps = {
+    position: number;
+};
+export type NumberedListElement = SlateElement<'numbered-list', ListElementProps>;
+export type BulletedListElement = SlateElement<'bulleted-list', ListElementProps>;
+export type TodoListElement = SlateElement<'todo-list', TodoListElementProps>;
+export type TodoListElementProps = {
+    checked: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC;AACrD,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC;AACrD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAClF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;AAClF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/lists",
-  "version": "2.0.0",
+  "version": "4.0.0-rc.0",
   "description": "> TODO: description",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
@@ -14,7 +14,7 @@
     "dist/"
   ],
   "peerDependencies": {
-    "@yoopta/editor": ">=1.9.18-rc",
+    "@yoopta/editor": ">=4.0.0-rc.0",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
     "slate": ">=0.72.3",
@@ -28,9 +28,12 @@
     "url": "git+https://github.com/Darginec05/Editor-Yoopta.git"
   },
   "scripts": {
-    "test": "node ./__tests__/yoopta-code.test.js"
+    "test": "node ./__tests__/yoopta-lists.test.js",
+    "start": "rollup --config rollup.config.js --watch --bundleConfigAsCjs --environment NODE_ENV:development",
+    "prepublishOnly": "yarn build",
+    "build": "rollup --config rollup.config.js --bundleConfigAsCjs --environment NODE_ENV:production"
   },
   "bugs": {
     "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
   }
-}
+}