polotno 2.4.2 → 2.4.4

package/side-panel/elements-panel.js

@@ -5,7 +5,7 @@
   .bp5-dark & img {
     filter: invert(1);
   }
-`,limit=50,NounprojectPanel=({store:e,query:t})=>{const{data:r,isLoading:a,loadMore:i,setQuery:o}=(0,use_api_1.useInfiniteAPI)({defaultQuery:t,getAPI:({page:e,query:t})=>`${api_1.API}/get-nounproject?query=${t}&page=${e}&limit=50&KEY=${(0,validate_key_1.getKey)()}`,getSize:e=>e.pagesNumber});return react_1.default.useEffect((()=>{o(t)}),[t]),react_1.default.createElement(NounContainer,null,react_1.default.createElement(images_grid_1.ImagesGrid,{shadowEnabled:!1,images:null==r?void 0:r.map((e=>e.icons)).flat(),getPreview:e=>e.preview_url_84,isLoading:a,onSelect:async(t,r,a)=>{if(a&&"image"===a.type&&a.contentEditable){const e=await iconToSrc(t.id);return void a.set({clipSrc:e})}e.history.transaction((async()=>{var a;const i=((null==r?void 0:r.x)||e.width/2)-100,o=((null==r?void 0:r.y)||e.height/2)-100,s=null===(a=e.activePage)||void 0===a?void 0:a.addElement({type:"svg",width:200,height:200,x:i,y:o}),n=await iconToSrc(t.id);(0,mobx_state_tree_1.isAlive)(s)&&await s.set({src:n})}))},rowsNumber:4,loadMore:i}))};exports.NounprojectPanel=NounprojectPanel;const LINES=[{preview:svg_1.svgToURL`
+`,limit=50,NounprojectPanel=({store:e,query:t})=>{const{data:r,isLoading:a,loadMore:i,setQuery:o,hasMore:s}=(0,use_api_1.useInfiniteAPI)({defaultQuery:t,getAPI:({page:e,query:t})=>`${api_1.API}/get-nounproject?query=${t}&page=${e}&limit=50&KEY=${(0,validate_key_1.getKey)()}`,getSize:e=>e.pagesNumber});return react_1.default.useEffect((()=>{o(t)}),[t]),react_1.default.createElement(NounContainer,null,react_1.default.createElement(images_grid_1.ImagesGrid,{shadowEnabled:!1,images:null==r?void 0:r.map((e=>e.icons)).flat(),getPreview:e=>e.preview_url_84,isLoading:a,onSelect:async(t,r,a)=>{if(a&&"image"===a.type&&a.contentEditable){const e=await iconToSrc(t.id);return void a.set({clipSrc:e})}e.history.transaction((async()=>{var a;const i=((null==r?void 0:r.x)||e.width/2)-100,o=((null==r?void 0:r.y)||e.height/2)-100,s=null===(a=e.activePage)||void 0===a?void 0:a.addElement({type:"svg",width:200,height:200,x:i,y:o}),n=await iconToSrc(t.id);(0,mobx_state_tree_1.isAlive)(s)&&await s.set({src:n})}))},rowsNumber:4,loadMore:s&&i}))};exports.NounprojectPanel=NounprojectPanel;const LINES=[{preview:svg_1.svgToURL`
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16">
   <path stroke="currentColor" strokeWidth="4" d="M 1 8 L 30 8"></path>
 </svg>

