@yoopta/headings 1.9.0-rc

package/README.md

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

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { HeadingOne } from './ui/HeadingOne';
+import { HeadingTwo } from './ui/HeadingTwo';
+import { HeadingThree } from './ui/HeadingThree';
+import { YoEditor } from '@yoopta/editor';
+import { HeadingOneElement, HeadingThreeElement, HeadingTwoElement } from './types';
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: YoEditor;
+        Element: HeadingOneElement | HeadingTwoElement | HeadingThreeElement;
+    }
+}
+declare const Headings: {
+    HeadingOne: import("@yoopta/editor").YoptaPlugin<import("./types").HeadingOptions, HeadingOneElement>;
+    HeadingTwo: import("@yoopta/editor").YoptaPlugin<import("./types").HeadingOptions, HeadingTwoElement>;
+    HeadingThree: import("@yoopta/editor").YoptaPlugin<import("./types").HeadingOptions, HeadingThreeElement>;
+};
+export default Headings;
+export { HeadingOne, HeadingTwo, HeadingThree, HeadingOneElement, HeadingTwoElement, HeadingThreeElement };

package/dist/index.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createYoptaPlugin as t,generateId as i}from"@yoopta/editor";import{Transforms as n}from"slate";function o(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var r="w88lsSKp";o('.w88lsSKp{color:#292929;font-size:30px;font-weight:600;letter-spacing:0;line-height:39px;margin-bottom:1px;margin-top:30px;padding-bottom:2px;padding-top:2px;position:relative;white-space:pre-wrap;word-break:break-word}.w88lsSKp:hover .bxI8aAgg{opacity:1}.bxI8aAgg{align-items:center;color:#007aff;cursor:pointer;display:inline-flex;opacity:0;padding-left:.5rem}.bxI8aAgg:hover{text-decoration:underline}.bxI8aAgg:before{content:"#"}');const a=({attributes:t,children:i,element:n})=>e("h1",Object.assign({id:n.id,draggable:!1,className:r},t,{children:i}));a.displayName="HeadingOne";const d=t({type:"heading-one",renderer:e=>a,shortcut:["title","h1","heading one","#"],placeholder:"Heading 1",defineElement:()=>({id:i(),type:"heading-one",children:[{text:""}],nodeType:"block"}),createElement:e=>{var t;const i=d.getPlugin.defineElement();n.setNodes(e,i,{at:null===(t=e.selection)||void 0===t?void 0:t.anchor})},exports:{markdown:{serialize:(e,t)=>`# ${t}`},html:{serialize:(e,t)=>`<h1>${t}</h1>`,deserialize:{nodeName:"H1"}}},options:{anchor:"#"}});var l="Lv0jMMCW";o('.Lv0jMMCW{color:#292929;font-size:24px;font-weight:600;line-height:31px;margin-bottom:4px;margin-top:20px;padding-bottom:2px;padding-top:2px;position:relative;white-space:pre-wrap;word-break:break-word}.Lv0jMMCW:hover .Vt-SkjEH{opacity:1}.Vt-SkjEH{color:#007aff;opacity:0;padding-left:.5rem;transition:opacity .2s;user-select:none}.Vt-SkjEH:hover{text-decoration:underline}.Vt-SkjEH:before{content:"#"}');const s=({attributes:t,children:i,element:n})=>e("h2",Object.assign({id:n.id,draggable:!1,className:l},t,{children:i}));s.displayName="HeadingTwo";const p=t({type:"heading-two",renderer:e=>s,shortcut:["h2","subtitle","##"],placeholder:"Heading 2",defineElement:()=>({id:i(),type:"heading-two",children:[{text:""}],nodeType:"block"}),createElement:function(e){var t;const i=p.getPlugin.defineElement();n.setNodes(e,i,{at:null===(t=e.selection)||void 0===t?void 0:t.anchor})},exports:{markdown:{serialize:(e,t)=>`## ${t}`},html:{serialize:(e,t)=>`<h2>${t}</h2>`,deserialize:{nodeName:"H2"}}},options:{anchor:"#"}});var c="K-i6DlWD";o('.K-i6DlWD{color:#292929;font-size:20px;font-weight:600;line-height:26px;margin-bottom:4px;margin-top:16px;padding-bottom:2px;padding-top:2px;position:relative;white-space:pre-wrap;word-break:break-word}.K-i6DlWD:hover .ur9rRlYI{opacity:1}.ur9rRlYI{color:#007aff;opacity:0;padding-left:.5rem;transition:opacity .2s;user-select:none}.ur9rRlYI:hover{text-decoration:underline}.ur9rRlYI:before{content:"#"}');const h=({attributes:t,children:i,element:n})=>e("h3",Object.assign({id:n.id,draggable:!1,className:c},t,{children:i}));h.displayName="HeadingThree";const g=t({type:"heading-three",renderer:e=>h,shortcut:["h3","subsubtitle","###"],placeholder:"Heading 3",defineElement:()=>({id:i(),type:"heading-three",children:[{text:""}],nodeType:"block"}),createElement:function(e){var t;const i=g.getPlugin.defineElement();n.setNodes(e,i,{at:null===(t=e.selection)||void 0===t?void 0:t.anchor})},exports:{markdown:{serialize:(e,t)=>`### ${t}`},html:{serialize:(e,t)=>`<h3>${t}</h3>`,deserialize:{nodeName:["H3","H4","H5","H6"]}}},options:{anchor:"#"}}),m={HeadingOne:d,HeadingTwo:p,HeadingThree:g};export{d as HeadingOne,g as HeadingThree,p as HeadingTwo,m as default};

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+import { YoptaBaseElement } from '@yoopta/editor';
+import { ReactNode } from 'react';
+export type HeadingOptions = {
+    anchor?: ReactNode | null | false;
+};
+export type HeadingOneElement = YoptaBaseElement<'heading-one'>;
+export type HeadingTwoElement = YoptaBaseElement<'heading-two'>;
+export type HeadingThreeElement = YoptaBaseElement<'heading-three'>;

package/dist/ui/HeadingOne.d.ts

@@ -0,0 +1,3 @@
+import { HeadingOneElement, HeadingOptions } from '../types';
+declare const HeadingOne: import("@yoopta/editor").YoptaPlugin<HeadingOptions, HeadingOneElement>;
+export { HeadingOne };

package/dist/ui/HeadingThree.d.ts

@@ -0,0 +1,3 @@
+import { HeadingOptions, HeadingThreeElement } from '../types';
+declare const HeadingThree: import("@yoopta/editor").YoptaPlugin<HeadingOptions, HeadingThreeElement>;
+export { HeadingThree };

package/dist/ui/HeadingTwo.d.ts

@@ -0,0 +1,3 @@
+import { HeadingOptions, HeadingTwoElement } from '../types';
+declare const HeadingTwo: import("@yoopta/editor").YoptaPlugin<HeadingOptions, HeadingTwoElement>;
+export { HeadingTwo };

package/dist/utils/getText.d.ts

@@ -0,0 +1,2 @@
+import { HeadingOneElement, HeadingThreeElement, HeadingTwoElement } from '../types';
+export declare const getHeadingAnchorFromSlateNode: (element: HeadingOneElement | HeadingTwoElement | HeadingThreeElement) => string | undefined;

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@yoopta/headings",
+  "version": "1.9.0-rc",
+  "description": "> TODO: description",
+  "author": "Darginec05 <devopsbanda@gmail.com>",
+  "homepage": "https://github.com/Darginec05/Editor-Yopta#readme",
+  "license": "MIT",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
+  "peerDependencies": {
+    "@yoopta/editor": "1.9.0-rc",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "slate": ">=0.72.3",
+    "slate-react": ">=0.72.4"
+  },
+  "publishConfig": {
+    "registry": "https://registry.yarnpkg.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Darginec05/Editor-Yopta.git"
+  },
+  "scripts": {
+    "test": "node ./__tests__/@yoopta/paragraph.test.js"
+  },
+  "bugs": {
+    "url": "https://github.com/Darginec05/Editor-Yopta/issues"
+  }
+}