@yoopta/divider 4.8.2 → 4.8.3

package/README.md

@@ -1,62 +1,75 @@
-# Divider plugin
+# Divider
 
-Divider is default plugin for Yoopta-Editor
+## Overview
 
-### Installation
+## Installation
 
 ```bash
 yarn add @yoopta/divider
 ```
 
-### Usage
+## Elements
 
-```jsx
-import Divider from '@yoopta/divider';
+### divider
 
-const plugins = [Divider];
+- props
+- `color: string`
+- `theme: 'solid' | 'dashed' | 'dotted' | 'gradient'`
 
-const Editor = () => {
-  return <YooptaEditor plugins={plugins} />;
+## Commands
+
+```javascript
+export type DividerCommands = {
+  buildDividerElements: (editor: YooEditor, options?: Partial<DividerElementProps>) => DividerElement,
+  insertDivider: (editor: YooEditor, options?: Partial<DividerInsertOptions>) => void,
+  deleteDivider: (editor: YooEditor, blockId: string) => void,
+  updateDivider: (editor: YooEditor, blockId: string, props: Partial<DividerElementProps>) => void,
 };
 ```
 
-### Default classnames
+### buildDividerElements
 
-- .yoopta-divider
+` buildDividerElements: (editor: YooEditor, options?: Partial``) => DividerElement; `
 
-### Default options
+Define elements structure for slate value in your block
 
-```js
-const Divider = new YooptaPlugin({
-  options: {
-    display: {
-      title: 'Text',
-      description: 'Start writing plain text.',
-    },
-    shortcuts: ['p', 'text'],
-  },
-});
-```
+### insertDivider
 
-### How to extend
-
-```tsx
-const plugins = [
-  Divider.extend({
-    renders: {
-      divider: (props) => <YourCustomComponent {...props} />
-    },
-    options: {
-      shortcuts: [`<your custom shortcuts>`],
-      display: {
-        title: `<your custom title>`,
-        description: `<your custom description>`,
-      },
-      HTMLAttributes: {
-        className: '<your classname>',
-        // ...other HTML attributes
-      },
-    },
-  });
-];
-```
+` editor.methods.insertDivider(blockId: string, options?: Partial``) => void `
+
+Insert divider block in specific path with options
+
+Options:
+
+- `color: string`
+- `theme: 'solid' | 'dashed' | 'dotted' | 'gradient'`
+
+### deleteDivider
+
+`deleteDivider: (editor: YooEditor, blockId: string) => void;`
+
+Delete divider block
+
+### updateDivider
+
+` updateDivider: (editor: YooEditor, blockId: string, props: Partial``) => void; `
+
+Update divider props
+
+Options:
+
+- `color: string`
+- `theme: 'solid' | 'dashed' | 'dotted' | 'gradient'`
+
+## Hotkeys
+
+| Operation                           | Hotkey          |
+| ----------------------------------- | --------------- |
+| Switch themes when block is focused | **cmd+shift+d** |
+
+## Styling
+
+| Classname              | Element                             |
+| ---------------------- | ----------------------------------- |
+| yoopta-divider         | Root of divider                     |
+| yoopta-divider-[theme] | Divider element with specific theme |

package/dist/components/DividerBlockOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerBlockOptions.d.ts","sourceRoot":"","sources":["../../src/components/DividerBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAQ7D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,mBAAmB,2CAA4C,KAAK,4CAuEzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"DividerBlockOptions.d.ts","sourceRoot":"","sources":["../../src/components/DividerBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAgB,MAAM,UAAU,CAAC;AAQ7D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,mBAAmB,2CAA4C,KAAK,4CAyFzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/elements/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAiC,MAAM,gBAAgB,CAAC;AAGzF,QAAA,MAAM,aAAa,+BAAgC,wBAAwB,gBAoD1E,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-import{generateId as e,Blocks as t,buildBlockData as i,Elements as o,UI as r,useYooptaEditor as n,useBlockData as d,YooptaPlugin as s}from"@yoopta/editor";import{jsxs as l,jsx as a}from"react/jsx-runtime";import*as c from"react";const p={buildDividerElements:(t,i={})=>({id:e(),type:"divider",children:[{text:""}],props:{color:i.color||"#EFEFEE",theme:i.theme||"solid",nodeType:"void"}}),insertDivider:(e,o={})=>{const{at:r,focus:n}=o,d=p.buildDividerElements(e);t.insertBlock(e,i({value:[d],type:"Divider"}),{at:r,focus:n})},deleteDivider:(e,i)=>{t.deleteBlock(e,{blockId:i})},updateDivider:(e,t,i)=>{o.updateElement(e,t,{type:"divider",props:Object.assign({},i)})}},h=["solid","dashed","dotted","gradient"];function u(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(i[o[r]]=e[o[r]])}return i}var m;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},v.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var b,y=function(e){return c.createElement("svg",v({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),m||(m=c.createElement("path",{d:"M1.25 7.5a.5.5 0 0 1 .5-.5h11.5a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.5-.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},g.apply(this,arguments)}var f,w=function(e){return c.createElement("svg",g({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),b||(b=c.createElement("path",{d:"M3.625 7.5a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0Zm5 0a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12.5 8.625a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},x.apply(this,arguments)}var O,k=function(e){return c.createElement("svg",x({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f||(f=c.createElement("path",{d:"M0 7.5A.5.5 0 0 1 .5 7H3a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm5.75 0a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1-.5-.5ZM12 7a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 0-1H12Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},E.apply(this,arguments)}var j=function(e){return c.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},e),O||(O=c.createElement("path",{d:"M20 6 9 17l-5-5"})))};const{ExtendedBlockActions:N,BlockOptionsMenuGroup:C,BlockOptionsMenuItem:D,BlockOptionsSeparator:B}=r,S=({editor:e,block:t,props:i})=>{const r=i=>{o.updateElement(e,t.id,{type:"divider",props:{theme:i}})},n=e=>(null==i?void 0:i.theme)===e;return l(N,Object.assign({onClick:()=>e.setSelection([t.meta.order]),className:"yoopta-divider-options"},{children:[a(B,{}),l(C,{children:[a(D,{children:l("button",Object.assign({type:"button",className:"yoopta-block-options-button justify-between",onClick:()=>r("solid")},{children:[l("span",Object.assign({className:"flex"},{children:[a(y,{width:16,height:16,className:"w-4 h-4 mr-2"}),"Line"]})),n("solid")&&a(j,{width:16,height:16,color:"#000",className:"w-4 h-4"})]}))}),a(D,{children:l("button",Object.assign({type:"button",className:"yoopta-block-options-button justify-between",onClick:()=>r("dashed")},{children:[l("span",Object.assign({className:"flex"},{children:[a(k,{width:16,height:16,color:"tranparent",className:"w-4 h-4 mr-2"}),"Dashed"]})),n("dashed")&&a(j,{width:16,height:16,color:"#000",className:"w-4 h-4"})]}))}),a(D,{children:l("button",Object.assign({type:"button",className:"yoopta-block-options-button justify-between",onClick:()=>r("dotted")},{children:[l("span",Object.assign({className:"flex"},{children:[a(w,{width:16,height:16,className:"w-4 h-4 mr-2"}),"Dots"]})),n("dotted")&&a(j,{width:16,height:16,color:"#000",className:"w-4 h-4"})]}))}),a(D,{children:l("button",Object.assign({type:"button",className:"yoopta-block-options-button justify-between",onClick:()=>r("gradient")},{children:[l("span",Object.assign({className:"flex"},{children:[a(y,{width:14,height:16,className:"w-4 h-4 mr-2",color:(null==i?void 0:i.color)||"#EFEFEE"}),"Gradient"]})),n("gradient")&&a(j,{width:16,height:16,color:"#000",className:"w-4 h-4"})]}))})]})]}))},F=new s({type:"Divider",elements:{divider:{render:e=>{var t,i,{extendRender:o}=e,r=u(e,["extendRender"]);const s=r.HTMLAttributes||{},{className:c=""}=s,p=u(s,["className"]),h=n(),m=d(r.blockId);if(o)return o(r);const v=(null===(t=r.element.props)||void 0===t?void 0:t.color)||"#e5e7eb",b=(null===(i=r.element.props)||void 0===i?void 0:i.theme)||"solid";return l("div",Object.assign({onClick:e=>{h.setSelection([m.meta.order]),h.setBlockSelected([m.meta.order])}},p,{className:`${c} yoopta-divider`},r.attributes,{contentEditable:!1},{children:[!h.readOnly&&a(S,{block:m,editor:h,props:r.element.props}),(()=>{switch(b){case"dashed":return a("hr",{className:"yoopta-divider-dashed",style:{borderColor:v}});case"dotted":return l("div",Object.assign({className:"yoopta-divider-dotted"},{children:[a("div",{style:{backgroundColor:v}}),a("div",{style:{backgroundColor:v}}),a("div",{style:{backgroundColor:v}})]}));case"gradient":return a("div",{className:"yoopta-divider-gradient",style:{background:`linear-gradient(to right, transparent, ${v}, transparent)`}});default:return a("hr",{className:"yoopta-divider-solid",style:{borderColor:v}})}})(),r.children]}))},props:{nodeType:"void",theme:"solid",color:"#EFEFEE"}}},options:{display:{title:"Divider",description:"Divide your blocks"},shortcuts:["---","divider","line"]},parsers:{html:{deserialize:{nodeNames:["HR"],parse:t=>{const i=t.getAttribute("data-meta-theme")||"solid",o=t.getAttribute("data-meta-color")||"#EFEFEE";return{id:e(),type:"divider",props:{nodeType:"void",theme:i,color:o},children:[{text:""}]}}},serialize:(e,t,i)=>{const{theme:o="solid",color:r="#EFEFEE"}=e.props||{};return`<hr data-meta-theme="${o}" data-meta-color="${r}" style="background-color: #8383e0; height: 1.2px" />`}},markdown:{serialize:(e,t)=>"---\n"}},commands:p,events:{onKeyDown:function(e,t,{hotkeys:i,currentBlock:r}){return t=>{if(i.isCmdShiftD(t)){t.preventDefault();const i=o.getElement(e,r.id,{type:"divider"}),n=h[(h.indexOf(i.props.theme)+1)%h.length];o.updateElement(e,r.id,{type:"divider",props:{theme:n}})}}}}});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".mr-2{margin-right:.5rem}.block{display:block}.flex{display:flex}.h-4{height:1rem}.w-4{width:1rem}.justify-between{justify-content:space-between}.yoopta-divider .yoopta-divider-options{color:#000;opacity:0;right:3px;top:3px;transition:opacity .15s ease-in-out}.yoopta-divider:hover .yoopta-divider-options{opacity:1}.yoopta-divider{align-items:center;color:#e5e7eb;display:flex;height:20px;justify-content:center;pointer-events:auto;width:100%}.yoopta-divider-line{border-bottom:2px solid;height:1px;visibility:visible;width:100%}.yoopta-divider-solid{border-bottom:2px solid;border-bottom-style:solid;height:1px;visibility:visible;width:100%}.yoopta-divider-dashed{border-bottom:2px solid;border-bottom-style:dashed;height:1px;visibility:visible;width:100%}.yoopta-divider-dotted{align-items:center;border-bottom:2px solid;border-bottom:none;display:flex;height:3px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:visible;width:100%}.yoopta-divider-dotted div{border-radius:50%;margin-right:10px;max-height:3px;max-width:3px;min-height:3px;min-width:3px}.yoopta-divider-dotted div:last-child{margin-right:0}.yoopta-divider-gradient{height:2px;width:100%}");export{p as DividerCommands,F as default};
+import{generateId as e,Blocks as t,buildBlockData as i,Elements as o,UI as r,useYooptaEditor as d,useBlockData as n,YooptaPlugin as s}from"@yoopta/editor";import{jsxs as a,jsx as l}from"react/jsx-runtime";import*as c from"react";const p={buildDividerElements:(t,i={})=>({id:e(),type:"divider",children:[{text:""}],props:{color:i.color||"#EFEFEE",theme:i.theme||"solid",nodeType:"void"}}),insertDivider:(e,o={})=>{const{at:r,focus:d}=o,n=p.buildDividerElements(e);t.insertBlock(e,i({value:[n],type:"Divider"}),{at:r,focus:d})},deleteDivider:(e,i)=>{t.deleteBlock(e,{blockId:i})},updateDivider:(e,t,i)=>{o.updateElement(e,t,{type:"divider",props:Object.assign({},i)})}},h=["solid","dashed","dotted","gradient"];function v(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(i[o[r]]=e[o[r]])}return i}var y;function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},u.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var m,b=function(e){return c.createElement("svg",u({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),y||(y=c.createElement("path",{d:"M1.25 7.5a.5.5 0 0 1 .5-.5h11.5a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.5-.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},g.apply(this,arguments)}var f,w=function(e){return c.createElement("svg",g({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),m||(m=c.createElement("path",{d:"M3.625 7.5a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0Zm5 0a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12.5 8.625a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},x.apply(this,arguments)}var O,E=function(e){return c.createElement("svg",x({width:15,height:15,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),f||(f=c.createElement("path",{d:"M0 7.5A.5.5 0 0 1 .5 7H3a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm5.75 0a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1-.5-.5ZM12 7a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 0-1H12Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},k.apply(this,arguments)}var j=function(e){return c.createElement("svg",k({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},e),O||(O=c.createElement("path",{d:"M20 6 9 17l-5-5"})))};const{ExtendedBlockActions:N,BlockOptionsMenuGroup:C,BlockOptionsMenuItem:D,BlockOptionsSeparator:B}=r,S=({editor:e,block:t,props:i})=>{const r=i=>{o.updateElement(e,t.id,{type:"divider",props:{theme:i}})},d=e=>(null==i?void 0:i.theme)===e;return a(N,Object.assign({onClick:()=>e.setSelection([t.meta.order]),className:"yoopta-divider-options"},{children:[l(B,{}),a(C,{children:[l(D,{children:a("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-divider-justify-between",onClick:()=>r("solid")},{children:[a("span",Object.assign({className:"yoo-divider-flex"},{children:[l(b,{width:16,height:16,className:"yoo-divider-w-4 yoo-divider-h-4 yoo-divider-mr-2"}),"Line"]})),d("solid")&&l(j,{width:16,height:16,color:"#000",className:"yoo-divider-w-4 yoo-divider-h-4"})]}))}),l(D,{children:a("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-divider-justify-between",onClick:()=>r("dashed")},{children:[a("span",Object.assign({className:"yoo-divider-flex"},{children:[l(E,{width:16,height:16,color:"tranparent",className:"yoo-divider-w-4 yoo-divider-h-4 yoo-divider-mr-2"}),"Dashed"]})),d("dashed")&&l(j,{width:16,height:16,color:"#000",className:"yoo-divider-w-4 yoo-divider-h-4"})]}))}),l(D,{children:a("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-divider-justify-between",onClick:()=>r("dotted")},{children:[a("span",Object.assign({className:"yoo-divider-flex"},{children:[l(w,{width:16,height:16,className:"yoo-divider-w-4 yoo-divider-h-4 yoo-divider-mr-2"}),"Dots"]})),d("dotted")&&l(j,{width:16,height:16,color:"#000",className:"yoo-divider-w-4 yoo-divider-h-4"})]}))}),l(D,{children:a("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-divider-justify-between",onClick:()=>r("gradient")},{children:[a("span",Object.assign({className:"yoo-divider-flex"},{children:[l(b,{width:14,height:16,className:"yoo-divider-w-4 yoo-divider-h-4 yoo-divider-mr-2",color:(null==i?void 0:i.color)||"#EFEFEE"}),"Gradient"]})),d("gradient")&&l(j,{width:16,height:16,color:"#000",className:"yoo-divider-w-4 yoo-divider-h-4"})]}))})]})]}))},F=new s({type:"Divider",elements:{divider:{render:e=>{var t,i,{extendRender:o}=e,r=v(e,["extendRender"]);const s=r.HTMLAttributes||{},{className:c=""}=s,p=v(s,["className"]),h=d(),y=n(r.blockId);if(o)return o(r);const u=(null===(t=r.element.props)||void 0===t?void 0:t.color)||"#e5e7eb",m=(null===(i=r.element.props)||void 0===i?void 0:i.theme)||"solid";return a("div",Object.assign({onClick:e=>{h.setSelection([y.meta.order]),h.setBlockSelected([y.meta.order])}},p,{className:`${c} yoopta-divider`},r.attributes,{contentEditable:!1},{children:[!h.readOnly&&l(S,{block:y,editor:h,props:r.element.props}),(()=>{switch(m){case"dashed":return l("hr",{className:"yoopta-divider-dashed",style:{borderColor:u}});case"dotted":return a("div",Object.assign({className:"yoopta-divider-dotted"},{children:[l("div",{style:{backgroundColor:u}}),l("div",{style:{backgroundColor:u}}),l("div",{style:{backgroundColor:u}})]}));case"gradient":return l("div",{className:"yoopta-divider-gradient",style:{background:`linear-gradient(to right, transparent, ${u}, transparent)`}});default:return l("hr",{className:"yoopta-divider-solid",style:{borderColor:u}})}})(),r.children]}))},props:{nodeType:"void",theme:"solid",color:"#EFEFEE"}}},options:{display:{title:"Divider",description:"Divide your blocks"},shortcuts:["---","divider","line"]},parsers:{html:{deserialize:{nodeNames:["HR"],parse:t=>{const i=t.getAttribute("data-meta-theme")||"solid",o=t.getAttribute("data-meta-color")||"#EFEFEE";return{id:e(),type:"divider",props:{nodeType:"void",theme:i,color:o},children:[{text:""}]}}},serialize:(e,t,i)=>{const{theme:o="solid",color:r="#EFEFEE"}=e.props||{};return`<hr data-meta-theme="${o}" data-meta-color="${r}" style="background-color: #8383e0; height: 1.2px" />`}},markdown:{serialize:(e,t)=>"---\n"}},commands:p,events:{onKeyDown:function(e,t,{hotkeys:i,currentBlock:r}){return t=>{if(i.isCmdShiftD(t)){t.preventDefault();const i=o.getElement(e,r.id,{type:"divider"}),d=h[(h.indexOf(i.props.theme)+1)%h.length];o.updateElement(e,r.id,{type:"divider",props:{theme:d}})}}}}});!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===i&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".yoo-divider-mr-2{margin-right:.5rem}.yoo-divider-flex{display:flex}.yoo-divider-h-4{height:1rem}.yoo-divider-w-4{width:1rem}.yoo-divider-justify-between{justify-content:space-between}.yoopta-divider .yoopta-divider-options{color:#000;opacity:0;right:3px;top:3px;transition:opacity .15s ease-in-out}.yoopta-divider:hover .yoopta-divider-options{opacity:1}.yoopta-divider{align-items:center;color:#e5e7eb;display:flex;height:20px;justify-content:center;pointer-events:auto;width:100%}.yoopta-divider-line{border-bottom:2px solid;height:1px;visibility:visible;width:100%}.yoopta-divider-solid{border-bottom:2px solid;border-bottom-style:solid;height:1px;visibility:visible;width:100%}.yoopta-divider-dashed{border-bottom:2px solid;border-bottom-style:dashed;height:1px;visibility:visible;width:100%}.yoopta-divider-dotted{align-items:center;border-bottom:2px solid;border-bottom:none;display:flex;height:3px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:visible;width:100%}.yoopta-divider-dotted div{border-radius:50%;margin-right:10px;max-height:3px;max-width:3px;min-height:3px;min-width:3px}.yoopta-divider-dotted div:last-child{margin-right:0}.yoopta-divider-gradient{height:2px;width:100%}");export{p as DividerCommands,F as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/divider",
-  "version": "4.8.2",
+  "version": "4.8.3",
   "description": "Divider plugin for Yoopta Editor",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
   },
-  "gitHead": "130161a4859888b173c897741be1953e3de99d8e"
+  "gitHead": "e117efde935e4eb4dae924c35bcfb307c8bf1412"
 }

package/dist/ui/Divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/ui/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAiC,MAAM,gBAAgB,CAAC;AAGzF,QAAA,MAAM,aAAa,+BAAgC,wBAAwB,gBAoD1E,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}