package/side-panel/layers-panel.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];return l.reverse(),react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal"},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LayersPanel=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),l10n_1=require("../utils/l10n"),screen_1=require("../utils/screen"),react_sortablejs_1=require("react-sortablejs"),text_1=require("../utils/text"),SortItem=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>{const l=t.selectedElements.indexOf(e)>=0,[a,r]=react_1.default.useState(!1),n=()=>r(!1),i=a?e.name:e.name||(0,text_1.removeTags)(e.text)||`#${e.id}`;return react_1.default.createElement(core_1.Card,{onMouseDown:l=>{const a=l.ctrlKey||l.metaKey||l.shiftKey?[...t.selectedElementsIds]:[];a.indexOf(e.id)<0&&a.push(e.id),t.selectElements(a)},style:{padding:"5px",margin:"0px 1px 5px 1px",backgroundColor:l?"rgb(0, 161, 255, 0.2)":"",display:e.selectable||"admin"===t.role?"auto":"none"}},react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{lineHeight:"30px",display:"flex"}},react_1.default.createElement("div",{className:"drag-handle",style:{display:"flex",justifyContent:"center",alignItems:"center",cursor:"move",height:"30px"}},react_1.default.createElement(core_1.Icon,{icon:"drag-handle-vertical"})),react_1.default.createElement("div",{style:{padding:"0 7px",opacity:.5,width:"55px"}},(0,l10n_1.t)("sidePanel.layerTypes."+e.type)),react_1.default.createElement("div",{style:{maxWidth:"142px"}},react_1.default.createElement(core_1.EditableText,{minWidth:130,placeholder:(0,l10n_1.t)("sidePanel.namePlaceholder"),value:i,maxLines:1,onEdit:()=>r(!0),onCancel:n,onConfirm:n,onChange:t=>{e.set({name:t})}}))),react_1.default.createElement("div",null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.visible)?"eye-open":"eye-off",onClick:()=>{e.set({visible:!e.visible})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:(null==e?void 0:e.locked)?"lock":"unlock",onClick:()=>{e.set({draggable:e.locked,contentEditable:e.locked,styleEditable:e.locked,resizable:e.locked})}}),react_1.default.createElement(core_1.Button,{icon:"trash",minimal:!0,disabled:!e.removable,onClick:()=>{t.deleteElements([e.id])},style:{marginLeft:"auto"}}))))}));exports.LayersPanel=(0,mobx_react_lite_1.observer)((({store:e})=>{var t;const l=(null===(t=e.activePage)||void 0===t?void 0:t.children.map((e=>({id:e.id}))))||[];l.reverse();const a=(0,screen_1.isMobile)();return react_1.default.createElement("div",{style:{height:"100%",overflow:"auto"}},react_1.default.createElement("div",{style:{height:"40px",paddingTop:"5px"}},(0,l10n_1.t)("sidePanel.layersTip")),react_1.default.createElement("div",null,0===l.length?react_1.default.createElement("div",null,(0,l10n_1.t)("sidePanel.noLayers")):null,react_1.default.createElement(react_sortablejs_1.ReactSortable,{list:l,setList:t=>{t.forEach((({id:l},a)=>{var r,n;const i=t.length-a-1,c=e.getElementById(l);(null===(r=e.activePage)||void 0===r?void 0:r.children.indexOf(c))!==i&&(null===(n=e.activePage)||void 0===n||n.setElementZIndex(c.id,i))}))},direction:"horizontal",handle:a?".drag-handle":void 0},l.map((({id:t})=>{const l=e.getElementById(t);return react_1.default.createElement(SortItem,{element:l,store:e,key:t})})))))}));

package/toolbar/html-toolbar.d.ts

@@ -18,9 +18,6 @@ export declare const FontStyleGroup: (({ element, store }: InputProps) => React.
 export declare const FontColorInput: (({ element, store }: InputProps) => React.JSX.Element) & {
     displayName: string;
 };
-export declare const SpacingInput: (({ element }: InputProps) => React.JSX.Element) & {
-    displayName: string;
-};
 export declare const DirectionInput: (({ element }: InputProps) => React.JSX.Element) & {
     displayName: string;
 };

package/toolbar/html-toolbar.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HtmlToolbar=exports.DirectionInput=exports.SpacingInput=exports.FontColorInput=exports.FontStyleGroup=exports.FontSizeInput=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),element_container_1=require("./element-container"),color_picker_1=__importDefault(require("./color-picker")),filters_picker_1=__importDefault(require("./filters-picker")),MdcFormatLineSpacing_1=__importDefault(require("@meronex/icons/mdc/MdcFormatLineSpacing")),MdFormatTextdirectionRToL_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionRToL")),MdFormatTextdirectionLToR_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionLToR")),MdcFormatVerticalAlignTop_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignTop")),MdcFormatVerticalAlignCenter_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignCenter")),MdcFormatVerticalAlignBottom_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignBottom")),animations_picker_1=require("./animations-picker"),flags_1=require("../utils/flags"),html_element_1=require("../canvas/html-element"),text_toolbar_1=require("./text-toolbar");exports.FontSizeInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_1.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5})));const ALIGN_OPTIONS=["left","center","right","justify"],VERTICAL_ALIGN_OPTIONS=["top","middle","bottom"],VERTICAL_ALIGN_ICONS={top:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignTop_1.default,null)),middle:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignCenter_1.default,null)),bottom:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignBottom_1.default,null))};exports.FontStyleGroup=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(core_1.ButtonGroup,null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(ALIGN_OPTIONS.indexOf(e.align)+1+ALIGN_OPTIONS.length)%ALIGN_OPTIONS.length,n=ALIGN_OPTIONS[t];e.set({align:n})}}),flags_1.flags.textVerticalResizeEnabled&&react_1.default.createElement(core_1.Button,{minimal:!0,icon:VERTICAL_ALIGN_ICONS[e.verticalAlign],onClick:()=>{const n=(VERTICAL_ALIGN_OPTIONS.indexOf(e.verticalAlign)+1+VERTICAL_ALIGN_OPTIONS.length)%VERTICAL_ALIGN_OPTIONS.length,r=VERTICAL_ALIGN_OPTIONS[n];t.history.transaction((()=>{e.set({verticalAlign:r})}))}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"bold",active:html_element_1.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();return void n.formatText(e.index,e.length,"bold",!html_element_1.quillRef.currentFormat.bold,"user")}"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:html_element_1.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!html_element_1.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"underline",active:html_element_1.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!html_element_1.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter((e=>"underline"!==e)):n.push("underline"),e.set({textDecoration:n.join(" ")})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"strikethrough",active:html_element_1.quillRef.currentFormat.strike||e.textDecoration.indexOf("line-through")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"strike",!html_element_1.quillRef.currentFormat.strike,"user")}let n=e.textDecoration.split(" ");n.indexOf("line-through")>=0?n=n.filter((e=>"line-through"!==e)):n.push("line-through"),e.set({textDecoration:n.join(" ")})}})))),exports.FontColorInput=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(color_picker_1.default,{value:html_element_1.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,r=null==n?void 0:n.getSelection(),l=(null==r?void 0:r.length)>=(null==n?void 0:n.getLength())-1;if(n&&!l&&(null==r?void 0:r.length))n.formatText(r.index,r.length,"color",t,"user");else{var o=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:o})}},store:t}))),exports.SpacingInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_2.Popover,{content:react_1.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},react_1.default.createElement("p",null,"Line height"),react_1.default.createElement(core_1.Slider,{value:"number"==typeof e.lineHeight?100*e.lineHeight:120,labelStepSize:50,onChange:t=>{e.set({lineHeight:t/100})},min:50,max:250,stepSize:10,showTrackFill:!0}),react_1.default.createElement("p",null,"Letter spacing"),react_1.default.createElement(core_1.Slider,{value:100*e.letterSpacing,labelStepSize:50,onChange:t=>{e.set({letterSpacing:t/100})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:core_1.Position.BOTTOM},react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(MdcFormatLineSpacing_1.default,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0})))),exports.DirectionInput=(0,mobx_react_lite_1.observer)((({element:e})=>{const t="rtl"===e.dir?MdFormatTextdirectionRToL_1.default:MdFormatTextdirectionLToR_1.default;return react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(t,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})}));const PROPS_MAP={TextFontFamily:text_toolbar_1.TextFontFamily,TextFontSize:exports.FontSizeInput,TextFontVariant:exports.FontStyleGroup,TextFilters:filters_picker_1.default,TextFill:exports.FontColorInput,TextSpacing:exports.SpacingInput,TextDirection:exports.DirectionInput,TextAnimations:animations_picker_1.AnimationsPicker};exports.HtmlToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const n=e.selectedElements,r=e.selectedElements[0],l=["TextFill","TextFontFamily","TextFontSize","TextFontVariant","TextSpacing","TextFilters",flags_1.flags.animationsEnabled&&"TextAnimations"],o=(0,element_container_1.extendToolbar)({type:"text",usedItems:l,components:t});return react_1.default.createElement(element_container_1.ElementContainer,{items:o,itemRender:l=>{const o=t[l]||PROPS_MAP[l];return react_1.default.createElement(o,{element:r,elements:n,store:e,key:l})}})}));
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HtmlToolbar=exports.DirectionInput=exports.FontColorInput=exports.FontStyleGroup=exports.FontSizeInput=void 0;const react_1=__importDefault(require("react")),mobx_react_lite_1=require("mobx-react-lite"),core_1=require("@blueprintjs/core"),element_container_1=require("./element-container"),color_picker_1=__importDefault(require("./color-picker")),filters_picker_1=__importDefault(require("./filters-picker")),MdFormatTextdirectionRToL_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionRToL")),MdFormatTextdirectionLToR_1=__importDefault(require("@meronex/icons/md/MdFormatTextdirectionLToR")),MdcFormatVerticalAlignTop_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignTop")),MdcFormatVerticalAlignCenter_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignCenter")),MdcFormatVerticalAlignBottom_1=__importDefault(require("@meronex/icons/mdc/MdcFormatVerticalAlignBottom")),animations_picker_1=require("./animations-picker"),flags_1=require("../utils/flags"),html_element_1=require("../canvas/html-element"),text_toolbar_1=require("./text-toolbar");exports.FontSizeInput=(0,mobx_react_lite_1.observer)((({element:e})=>react_1.default.createElement(core_1.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5})));const ALIGN_OPTIONS=["left","center","right","justify"],VERTICAL_ALIGN_OPTIONS=["top","middle","bottom"],VERTICAL_ALIGN_ICONS={top:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignTop_1.default,null)),middle:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignCenter_1.default,null)),bottom:react_1.default.createElement("span",{className:"bp5-icon"},react_1.default.createElement(MdcFormatVerticalAlignBottom_1.default,null))};exports.FontStyleGroup=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(core_1.ButtonGroup,null,react_1.default.createElement(core_1.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(ALIGN_OPTIONS.indexOf(e.align)+1+ALIGN_OPTIONS.length)%ALIGN_OPTIONS.length,n=ALIGN_OPTIONS[t];e.set({align:n})}}),flags_1.flags.textVerticalResizeEnabled&&react_1.default.createElement(core_1.Button,{minimal:!0,icon:VERTICAL_ALIGN_ICONS[e.verticalAlign],onClick:()=>{const n=(VERTICAL_ALIGN_OPTIONS.indexOf(e.verticalAlign)+1+VERTICAL_ALIGN_OPTIONS.length)%VERTICAL_ALIGN_OPTIONS.length,o=VERTICAL_ALIGN_OPTIONS[n];t.history.transaction((()=>{e.set({verticalAlign:o})}))}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"bold",active:html_element_1.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();return void n.formatText(e.index,e.length,"bold",!html_element_1.quillRef.currentFormat.bold,"user")}"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:html_element_1.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!html_element_1.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"underline",active:html_element_1.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!html_element_1.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter((e=>"underline"!==e)):n.push("underline"),e.set({textDecoration:n.join(" ")})}}),react_1.default.createElement(core_1.Button,{minimal:!0,icon:"strikethrough",active:html_element_1.quillRef.currentFormat.strike||e.textDecoration.indexOf("line-through")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"strike",!html_element_1.quillRef.currentFormat.strike,"user")}let n=e.textDecoration.split(" ");n.indexOf("line-through")>=0?n=n.filter((e=>"line-through"!==e)):n.push("line-through"),e.set({textDecoration:n.join(" ")})}})))),exports.FontColorInput=(0,mobx_react_lite_1.observer)((({element:e,store:t})=>react_1.default.createElement(color_picker_1.default,{value:html_element_1.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,o=null==n?void 0:n.getSelection(),l=(null==o?void 0:o.length)>=(null==n?void 0:n.getLength())-1;if(n&&!l&&(null==o?void 0:o.length))n.formatText(o.index,o.length,"color",t,"user");else{var r=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:r})}},store:t}))),exports.DirectionInput=(0,mobx_react_lite_1.observer)((({element:e})=>{const t="rtl"===e.dir?MdFormatTextdirectionRToL_1.default:MdFormatTextdirectionLToR_1.default;return react_1.default.createElement(core_1.Button,{icon:react_1.default.createElement(t,{className:"bp5-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})}));const PROPS_MAP={TextFontFamily:text_toolbar_1.TextFontFamily,TextFontSize:exports.FontSizeInput,TextFontVariant:exports.FontStyleGroup,TextFilters:filters_picker_1.default,TextFill:exports.FontColorInput,TextSpacing:text_toolbar_1.TextSpacing,TextDirection:exports.DirectionInput,TextAnimations:animations_picker_1.AnimationsPicker};exports.HtmlToolbar=(0,mobx_react_lite_1.observer)((({store:e,components:t})=>{const n=e.selectedElements,o=e.selectedElements[0],l=["TextFill","TextFontFamily","TextFontSize","TextFontVariant","TextSpacing","TextFilters",flags_1.flags.animationsEnabled&&"TextAnimations"],r=(0,element_container_1.extendToolbar)({type:"text",usedItems:l,components:t});return react_1.default.createElement(element_container_1.ElementContainer,{items:r,itemRender:l=>{const r=t[l]||PROPS_MAP[l];return react_1.default.createElement(r,{element:o,elements:n,store:e,key:l})}})}));

package/utils/unit.d.ts

@@ -1,4 +1,4 @@
-type UnitType = 'pt' | 'mm' | 'cm' | 'in' | 'px';
+export type UnitType = 'pt' | 'mm' | 'cm' | 'in' | 'px';
 type fromPx = {
     px: number;
     unit: UnitType;
@@ -6,7 +6,7 @@ type fromPx = {
 };
 export declare const pxToUnit: ({ px, unit, dpi }: fromPx) => number;
 export declare const pxToUnitRounded: ({ px, precious, dpi, unit, }: fromPx & {
-    precious: number;
+    precious?: number;
 }) => number;
 export declare const unitToPx: ({ unitVal, dpi, unit }: {
     unitVal: any;

package/utils/use-api.d.ts

@@ -7,7 +7,7 @@ export declare const useInfiniteAPI: ({ defaultQuery, timeout, getAPI, getSize,
     defaultQuery?: string;
     timeout?: number;
     getAPI: GET_FUNC;
-    getSize?: (firstResult: any) => number;
+    getSize?: (lastResult: any) => number;
     fetchFunc?: (url: string, attrs?: any) => Promise<any>;
 }) => {
     setQuery: (query: any) => void;

package/utils/use-api.js

@@ -1 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInfiniteAPI=exports.fetcher=void 0;const react_1=__importDefault(require("react")),infinite_1=__importDefault(require("swr/infinite")),fetcher=e=>fetch(e).then((e=>e.json()));exports.fetcher=fetcher;const useInfiniteAPI=({defaultQuery:e="",timeout:t=100,getAPI:r,getSize:i=(e=>e.total_pages),fetchFunc:u=exports.fetcher})=>{var n;const a=react_1.default.useRef(e),o=react_1.default.useRef(),{data:s,error:l,size:c,setSize:f,mutate:d}=(0,infinite_1.default)((e=>r({query:a.current,page:e+1})),u,{revalidateAll:!1}),_=!s&&!l||!!(c>0&&s&&void 0===s[c-1]),h=0===(null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.length)||s&&s[0]&&i(s[0])===c;return{setQuery:react_1.default.useCallback((e=>{a.current=e,clearTimeout(o.current),o.current=setTimeout((()=>{d()}),t)}),[t]),isLoading:_,loadMore:()=>{h||f(c+1)},isReachingEnd:h,data:null==s?void 0:s.filter((e=>e)),items:null==s?void 0:s.reduce(((e,t)=>e.concat(t)),[]),hasMore:!h,reset:d,error:l}};exports.useInfiniteAPI=useInfiniteAPI;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInfiniteAPI=exports.fetcher=void 0;const react_1=__importDefault(require("react")),infinite_1=__importDefault(require("swr/infinite")),fetcher=e=>fetch(e).then((e=>e.json()));exports.fetcher=fetcher;const useInfiniteAPI=({defaultQuery:e="",timeout:t=100,getAPI:r,getSize:i=(e=>e.total_pages),fetchFunc:u=exports.fetcher})=>{var n;const o=react_1.default.useRef(e),a=react_1.default.useRef(),{data:l,error:s,size:c,setSize:f,mutate:d}=(0,infinite_1.default)((e=>r({query:o.current,page:e+1})),u,{revalidateAll:!1}),_=!l&&!s||!!(c>0&&l&&void 0===l[c-1]),h=0===(null===(n=null==l?void 0:l[0])||void 0===n?void 0:n.length),p=null==l?void 0:l[l.length-1],v=h||p&&i(p)===c;return{setQuery:react_1.default.useCallback((e=>{o.current=e,clearTimeout(a.current),a.current=setTimeout((()=>{d()}),t)}),[t]),isLoading:_,loadMore:()=>{v||f(c+1)},isReachingEnd:v,data:null==l?void 0:l.filter((e=>e)),items:null==l?void 0:l.reduce(((e,t)=>e.concat(t)),[]),hasMore:!v,reset:d,error:s}};exports.useInfiniteAPI=useInfiniteAPI;