npm - @webiny/lexical-editor - Versions diffs - 5.41.4-beta.6 → 5.42.0-beta.0 - Mend

@webiny/lexical-editor 5.41.4-beta.6 → 5.42.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/plugins/FloatingLinkEditorPlugin/LinkEditForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_sanitizeUrl","_isAnchorLink","LinkEditForm","exports","_ref","linkData","onSave","onCancel","_useState","useState","_useState2","_slicedToArray2","default","linkState","setLinkState","onInputKeyDown","event","key","preventDefault","onSubmit","_objectSpread2","target","isAnchorLink","url","sanitizeUrl","createElement","className","autoFocus","placeholder","value","onKeyDown","onChange","e","state","type","alt","id","checked","disabled","htmlFor","onClick"],"sources":["LinkEditForm.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl\";\nimport { isAnchorLink } from \"~/utils/isAnchorLink\";\nimport { LinkData } from \"./FloatingLinkEditorPlugin\";\n\ninterface LinkFormProps {\n linkData: LinkData;\n onSave: (linkData: LinkData) => void;\n onCancel: () => void;\n}\n\nexport const LinkEditForm = ({ linkData, onSave, onCancel }: LinkFormProps) => {\n const [linkState, setLinkState] = useState(linkData);\n\n const onInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n onSubmit();\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n onCancel();\n }\n };\n\n const onSubmit = () => {\n onSave({\n ...linkState,\n target: isAnchorLink(linkState.url) ? null : linkState.target,\n url: sanitizeUrl(linkState.url)\n });\n };\n\n return (\n <div>\n <h5 className={\"link-editor-popup-title\"}>Edit Link</h5>\n\n <div className={\"link-editor-section\"}>\n <div className={\"header\"}>\n <div className={\"header_title\"}>URL</div>\n </div>\n <div className={\"section-desc\"}>\n <input\n autoFocus\n placeholder={\"URL: https://example.com\"}\n className=\"link-input full-with\"\n value={linkState.url}\n onKeyDown={onInputKeyDown}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n url: e.target.value\n }));\n }}\n />\n </div>\n </div>\n <div className={\"link-editor-section\"}>\n <div className={\"header\"}>\n <div className={\"header_title\"}>Alt text</div>\n </div>\n <div className={\"section-desc\"}>\n <input\n placeholder={\"Enter alt text\"}\n className={\"link-input full-with\"}\n type={\"text\"}\n value={linkState.alt \|\| \"\"}\n onKeyDown={onInputKeyDown}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n alt: e.target.value\n }));\n }}\n />\n </div>\n </div>\n <div className={\"link-editor-section\"}>\n <div className={\"section-desc\"}>\n <input\n id={\"link-editor-new-tab\"}\n type={\"checkbox\"}\n checked={linkState.target === \"_blank\"}\n disabled={isAnchorLink(linkState.url)}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n target: e.target.checked ? \"_blank\" : null\n }));\n }}\n />\n <label htmlFor={\"link-editor-new-tab\"}>Open link in a new tab</label>\n </div>\n </div>\n\n <div className={\"link-editor-section full-with edit-form-bottom-menu\"}>\n <button className=\"webiny-ui-button mdc-button\" onClick={onCancel}>\n <div className=\"mdc-button__ripple\"></div>\n <span className=\"mdc-button__label\">Cancel</span>\n </button>\n <button\n className=\"webiny-ui-button webiny-ui-button--primary mdc-button mdc-button--raised\"\n onClick={onSubmit}\n >\n <div className=\"mdc-button__ripple\"></div>\n <span className=\"mdc-button__label\">Confirm</span>\n </button>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AASO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAsD;EAAA,IAAhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrD,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAACJ,QAAQ,CAAC;IAAAK,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAA7CK,SAAS,GAAAH,UAAA;IAAEI,YAAY,GAAAJ,UAAA;EAE9B,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA4C,EAAK;IACrE,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;MACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBC,QAAQ,CAAC,CAAC;IACd,CAAC,MAAM,IAAIH,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MAC/BD,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBX,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC;EAED,IAAMY,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;IACnBb,MAAM,KAAAc,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MACCC,SAAS;MACZQ,MAAM,EAAE,IAAAC,0BAAY,EAACT,SAAS,CAACU,GAAG,CAAC,GAAG,IAAI,GAAGV,SAAS,CAACQ,MAAM;MAC7DE,GAAG,EAAE,IAAAC,wBAAW,EAACX,SAAS,CAACU,GAAG;IAAC,EAClC,CAAC;EACN,CAAC;EAED,oBACI1B,MAAA,CAAAe,OAAA,CAAAa,aAAA,2BACI5B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAIC,SAAS,EAAE;EAA0B,GAAC,WAAa,CAAC,eAExD7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClC7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAe,GAAC,KAAQ,CACvC,CAAC,eACN7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAe,gBAC3B7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IACIE,SAAS;IACTC,WAAW,EAAE,0BAA2B;IACxCF,SAAS,EAAC,sBAAsB;IAChCG,KAAK,EAAEhB,SAAS,CAACU,GAAI;IACrBO,SAAS,EAAEf,cAAe;IAC1BgB,QAAQ,EAAE,~~SAAAA~~,~~SAAAC~~,CAAC,EAAI;MACX,OAAOlB,YAAY,CAAC,UAAAmB,KAAK;QAAA,WAAAb,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MAClBqB,KAAK;UACRV,GAAG,EAAES,CAAC,CAACX,MAAM,CAACQ;QAAK;MAAA,CACrB,CAAC;IACP;EAAE,CACL,CACA,CACJ,CAAC,eACNhC,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClC7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAe,GAAC,UAAa,CAC5C,CAAC,eACN7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAe,gBAC3B7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IACIG,WAAW,EAAE,gBAAiB;IAC9BF,SAAS,EAAE,sBAAuB;IAClCQ,IAAI,EAAE,MAAO;IACbL,KAAK,EAAEhB,SAAS,CAACsB,GAAG,IAAI,EAAG;IAC3BL,SAAS,EAAEf,cAAe;IAC1BgB,QAAQ,EAAE,~~SAAAA~~,~~SAAAC~~,CAAC,EAAI;MACX,OAAOlB,YAAY,CAAC,UAAAmB,KAAK;QAAA,WAAAb,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MAClBqB,KAAK;UACRE,GAAG,EAAEH,CAAC,CAACX,MAAM,CAACQ;QAAK;MAAA,CACrB,CAAC;IACP;EAAE,CACL,CACA,CACJ,CAAC,eACNhC,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClC7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAe,gBAC3B7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IACIW,EAAE,EAAE,qBAAsB;IAC1BF,IAAI,EAAE,UAAW;IACjBG,OAAO,EAAExB,SAAS,CAACQ,MAAM,KAAK,QAAS;IACvCiB,QAAQ,EAAE,IAAAhB,0BAAY,EAACT,SAAS,CAACU,GAAG,CAAE;IACtCQ,QAAQ,EAAE,~~SAAAA~~,~~SAAAC~~,CAAC,EAAI;MACX,OAAOlB,YAAY,CAAC,UAAAmB,KAAK;QAAA,WAAAb,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MAClBqB,KAAK;UACRZ,MAAM,EAAEW,CAAC,CAACX,MAAM,CAACgB,OAAO,GAAG,QAAQ,GAAG;QAAI;MAAA,CAC5C,CAAC;IACP;EAAE,CACL,CAAC,eACFxC,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAOc,OAAO,EAAE;EAAsB,GAAC,wBAA6B,CACnE,CACJ,CAAC,eAEN1C,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAsD,gBAClE7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAQC,SAAS,EAAC,6BAA6B;IAACc,OAAO,EAAEjC;EAAS,gBAC9DV,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAM,CAAC,eAC1C7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAC;EAAmB,GAAC,QAAY,CAC5C,CAAC,eACT7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IACIC,SAAS,EAAC,0EAA0E;IACpFc,OAAO,EAAErB;EAAS,gBAElBtB,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAM,CAAC,eAC1C7B,MAAA,CAAAe,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAC;EAAmB,GAAC,SAAa,CAC7C,CACP,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_sanitizeUrl","_isAnchorLink","LinkEditForm","exports","_ref","linkData","onSave","onCancel","_useState","useState","_useState2","_slicedToArray2","default","linkState","setLinkState","onInputKeyDown","event","key","preventDefault","onSubmit","_objectSpread2","target","isAnchorLink","url","sanitizeUrl","createElement","className","autoFocus","placeholder","value","onKeyDown","onChange","e","state","type","alt","id","checked","disabled","htmlFor","onClick"],"sources":["LinkEditForm.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { sanitizeUrl } from \"~/utils/sanitizeUrl\";\nimport { isAnchorLink } from \"~/utils/isAnchorLink\";\nimport { LinkData } from \"./FloatingLinkEditorPlugin\";\n\ninterface LinkFormProps {\n linkData: LinkData;\n onSave: (linkData: LinkData) => void;\n onCancel: () => void;\n}\n\nexport const LinkEditForm = ({ linkData, onSave, onCancel }: LinkFormProps) => {\n const [linkState, setLinkState] = useState(linkData);\n\n const onInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === \"Enter\") {\n event.preventDefault();\n onSubmit();\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n onCancel();\n }\n };\n\n const onSubmit = () => {\n onSave({\n ...linkState,\n target: isAnchorLink(linkState.url) ? null : linkState.target,\n url: sanitizeUrl(linkState.url)\n });\n };\n\n return (\n <div>\n <h5 className={\"link-editor-popup-title\"}>Edit Link</h5>\n\n <div className={\"link-editor-section\"}>\n <div className={\"header\"}>\n <div className={\"header_title\"}>URL</div>\n </div>\n <div className={\"section-desc\"}>\n <input\n autoFocus\n placeholder={\"URL: https://example.com\"}\n className=\"link-input full-with\"\n value={linkState.url}\n onKeyDown={onInputKeyDown}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n url: e.target.value\n }));\n }}\n />\n </div>\n </div>\n <div className={\"link-editor-section\"}>\n <div className={\"header\"}>\n <div className={\"header_title\"}>Alt text</div>\n </div>\n <div className={\"section-desc\"}>\n <input\n placeholder={\"Enter alt text\"}\n className={\"link-input full-with\"}\n type={\"text\"}\n value={linkState.alt \|\| \"\"}\n onKeyDown={onInputKeyDown}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n alt: e.target.value\n }));\n }}\n />\n </div>\n </div>\n <div className={\"link-editor-section\"}>\n <div className={\"section-desc\"}>\n <input\n id={\"link-editor-new-tab\"}\n type={\"checkbox\"}\n checked={linkState.target === \"_blank\"}\n disabled={isAnchorLink(linkState.url)}\n onChange={e => {\n return setLinkState(state => ({\n ...state,\n target: e.target.checked ? \"_blank\" : null\n }));\n }}\n />\n <label htmlFor={\"link-editor-new-tab\"}>Open link in a new tab</label>\n </div>\n </div>\n\n <div className={\"link-editor-section full-with edit-form-bottom-menu\"}>\n <button className=\"webiny-ui-button mdc-button\" onClick={onCancel}>\n <div className=\"mdc-button__ripple\"></div>\n <span className=\"mdc-button__label\">Cancel</span>\n </button>\n <button\n className=\"webiny-ui-button webiny-ui-button--primary mdc-button mdc-button--raised\"\n onClick={onSubmit}\n >\n <div className=\"mdc-button__ripple\"></div>\n <span className=\"mdc-button__label\">Confirm</span>\n </button>\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/LinkPreviewForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","LinkPreviewForm","exports","_ref","linkData","onEdit","removeLink","default","createElement","className","href","url","target","rel","role","tabIndex","onMouseDown","event","preventDefault","onClick","alt"],"sources":["LinkPreviewForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { LinkData } from \"./FloatingLinkEditorPlugin\";\n\ninterface LinkFormProps {\n linkData: LinkData;\n onEdit: () => void;\n removeLink: () => void;\n}\n\nexport const LinkPreviewForm = ({ linkData, onEdit, removeLink }: LinkFormProps) => {\n return (\n <div className={\"link-preview-form\"}>\n <h5 className={\"link-editor-popup-title\"}>Preview Link</h5>\n <div className=\"link-input\">\n <a href={linkData.url} target=\"_blank\" rel=\"noopener noreferrer\">\n {linkData.url}\n </a>\n <div\n className=\"link-edit\"\n role=\"button\"\n tabIndex={0}\n onMouseDown={event => event.preventDefault()}\n onClick={onEdit}\n />\n <div\n className=\"link-unlink\"\n role=\"button\"\n tabIndex={0}\n onMouseDown={event => event.preventDefault()}\n onClick={removeLink}\n />\n </div>\n <div className={\"link-editor-section\"}>\n <ul>\n <li>\n {linkData.target === \"_blank\" ? (\n <span>Open link in a new tab</span>\n ) : (\n <span>Open link in the same tab</span>\n )}\n </li>\n {linkData.alt && (\n <li>\n <span>\n Alt text: <span>{linkData.alt}</span>\n </span>\n </li>\n )}\n </ul>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AASO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAwD;EAAA,IAAlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAC1D,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChCX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAE;EAA0B,GAAC,cAAgB,CAAC,eAC3DX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAY,gBACvBX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAGE,IAAI,EAAEN,QAAQ,CAACO,GAAI;IAACC,MAAM,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAqB,GAC3DT,QAAQ,CAACO,GACX,CAAC,eACJb,MAAA,CAAAS,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAC,WAAW;IACrBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,~~SAAAA~~,~~YAAAC~~,KAAK;MAAA,OAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAA,CAAC;IAC7CC,OAAO,EAAEd;EAAO,CACnB,CAAC,eACFP,MAAA,CAAAS,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAC,aAAa;IACvBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,~~SAAAA~~,~~YAAAC~~,KAAK;MAAA,OAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAA,CAAC;IAC7CC,OAAO,EAAEb;EAAW,CACvB,CACA,CAAC,eACNR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClCX,MAAA,CAAAS,OAAA,CAAAC,aAAA,0BACIV,MAAA,CAAAS,OAAA,CAAAC,aAAA,aACKJ,QAAQ,CAACQ,MAAM,KAAK,QAAQ,gBACzBd,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,wBAA4B,CAAC,gBAEnCV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,2BAA+B,CAEzC,CAAC,EACJJ,QAAQ,CAACgB,GAAG,iBACTtB,MAAA,CAAAS,OAAA,CAAAC,aAAA,0BACIV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,YACQ,eAAAV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAOJ,QAAQ,CAACgB,GAAU,CAClC,CACN,CAER,CACH,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","LinkPreviewForm","exports","_ref","linkData","onEdit","removeLink","default","createElement","className","href","url","target","rel","role","tabIndex","onMouseDown","event","preventDefault","onClick","alt"],"sources":["LinkPreviewForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { LinkData } from \"./FloatingLinkEditorPlugin\";\n\ninterface LinkFormProps {\n linkData: LinkData;\n onEdit: () => void;\n removeLink: () => void;\n}\n\nexport const LinkPreviewForm = ({ linkData, onEdit, removeLink }: LinkFormProps) => {\n return (\n <div className={\"link-preview-form\"}>\n <h5 className={\"link-editor-popup-title\"}>Preview Link</h5>\n <div className=\"link-input\">\n <a href={linkData.url} target=\"_blank\" rel=\"noopener noreferrer\">\n {linkData.url}\n </a>\n <div\n className=\"link-edit\"\n role=\"button\"\n tabIndex={0}\n onMouseDown={event => event.preventDefault()}\n onClick={onEdit}\n />\n <div\n className=\"link-unlink\"\n role=\"button\"\n tabIndex={0}\n onMouseDown={event => event.preventDefault()}\n onClick={removeLink}\n />\n </div>\n <div className={\"link-editor-section\"}>\n <ul>\n <li>\n {linkData.target === \"_blank\" ? (\n <span>Open link in a new tab</span>\n ) : (\n <span>Open link in the same tab</span>\n )}\n </li>\n {linkData.alt && (\n <li>\n <span>\n Alt text: <span>{linkData.alt}</span>\n </span>\n </li>\n )}\n </ul>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AASO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAwD;EAAA,IAAlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAC1D,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAoB,gBAChCX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAE;EAA0B,GAAC,cAAgB,CAAC,eAC3DX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAY,gBACvBX,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAGE,IAAI,EAAEN,QAAQ,CAACO,GAAI;IAACC,MAAM,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAqB,GAC3DT,QAAQ,CAACO,GACX,CAAC,eACJb,MAAA,CAAAS,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAC,WAAW;IACrBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,SAAbA,WAAWA,CAAEC,KAAK;MAAA,OAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAA,CAAC;IAC7CC,OAAO,EAAEd;EAAO,CACnB,CAAC,eACFP,MAAA,CAAAS,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAC,aAAa;IACvBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,WAAW,EAAE,SAAbA,WAAWA,CAAEC,KAAK;MAAA,OAAIA,KAAK,CAACC,cAAc,CAAC,CAAC;IAAA,CAAC;IAC7CC,OAAO,EAAEb;EAAW,CACvB,CACA,CAAC,eACNR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAE;EAAsB,gBAClCX,MAAA,CAAAS,OAAA,CAAAC,aAAA,0BACIV,MAAA,CAAAS,OAAA,CAAAC,aAAA,aACKJ,QAAQ,CAACQ,MAAM,KAAK,QAAQ,gBACzBd,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,wBAA4B,CAAC,gBAEnCV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,2BAA+B,CAEzC,CAAC,EACJJ,QAAQ,CAACgB,GAAG,iBACTtB,MAAA,CAAAS,OAAA,CAAAC,aAAA,0BACIV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAM,YACQ,eAAAV,MAAA,CAAAS,OAAA,CAAAC,aAAA,eAAOJ,QAAQ,CAACgB,GAAU,CAClC,CACN,CAER,CACH,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isChildOfLinkEditor = void 0;
-var isChildOfLinkEditor = exports.isChildOfLinkEditor = function isChildOfLinkEditor(element) {
+var _isChildOfLinkEditor = exports.isChildOfLinkEditor = function isChildOfLinkEditor(element) {
   var parent = element ? element.parentElement : null;
   if (!parent) {
     return false;
@@ -12,7 +12,7 @@ var isChildOfLinkEditor = exports.isChildOfLinkEditor = function isChildOfLinkEd
   if (parent.classList.contains("link-editor")) {
     return true;
   }
-  return isChildOfLinkEditor(parent);
+  return _isChildOfLinkEditor(parent);
 };
 //# sourceMappingURL=isChildOfLinkEditor.js.map

package/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["isChildOfLinkEditor","exports","element","parent","parentElement","classList","contains"],"sources":["isChildOfLinkEditor.ts"],"sourcesContent":["export const isChildOfLinkEditor = (element: HTMLElement \| null): boolean => {\n const parent = element ? element.parentElement : null;\n\n if (!parent) {\n return false;\n }\n\n if (parent.classList.contains(\"link-editor\")) {\n return true;\n }\n\n return isChildOfLinkEditor(parent);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,~~mBAAmB~~,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,OAA2B,EAAc;EACzE,IAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE;IAC1C,OAAO,IAAI;EACf;EAEA,OAAON,~~mBAAmB~~,CAACG,MAAM,CAAC;AACtC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["isChildOfLinkEditor","exports","element","parent","parentElement","classList","contains"],"sources":["isChildOfLinkEditor.ts"],"sourcesContent":["export const isChildOfLinkEditor = (element: HTMLElement \| null): boolean => {\n const parent = element ? element.parentElement : null;\n\n if (!parent) {\n return false;\n }\n\n if (parent.classList.contains(\"link-editor\")) {\n return true;\n }\n\n return isChildOfLinkEditor(parent);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,oBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,OAA2B,EAAc;EACzE,IAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC,EAAE;IAC1C,OAAO,IAAI;EACf;EAEA,OAAON,oBAAmB,CAACG,MAAM,CAAC;AACtC,CAAC","ignoreList":[]}

package/plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.js CHANGED Viewed

@@ -62,7 +62,7 @@ function useFloatingLinkEditor(anchorElem) {
       return false;
     }, _lexical.COMMAND_PRIORITY_CRITICAL));
   }, [editor, updateToolbar]);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_FloatingLinkEditorPlugin.FloatingLinkEditor, {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_FloatingLinkEditorPlugin.FloatingLinkEditor, {
     isVisible: isLink,
     editor: editor,
     anchorElem: anchorElem

package/plugins/FloatingLinkEditorPlugin/useFloatingLinkEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_hooks","_getSelectedNode","_lexicalNodes","_isChildOfLinkEditor","_debounce","_interopRequireDefault","_lexical","_utils","_FloatingLinkEditorPlugin","useFloatingLinkEditor","anchorElem","_useRichTextEditor","useRichTextEditor","editor","_useState","useState","_useState2","_slicedToArray2","default","isLink","setIsLink","debounceSetIsLink","useCallback","debounce","updateToolbar","selection","$getSelection","$isRangeSelection","node","getSelectedNode","linkParent","$findMatchingParent","$isLinkNode","autoLinkParent","$isAutoLinkNode","isLinkOrChildOfLink","Boolean","dirty","useEffect","mergeRegister","registerCommand","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_CRITICAL","BLUR_COMMAND","payload","isChildOfLinkEditor","relatedTarget","COMMAND_PRIORITY_LOW","TOGGLE_LINK_COMMAND","createPortal","createElement","FloatingLinkEditor","isVisible"],"sources":["useFloatingLinkEditor.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useRichTextEditor } from \"~/hooks\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { isChildOfLinkEditor } from \"~/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor\";\nimport debounce from \"lodash/debounce\";\nimport {\n $getSelection,\n $isRangeSelection,\n BLUR_COMMAND,\n COMMAND_PRIORITY_CRITICAL,\n COMMAND_PRIORITY_LOW,\n SELECTION_CHANGE_COMMAND\n} from \"lexical\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport { FloatingLinkEditor } from \"./FloatingLinkEditorPlugin\";\n\nexport function useFloatingLinkEditor(anchorElem: HTMLElement): JSX.Element \| null {\n const { editor } = useRichTextEditor();\n const [isLink, setIsLink] = useState(false);\n\n const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);\n\n const updateToolbar = useCallback(() => {\n const selection = $getSelection();\n if (!$isRangeSelection(selection)) {\n return;\n }\n\n const node = getSelectedNode(selection);\n const linkParent = $findMatchingParent(node, $isLinkNode);\n const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n const isLinkOrChildOfLink = Boolean($isLinkNode(node) \|\| linkParent);\n\n if (!isLinkOrChildOfLink) {\n // When hiding the toolbar, we want to hide immediately.\n setIsLink(false);\n }\n\n if (selection.dirty) {\n // We don't want this menu to open for auto links.\n if (linkParent != null && autoLinkParent == null) {\n // When showing the toolbar, we want to debounce it, because sometimes selection gets updated\n // multiple times, and the `selection.dirty` flag goes from true to false multiple times,\n // eventually settling on `false`, which we want to set once it has settled.\n debounceSetIsLink(true);\n }\n }\n }, []);\n\n useEffect(() => {\n return mergeRegister(\n editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n updateToolbar();\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n ),\n editor.registerCommand(\n BLUR_COMMAND,\n payload => {\n if (!isChildOfLinkEditor(payload.relatedTarget as HTMLElement)) {\n setIsLink(false);\n }\n\n return false;\n },\n COMMAND_PRIORITY_LOW\n ),\n editor.registerCommand(\n TOGGLE_LINK_COMMAND,\n payload => {\n setIsLink(!!payload);\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n )\n );\n }, [editor, updateToolbar]);\n\n return createPortal(\n <FloatingLinkEditor isVisible={isLink} editor={editor} anchorElem={anchorElem} />,\n anchorElem\n );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAQA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,yBAAA,GAAAV,OAAA;AAEO,SAASW,qBAAqBA,CAACC,UAAuB,EAAsB;EAC/E,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EACd,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAApCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAExB,IAAMK,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,IAAAC,iBAAQ,EAACH,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElE,IAAMI,aAAa,GAAG,IAAAF,kBAAW,EAAC,YAAM;IACpC,IAAMG,SAAS,GAAG,IAAAC,sBAAa,EAAC,CAAC;IACjC,IAAI,CAAC,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;MAC/B;IACJ;IAEA,IAAMG,IAAI,GAAG,IAAAC,gCAAe,EAACJ,SAAS,CAAC;IACvC,IAAMK,UAAU,GAAG,IAAAC,0BAAmB,EAACH,IAAI,EAAEI,yBAAW,CAAC;IACzD,IAAMC,cAAc,GAAG,IAAAF,0BAAmB,EAACH,IAAI,EAAEM,6BAAe,CAAC;IACjE,IAAMC,mBAAmB,GAAGC,OAAO,CAAC,IAAAJ,yBAAW,EAACJ,IAAI,CAAC,IAAIE,UAAU,CAAC;IAEpE,IAAI,CAACK,mBAAmB,EAAE;MACtB;MACAf,SAAS,CAAC,KAAK,CAAC;IACpB;IAEA,IAAIK,SAAS,CAACY,KAAK,EAAE;MACjB;MACA,IAAIP,UAAU,IAAI,IAAI,IAAIG,cAAc,IAAI,IAAI,EAAE;QAC9C;QACA;QACA;QACAZ,iBAAiB,CAAC,IAAI,CAAC;MAC3B;IACJ;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAiB,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChB1B,MAAM,CAAC2B,eAAe,CAClBC,iCAAwB,EACxB,YAAM;MACFjB,aAAa,CAAC,CAAC;MACf,OAAO,KAAK;IAChB,CAAC,EACDkB,kCACJ,CAAC,EACD7B,MAAM,CAAC2B,eAAe,CAClBG,qBAAY,EACZ,UAAAC,OAAO,EAAI;MACP,IAAI,CAAC,IAAAC,wCAAmB,EAACD,OAAO,CAACE,aAA4B,CAAC,EAAE;QAC5D1B,SAAS,CAAC,KAAK,CAAC;MACpB;MAEA,OAAO,KAAK;IAChB,CAAC,EACD2B,6BACJ,CAAC,EACDlC,MAAM,CAAC2B,eAAe,CAClBQ,iCAAmB,EACnB,UAAAJ,OAAO,EAAI;MACPxB,SAAS,CAAC,CAAC,CAACwB,OAAO,CAAC;MACpB,OAAO,KAAK;IAChB,CAAC,EACDF,kCACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAAC7B,MAAM,EAAEW,aAAa,CAAC,CAAC;EAE3B,oBAAO,IAAAyB,sBAAY,~~gBACfrD~~,MAAA,CAAAsB,OAAA,CAAAgC,aAAA,CAAC1C,yBAAA,CAAA2C,kBAAkB;IAACC,SAAS,EAAEjC,MAAO;IAACN,MAAM,EAAEA,MAAO;IAACH,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjFA,UACJ,CAAC;AACL","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_hooks","_getSelectedNode","_lexicalNodes","_isChildOfLinkEditor","_debounce","_interopRequireDefault","_lexical","_utils","_FloatingLinkEditorPlugin","useFloatingLinkEditor","anchorElem","_useRichTextEditor","useRichTextEditor","editor","_useState","useState","_useState2","_slicedToArray2","default","isLink","setIsLink","debounceSetIsLink","useCallback","debounce","updateToolbar","selection","$getSelection","$isRangeSelection","node","getSelectedNode","linkParent","$findMatchingParent","$isLinkNode","autoLinkParent","$isAutoLinkNode","isLinkOrChildOfLink","Boolean","dirty","useEffect","mergeRegister","registerCommand","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_CRITICAL","BLUR_COMMAND","payload","isChildOfLinkEditor","relatedTarget","COMMAND_PRIORITY_LOW","TOGGLE_LINK_COMMAND","createPortal","createElement","FloatingLinkEditor","isVisible"],"sources":["useFloatingLinkEditor.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useRichTextEditor } from \"~/hooks\";\nimport { getSelectedNode } from \"~/utils/getSelectedNode\";\nimport { $isAutoLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from \"@webiny/lexical-nodes\";\nimport { isChildOfLinkEditor } from \"~/plugins/FloatingLinkEditorPlugin/isChildOfLinkEditor\";\nimport debounce from \"lodash/debounce\";\nimport {\n $getSelection,\n $isRangeSelection,\n BLUR_COMMAND,\n COMMAND_PRIORITY_CRITICAL,\n COMMAND_PRIORITY_LOW,\n SELECTION_CHANGE_COMMAND\n} from \"lexical\";\nimport { $findMatchingParent, mergeRegister } from \"@lexical/utils\";\nimport { FloatingLinkEditor } from \"./FloatingLinkEditorPlugin\";\n\nexport function useFloatingLinkEditor(anchorElem: HTMLElement): JSX.Element \| null {\n const { editor } = useRichTextEditor();\n const [isLink, setIsLink] = useState(false);\n\n const debounceSetIsLink = useCallback(debounce(setIsLink, 50), []);\n\n const updateToolbar = useCallback(() => {\n const selection = $getSelection();\n if (!$isRangeSelection(selection)) {\n return;\n }\n\n const node = getSelectedNode(selection);\n const linkParent = $findMatchingParent(node, $isLinkNode);\n const autoLinkParent = $findMatchingParent(node, $isAutoLinkNode);\n const isLinkOrChildOfLink = Boolean($isLinkNode(node) \|\| linkParent);\n\n if (!isLinkOrChildOfLink) {\n // When hiding the toolbar, we want to hide immediately.\n setIsLink(false);\n }\n\n if (selection.dirty) {\n // We don't want this menu to open for auto links.\n if (linkParent != null && autoLinkParent == null) {\n // When showing the toolbar, we want to debounce it, because sometimes selection gets updated\n // multiple times, and the `selection.dirty` flag goes from true to false multiple times,\n // eventually settling on `false`, which we want to set once it has settled.\n debounceSetIsLink(true);\n }\n }\n }, []);\n\n useEffect(() => {\n return mergeRegister(\n editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n updateToolbar();\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n ),\n editor.registerCommand(\n BLUR_COMMAND,\n payload => {\n if (!isChildOfLinkEditor(payload.relatedTarget as HTMLElement)) {\n setIsLink(false);\n }\n\n return false;\n },\n COMMAND_PRIORITY_LOW\n ),\n editor.registerCommand(\n TOGGLE_LINK_COMMAND,\n payload => {\n setIsLink(!!payload);\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n )\n );\n }, [editor, updateToolbar]);\n\n return createPortal(\n <FloatingLinkEditor isVisible={isLink} editor={editor} anchorElem={anchorElem} />,\n anchorElem\n );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAQA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,yBAAA,GAAAV,OAAA;AAEO,SAASW,qBAAqBA,CAACC,UAAuB,EAAsB;EAC/E,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EACd,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAApCK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAExB,IAAMK,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,IAAAC,iBAAQ,EAACH,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;EAElE,IAAMI,aAAa,GAAG,IAAAF,kBAAW,EAAC,YAAM;IACpC,IAAMG,SAAS,GAAG,IAAAC,sBAAa,EAAC,CAAC;IACjC,IAAI,CAAC,IAAAC,0BAAiB,EAACF,SAAS,CAAC,EAAE;MAC/B;IACJ;IAEA,IAAMG,IAAI,GAAG,IAAAC,gCAAe,EAACJ,SAAS,CAAC;IACvC,IAAMK,UAAU,GAAG,IAAAC,0BAAmB,EAACH,IAAI,EAAEI,yBAAW,CAAC;IACzD,IAAMC,cAAc,GAAG,IAAAF,0BAAmB,EAACH,IAAI,EAAEM,6BAAe,CAAC;IACjE,IAAMC,mBAAmB,GAAGC,OAAO,CAAC,IAAAJ,yBAAW,EAACJ,IAAI,CAAC,IAAIE,UAAU,CAAC;IAEpE,IAAI,CAACK,mBAAmB,EAAE;MACtB;MACAf,SAAS,CAAC,KAAK,CAAC;IACpB;IAEA,IAAIK,SAAS,CAACY,KAAK,EAAE;MACjB;MACA,IAAIP,UAAU,IAAI,IAAI,IAAIG,cAAc,IAAI,IAAI,EAAE;QAC9C;QACA;QACA;QACAZ,iBAAiB,CAAC,IAAI,CAAC;MAC3B;IACJ;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAiB,gBAAS,EAAC,YAAM;IACZ,OAAO,IAAAC,oBAAa,EAChB1B,MAAM,CAAC2B,eAAe,CAClBC,iCAAwB,EACxB,YAAM;MACFjB,aAAa,CAAC,CAAC;MACf,OAAO,KAAK;IAChB,CAAC,EACDkB,kCACJ,CAAC,EACD7B,MAAM,CAAC2B,eAAe,CAClBG,qBAAY,EACZ,UAAAC,OAAO,EAAI;MACP,IAAI,CAAC,IAAAC,wCAAmB,EAACD,OAAO,CAACE,aAA4B,CAAC,EAAE;QAC5D1B,SAAS,CAAC,KAAK,CAAC;MACpB;MAEA,OAAO,KAAK;IAChB,CAAC,EACD2B,6BACJ,CAAC,EACDlC,MAAM,CAAC2B,eAAe,CAClBQ,iCAAmB,EACnB,UAAAJ,OAAO,EAAI;MACPxB,SAAS,CAAC,CAAC,CAACwB,OAAO,CAAC;MACpB,OAAO,KAAK;IAChB,CAAC,EACDF,kCACJ,CACJ,CAAC;EACL,CAAC,EAAE,CAAC7B,MAAM,EAAEW,aAAa,CAAC,CAAC;EAE3B,oBAAO,IAAAyB,sBAAY,eACfrD,MAAA,CAAAsB,OAAA,CAAAgC,aAAA,CAAC1C,yBAAA,CAAA2C,kBAAkB;IAACC,SAAS,EAAEjC,MAAO;IAACN,MAAM,EAAEA,MAAO;IAACH,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjFA,UACJ,CAAC;AACL","ignoreList":[]}

package/plugins/LinkPlugin/LinkPlugin.js CHANGED Viewed

@@ -31,9 +31,9 @@ function LinkPlugin(_ref) {
         }
         return false;
       } else {
-        var _url = payload.url,
+        var url = payload.url,
           attrs = (0, _objectWithoutProperties2.default)(payload, _excluded);
-        (0, _lexicalNodes.toggleLink)(_url, attrs);
+        (0, _lexicalNodes.toggleLink)(url, attrs);
         return true;
       }
     }, _lexical.COMMAND_PRIORITY_LOW)];

package/plugins/LinkPlugin/LinkPlugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_utils","_lexical","_lexicalNodes","_hooks","_excluded","LinkPlugin","_ref","validateUrl","_useRichTextEditor","useRichTextEditor","editor","useEffect","hasNodes","LinkNode","Error","commands","registerCommand","TOGGLE_LINK_COMMAND","payload","toggleLink","undefined","url","attrs","_objectWithoutProperties2","default","COMMAND_PRIORITY_LOW","push","PASTE_COMMAND","event","selection","$getSelection","$isRangeSelection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","$isElementNode","dispatchCommand","preventDefault","mergeRegister","apply"],"sources":["LinkPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n $getSelection,\n $isElementNode,\n $isRangeSelection,\n COMMAND_PRIORITY_LOW,\n PASTE_COMMAND\n} from \"lexical\";\nimport { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks\";\n\ntype Props = {\n validateUrl?: (url: string) => boolean;\n};\n\nexport function LinkPlugin({ validateUrl }: Props): null {\n const { editor } = useRichTextEditor();\n\n useEffect(() => {\n if (!editor.hasNodes([LinkNode])) {\n throw new Error(\"LinkPlugin: LinkNode not registered in the editor!\");\n }\n\n const commands = [\n editor.registerCommand(\n TOGGLE_LINK_COMMAND,\n payload => {\n if (payload === null) {\n toggleLink(payload);\n return true;\n } else if (typeof payload === \"string\") {\n if (validateUrl === undefined \|\| validateUrl(payload)) {\n toggleLink(payload);\n return true;\n }\n return false;\n } else {\n const { url, ...attrs } = payload;\n toggleLink(url, attrs);\n return true;\n }\n },\n COMMAND_PRIORITY_LOW\n )\n ];\n\n if (validateUrl !== undefined) {\n commands.push(\n editor.registerCommand(\n PASTE_COMMAND,\n event => {\n const selection = $getSelection();\n if (\n !$isRangeSelection(selection) \|\|\n selection.isCollapsed() \|\|\n !(event instanceof ClipboardEvent) \|\|\n event.clipboardData == null\n ) {\n return false;\n }\n const clipboardText = event.clipboardData.getData(\"text\");\n if (!validateUrl(clipboardText)) {\n return false;\n }\n // If we select nodes that are elements then avoid applying the link.\n if (!selection.getNodes().some(node => $isElementNode(node))) {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);\n event.preventDefault();\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_LOW\n )\n );\n }\n\n return mergeRegister(...commands);\n }, [editor, validateUrl]);\n\n return null;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA4C,IAAAK,SAAA;AAMrC,SAASC,UAAUA,CAAAC,IAAA,EAA+B;EAAA,IAA5BC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EACpC,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,sBAAQ,CAAC,CAAC,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;IACzE;IAEA,IAAMC,QAAQ,GAAG,CACbL,MAAM,CAACM,eAAe,CAClBC,iCAAmB,EACnB,UAAAC,OAAO,EAAI;MACP,IAAIA,OAAO,KAAK,IAAI,EAAE;QAClB,IAAAC,wBAAU,EAACD,OAAO,CAAC;QACnB,OAAO,IAAI;MACf,CAAC,MAAM,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QACpC,IAAIX,WAAW,KAAKa,SAAS,IAAIb,WAAW,CAACW,OAAO,CAAC,EAAE;UACnD,IAAAC,wBAAU,EAACD,OAAO,CAAC;UACnB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,MAAM;QACH,IAAQG,~~IAAG~~,GAAeH,OAAO,CAAzBG,GAAG;UAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,OAAO,EAAAd,SAAA;QACjC,IAAAe,wBAAU,EAACE,~~IAAG~~,EAAEC,KAAK,CAAC;QACtB,OAAO,IAAI;MACf;IACJ,CAAC,EACDG,6BACJ,CAAC,CACJ;IAED,IAAIlB,WAAW,KAAKa,SAAS,EAAE;MAC3BL,QAAQ,CAACW,IAAI,CACThB,MAAM,CAACM,eAAe,CAClBW,sBAAa,EACb,UAAAC,KAAK,EAAI;QACL,IAAMC,SAAS,GAAG,IAAAC,sBAAa,EAAC,CAAC;QACjC,IACI,CAAC,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAC7BA,SAAS,CAACG,WAAW,CAAC,CAAC,IACvB,EAAEJ,KAAK,YAAYK,cAAc,CAAC,IAClCL,KAAK,CAACM,aAAa,IAAI,IAAI,EAC7B;UACE,OAAO,KAAK;QAChB;QACA,IAAMC,aAAa,GAAGP,KAAK,CAACM,aAAa,CAACE,OAAO,CAAC,MAAM,CAAC;QACzD,IAAI,CAAC7B,WAAW,CAAC4B,aAAa,CAAC,EAAE;UAC7B,OAAO,KAAK;QAChB;QACA;QACA,IAAI,CAACN,SAAS,CAACQ,QAAQ,CAAC,CAAC,CAACC,IAAI,CAAC,UAAAC,IAAI;UAAA,OAAI,IAAAC,uBAAc,EAACD,IAAI,CAAC;QAAA,EAAC,EAAE;UAC1D7B,MAAM,CAAC+B,eAAe,CAACxB,iCAAmB,EAAEkB,aAAa,CAAC;UAC1DP,KAAK,CAACc,cAAc,CAAC,CAAC;UACtB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,EACDjB,6BACJ,CACJ,CAAC;IACL;IAEA,OAAOkB,oBAAa,CAAAC,KAAA,SAAI7B,QAAQ,CAAC;EACrC,CAAC,EAAE,CAACL,MAAM,EAAEH,WAAW,CAAC,CAAC;EAEzB,OAAO,IAAI;AACf","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_utils","_lexical","_lexicalNodes","_hooks","_excluded","LinkPlugin","_ref","validateUrl","_useRichTextEditor","useRichTextEditor","editor","useEffect","hasNodes","LinkNode","Error","commands","registerCommand","TOGGLE_LINK_COMMAND","payload","toggleLink","undefined","url","attrs","_objectWithoutProperties2","default","COMMAND_PRIORITY_LOW","push","PASTE_COMMAND","event","selection","$getSelection","$isRangeSelection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","$isElementNode","dispatchCommand","preventDefault","mergeRegister","apply"],"sources":["LinkPlugin.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n $getSelection,\n $isElementNode,\n $isRangeSelection,\n COMMAND_PRIORITY_LOW,\n PASTE_COMMAND\n} from \"lexical\";\nimport { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from \"@webiny/lexical-nodes\";\nimport { useRichTextEditor } from \"~/hooks\";\n\ntype Props = {\n validateUrl?: (url: string) => boolean;\n};\n\nexport function LinkPlugin({ validateUrl }: Props): null {\n const { editor } = useRichTextEditor();\n\n useEffect(() => {\n if (!editor.hasNodes([LinkNode])) {\n throw new Error(\"LinkPlugin: LinkNode not registered in the editor!\");\n }\n\n const commands = [\n editor.registerCommand(\n TOGGLE_LINK_COMMAND,\n payload => {\n if (payload === null) {\n toggleLink(payload);\n return true;\n } else if (typeof payload === \"string\") {\n if (validateUrl === undefined \|\| validateUrl(payload)) {\n toggleLink(payload);\n return true;\n }\n return false;\n } else {\n const { url, ...attrs } = payload;\n toggleLink(url, attrs);\n return true;\n }\n },\n COMMAND_PRIORITY_LOW\n )\n ];\n\n if (validateUrl !== undefined) {\n commands.push(\n editor.registerCommand(\n PASTE_COMMAND,\n event => {\n const selection = $getSelection();\n if (\n !$isRangeSelection(selection) \|\|\n selection.isCollapsed() \|\|\n !(event instanceof ClipboardEvent) \|\|\n event.clipboardData == null\n ) {\n return false;\n }\n const clipboardText = event.clipboardData.getData(\"text\");\n if (!validateUrl(clipboardText)) {\n return false;\n }\n // If we select nodes that are elements then avoid applying the link.\n if (!selection.getNodes().some(node => $isElementNode(node))) {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);\n event.preventDefault();\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_LOW\n )\n );\n }\n\n return mergeRegister(...commands);\n }, [editor, validateUrl]);\n\n return null;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA4C,IAAAK,SAAA;AAMrC,SAASC,UAAUA,CAAAC,IAAA,EAA+B;EAAA,IAA5BC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EACpC,IAAAC,kBAAA,GAAmB,IAAAC,wBAAiB,EAAC,CAAC;IAA9BC,MAAM,GAAAF,kBAAA,CAANE,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACD,MAAM,CAACE,QAAQ,CAAC,CAACC,sBAAQ,CAAC,CAAC,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;IACzE;IAEA,IAAMC,QAAQ,GAAG,CACbL,MAAM,CAACM,eAAe,CAClBC,iCAAmB,EACnB,UAAAC,OAAO,EAAI;MACP,IAAIA,OAAO,KAAK,IAAI,EAAE;QAClB,IAAAC,wBAAU,EAACD,OAAO,CAAC;QACnB,OAAO,IAAI;MACf,CAAC,MAAM,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QACpC,IAAIX,WAAW,KAAKa,SAAS,IAAIb,WAAW,CAACW,OAAO,CAAC,EAAE;UACnD,IAAAC,wBAAU,EAACD,OAAO,CAAC;UACnB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,MAAM;QACH,IAAQG,GAAG,GAAeH,OAAO,CAAzBG,GAAG;UAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,OAAO,EAAAd,SAAA;QACjC,IAAAe,wBAAU,EAACE,GAAG,EAAEC,KAAK,CAAC;QACtB,OAAO,IAAI;MACf;IACJ,CAAC,EACDG,6BACJ,CAAC,CACJ;IAED,IAAIlB,WAAW,KAAKa,SAAS,EAAE;MAC3BL,QAAQ,CAACW,IAAI,CACThB,MAAM,CAACM,eAAe,CAClBW,sBAAa,EACb,UAAAC,KAAK,EAAI;QACL,IAAMC,SAAS,GAAG,IAAAC,sBAAa,EAAC,CAAC;QACjC,IACI,CAAC,IAAAC,0BAAiB,EAACF,SAAS,CAAC,IAC7BA,SAAS,CAACG,WAAW,CAAC,CAAC,IACvB,EAAEJ,KAAK,YAAYK,cAAc,CAAC,IAClCL,KAAK,CAACM,aAAa,IAAI,IAAI,EAC7B;UACE,OAAO,KAAK;QAChB;QACA,IAAMC,aAAa,GAAGP,KAAK,CAACM,aAAa,CAACE,OAAO,CAAC,MAAM,CAAC;QACzD,IAAI,CAAC7B,WAAW,CAAC4B,aAAa,CAAC,EAAE;UAC7B,OAAO,KAAK;QAChB;QACA;QACA,IAAI,CAACN,SAAS,CAACQ,QAAQ,CAAC,CAAC,CAACC,IAAI,CAAC,UAAAC,IAAI;UAAA,OAAI,IAAAC,uBAAc,EAACD,IAAI,CAAC;QAAA,EAAC,EAAE;UAC1D7B,MAAM,CAAC+B,eAAe,CAACxB,iCAAmB,EAAEkB,aAAa,CAAC;UAC1DP,KAAK,CAACc,cAAc,CAAC,CAAC;UACtB,OAAO,IAAI;QACf;QACA,OAAO,KAAK;MAChB,CAAC,EACDjB,6BACJ,CACJ,CAAC;IACL;IAEA,OAAOkB,oBAAa,CAAAC,KAAA,SAAI7B,QAAQ,CAAC;EACrC,CAAC,EAAE,CAACL,MAAM,EAAEH,WAAW,CAAC,CAAC;EAEzB,OAAO,IAAI;AACf","ignoreList":[]}

package/ui/DropDown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","React","DropDownContext","createContext","DropDownItem","_ref","children","className","onClick","title","ref","useRef","dropDownContext","useContext","Error","registerItem","useEffect","current","createElement","type","DropDownItems","_ref2","dropDownRef","_ref2$showScroll","showScroll","onClose","_useState","useState","_useState2","_slicedToArray2","default","items","setItems","_useState3","_useState4","highlightedItem","setHighlightedItem","useCallback","itemRef","prev","concat","_toConsumableArray2","handleKeyDown","event","key","includes","preventDefault","index","indexOf","length","contextValue","useMemo","focus","Provider","value","onKeyDown","DropDown","_ref3","_ref3$disabled","disabled","buttonLabel","buttonAriaLabel","buttonClassName","buttonIconClassName","stopCloseOnClickSelf","_ref3$showScroll","buttonRef","_useState5","_useState6","positionIsCalculated","setPositionIsCalculated","_useState7","_useState8","showDropDown","setShowDropDown","handleClose","button","dropDown","style","top","left","offsetLeft","handle","target","contains","document","addEventListener","removeEventListener","displayContainer","display","Fragment","position"],"sources":["DropDown.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport * as React from \"react\";\n\ntype DropDownContextType = {\n registerItem: (ref: React.RefObject<HTMLButtonElement>) => void;\n};\n\nconst DropDownContext = React.createContext<DropDownContextType \| null>(null);\n\nexport function DropDownItem({\n children,\n className,\n onClick,\n title\n}: {\n children: React.ReactNode;\n className: string;\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n title?: string;\n}) {\n const ref = useRef<HTMLButtonElement>(null);\n\n const dropDownContext = React.useContext(DropDownContext);\n\n if (dropDownContext === null) {\n throw new Error(\"DropDownItem must be used within a DropDown\");\n }\n\n const { registerItem } = dropDownContext;\n\n useEffect(() => {\n if (ref && ref.current) {\n registerItem(ref);\n }\n }, [ref, registerItem]);\n\n return (\n <button className={className} onClick={onClick} ref={ref} title={title} type=\"button\">\n {children}\n </button>\n );\n}\n\nfunction DropDownItems({\n children,\n dropDownRef,\n showScroll = true,\n onClose\n}: {\n children: React.ReactNode;\n dropDownRef?: React.Ref<HTMLDivElement>;\n showScroll?: boolean;\n onClose: () => void;\n}) {\n const [items, setItems] = useState<React.RefObject<HTMLButtonElement>[]>();\n const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>();\n\n const registerItem = useCallback(\n (itemRef: React.RefObject<HTMLButtonElement>) => {\n setItems(prev => (prev ? [...prev, itemRef] : [itemRef]));\n },\n [setItems]\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!items) {\n return;\n }\n\n const key = event.key;\n\n if ([\"Escape\", \"ArrowUp\", \"ArrowDown\", \"Tab\"].includes(key)) {\n event.preventDefault();\n }\n\n if (key === \"Escape\" \|\| key === \"Tab\") {\n onClose();\n } else if (key === \"ArrowUp\") {\n setHighlightedItem(prev => {\n if (!prev) {\n return items[0];\n }\n const index = items.indexOf(prev) - 1;\n return items[index === -1 ? items.length - 1 : index];\n });\n } else if (key === \"ArrowDown\") {\n setHighlightedItem(prev => {\n if (!prev) {\n return items[0];\n }\n return items[items.indexOf(prev) + 1];\n });\n }\n };\n\n const contextValue = useMemo(\n () => ({\n registerItem\n }),\n [registerItem]\n );\n\n useEffect(() => {\n if (items && !highlightedItem) {\n setHighlightedItem(items[0]);\n }\n\n if (highlightedItem && highlightedItem.current) {\n highlightedItem.current.focus();\n }\n }, [items, highlightedItem]);\n\n return (\n <DropDownContext.Provider value={contextValue}>\n <div\n className={`lexical-dropdown ${showScroll ? \"\" : \"no-scroll\"}`}\n ref={dropDownRef}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </DropDownContext.Provider>\n );\n}\n\nexport function DropDown({\n disabled = false,\n buttonLabel,\n buttonAriaLabel,\n buttonClassName,\n buttonIconClassName,\n children,\n stopCloseOnClickSelf,\n showScroll = true\n}: {\n disabled?: boolean;\n buttonAriaLabel?: string;\n buttonClassName: string;\n buttonIconClassName?: string;\n buttonLabel?: string;\n children: ReactNode;\n stopCloseOnClickSelf?: boolean;\n showScroll?: boolean;\n}): JSX.Element {\n const dropDownRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n // Used to prevent flickering of the dropdown while calculating the dropdown position.\n const [positionIsCalculated, setPositionIsCalculated] = useState(false);\n const [showDropDown, setShowDropDown] = useState(false);\n\n const handleClose = () => {\n setPositionIsCalculated(false);\n setShowDropDown(false);\n if (buttonRef && buttonRef.current) {\n buttonRef.current.focus();\n }\n };\n\n useEffect(() => {\n const button = buttonRef.current;\n const dropDown = dropDownRef.current;\n\n if (showDropDown && button && dropDown) {\n dropDown.style.top = \"44px\";\n dropDown.style.left = `${button.offsetLeft}px`;\n setPositionIsCalculated(true);\n }\n }, [dropDownRef, buttonRef, showDropDown]);\n\n useEffect(() => {\n const button = buttonRef.current;\n if (button && showDropDown) {\n const handle = (event: MouseEvent) => {\n const target = event.target;\n if (stopCloseOnClickSelf) {\n if (dropDownRef.current && dropDownRef.current.contains(target as Node)) {\n return;\n }\n }\n\n if (!button.contains(target as Node)) {\n setShowDropDown(false);\n }\n };\n document.addEventListener(\"click\", handle);\n return () => {\n document.removeEventListener(\"click\", handle);\n };\n }\n return;\n }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);\n\n const displayContainer = useMemo(() => {\n // To prevent blinking, we show the container only when the dropdown position is calculated.\n // Without this, window would be visible first on left (0px), and after a millisecond on the right side.\n return positionIsCalculated ? { display: \"block\" } : { display: \"none\" };\n }, [positionIsCalculated]);\n\n return (\n <>\n <button\n style={{ position: \"relative\" }}\n disabled={disabled}\n aria-label={buttonAriaLabel \|\| buttonLabel}\n className={buttonClassName}\n onClick={() => setShowDropDown(!showDropDown)}\n ref={buttonRef}\n >\n {buttonIconClassName && <span className={buttonIconClassName} />}\n {buttonLabel && <span className=\"text dropdown-button-text\">{buttonLabel}</span>}\n <i className=\"chevron-down\" />\n </button>\n {showDropDown && (\n <div className={\"lexical-dropdown-container\"} style={displayContainer}>\n <DropDownItems\n showScroll={showScroll}\n dropDownRef={dropDownRef}\n onClose={handleClose}\n >\n {children}\n </DropDownItems>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","React","DropDownContext","createContext","DropDownItem","_ref","children","className","onClick","title","ref","useRef","dropDownContext","useContext","Error","registerItem","useEffect","current","createElement","type","DropDownItems","_ref2","dropDownRef","_ref2$showScroll","showScroll","onClose","_useState","useState","_useState2","_slicedToArray2","default","items","setItems","_useState3","_useState4","highlightedItem","setHighlightedItem","useCallback","itemRef","prev","concat","_toConsumableArray2","handleKeyDown","event","key","includes","preventDefault","index","indexOf","length","contextValue","useMemo","focus","Provider","value","onKeyDown","DropDown","_ref3","_ref3$disabled","disabled","buttonLabel","buttonAriaLabel","buttonClassName","buttonIconClassName","stopCloseOnClickSelf","_ref3$showScroll","buttonRef","_useState5","_useState6","positionIsCalculated","setPositionIsCalculated","_useState7","_useState8","showDropDown","setShowDropDown","handleClose","button","dropDown","style","top","left","offsetLeft","handle","target","contains","document","addEventListener","removeEventListener","displayContainer","display","Fragment","position"],"sources":["DropDown.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport * as React from \"react\";\n\ntype DropDownContextType = {\n registerItem: (ref: React.RefObject<HTMLButtonElement>) => void;\n};\n\nconst DropDownContext = React.createContext<DropDownContextType \| null>(null);\n\nexport function DropDownItem({\n children,\n className,\n onClick,\n title\n}: {\n children: React.ReactNode;\n className: string;\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n title?: string;\n}) {\n const ref = useRef<HTMLButtonElement>(null);\n\n const dropDownContext = React.useContext(DropDownContext);\n\n if (dropDownContext === null) {\n throw new Error(\"DropDownItem must be used within a DropDown\");\n }\n\n const { registerItem } = dropDownContext;\n\n useEffect(() => {\n if (ref && ref.current) {\n registerItem(ref);\n }\n }, [ref, registerItem]);\n\n return (\n <button className={className} onClick={onClick} ref={ref} title={title} type=\"button\">\n {children}\n </button>\n );\n}\n\nfunction DropDownItems({\n children,\n dropDownRef,\n showScroll = true,\n onClose\n}: {\n children: React.ReactNode;\n dropDownRef?: React.Ref<HTMLDivElement>;\n showScroll?: boolean;\n onClose: () => void;\n}) {\n const [items, setItems] = useState<React.RefObject<HTMLButtonElement>[]>();\n const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>();\n\n const registerItem = useCallback(\n (itemRef: React.RefObject<HTMLButtonElement>) => {\n setItems(prev => (prev ? [...prev, itemRef] : [itemRef]));\n },\n [setItems]\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!items) {\n return;\n }\n\n const key = event.key;\n\n if ([\"Escape\", \"ArrowUp\", \"ArrowDown\", \"Tab\"].includes(key)) {\n event.preventDefault();\n }\n\n if (key === \"Escape\" \|\| key === \"Tab\") {\n onClose();\n } else if (key === \"ArrowUp\") {\n setHighlightedItem(prev => {\n if (!prev) {\n return items[0];\n }\n const index = items.indexOf(prev) - 1;\n return items[index === -1 ? items.length - 1 : index];\n });\n } else if (key === \"ArrowDown\") {\n setHighlightedItem(prev => {\n if (!prev) {\n return items[0];\n }\n return items[items.indexOf(prev) + 1];\n });\n }\n };\n\n const contextValue = useMemo(\n () => ({\n registerItem\n }),\n [registerItem]\n );\n\n useEffect(() => {\n if (items && !highlightedItem) {\n setHighlightedItem(items[0]);\n }\n\n if (highlightedItem && highlightedItem.current) {\n highlightedItem.current.focus();\n }\n }, [items, highlightedItem]);\n\n return (\n <DropDownContext.Provider value={contextValue}>\n <div\n className={`lexical-dropdown ${showScroll ? \"\" : \"no-scroll\"}`}\n ref={dropDownRef}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </DropDownContext.Provider>\n );\n}\n\nexport function DropDown({\n disabled = false,\n buttonLabel,\n buttonAriaLabel,\n buttonClassName,\n buttonIconClassName,\n children,\n stopCloseOnClickSelf,\n showScroll = true\n}: {\n disabled?: boolean;\n buttonAriaLabel?: string;\n buttonClassName: string;\n buttonIconClassName?: string;\n buttonLabel?: string;\n children: ReactNode;\n stopCloseOnClickSelf?: boolean;\n showScroll?: boolean;\n}): JSX.Element {\n const dropDownRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n // Used to prevent flickering of the dropdown while calculating the dropdown position.\n const [positionIsCalculated, setPositionIsCalculated] = useState(false);\n const [showDropDown, setShowDropDown] = useState(false);\n\n const handleClose = () => {\n setPositionIsCalculated(false);\n setShowDropDown(false);\n if (buttonRef && buttonRef.current) {\n buttonRef.current.focus();\n }\n };\n\n useEffect(() => {\n const button = buttonRef.current;\n const dropDown = dropDownRef.current;\n\n if (showDropDown && button && dropDown) {\n dropDown.style.top = \"44px\";\n dropDown.style.left = `${button.offsetLeft}px`;\n setPositionIsCalculated(true);\n }\n }, [dropDownRef, buttonRef, showDropDown]);\n\n useEffect(() => {\n const button = buttonRef.current;\n if (button && showDropDown) {\n const handle = (event: MouseEvent) => {\n const target = event.target;\n if (stopCloseOnClickSelf) {\n if (dropDownRef.current && dropDownRef.current.contains(target as Node)) {\n return;\n }\n }\n\n if (!button.contains(target as Node)) {\n setShowDropDown(false);\n }\n };\n document.addEventListener(\"click\", handle);\n return () => {\n document.removeEventListener(\"click\", handle);\n };\n }\n return;\n }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);\n\n const displayContainer = useMemo(() => {\n // To prevent blinking, we show the container only when the dropdown position is calculated.\n // Without this, window would be visible first on left (0px), and after a millisecond on the right side.\n return positionIsCalculated ? { display: \"block\" } : { display: \"none\" };\n }, [positionIsCalculated]);\n\n return (\n <>\n <button\n style={{ position: \"relative\" }}\n disabled={disabled}\n aria-label={buttonAriaLabel \|\| buttonLabel}\n className={buttonClassName}\n onClick={() => setShowDropDown(!showDropDown)}\n ref={buttonRef}\n >\n {buttonIconClassName && <span className={buttonIconClassName} />}\n {buttonLabel && <span className=\"text dropdown-button-text\">{buttonLabel}</span>}\n <i className=\"chevron-down\" />\n </button>\n {showDropDown && (\n <div className={\"lexical-dropdown-container\"} style={displayContainer}>\n <DropDownItems\n showScroll={showScroll}\n dropDownRef={dropDownRef}\n onClose={handleClose}\n >\n {children}\n </DropDownItems>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/ImageResizer.js CHANGED Viewed

@@ -88,14 +88,14 @@ function ImageResizer(_ref) {
     var controlWrapper = controlWrapperRef.current;
     if (image !== null && controlWrapper !== null) {
       var _image$getBoundingCli = image.getBoundingClientRect(),
-        _width = _image$getBoundingCli.width,
-        _height = _image$getBoundingCli.height;
+        width = _image$getBoundingCli.width,
+        height = _image$getBoundingCli.height;
       var positioning = positioningRef.current;
-      positioning.startWidth = _width;
-      positioning.startHeight = _height;
-      positioning.ratio = _width / _height;
-      positioning.currentWidth = _width;
-      positioning.currentHeight = _height;
+      positioning.startWidth = width;
+      positioning.startHeight = height;
+      positioning.ratio = width / height;
+      positioning.currentWidth = width;
+      positioning.currentHeight = height;
       positioning.startX = event.clientX;
       positioning.startY = event.clientY;
       positioning.isResizing = true;
@@ -103,10 +103,10 @@ function ImageResizer(_ref) {
       setStartCursor(direction);
       onResizeStart();
       controlWrapper.classList.add("image-control-wrapper--resizing");
-      image.style.height = "".concat(_height, "px");
-      image.style.width = "".concat(_width, "px");
+      image.style.height = "".concat(height, "px");
+      image.style.width = "".concat(width, "px");
       document.addEventListener("pointermove", handlePointerMove);
-      document.addEventListener("pointerup", handlePointerUp);
+      document.addEventListener("pointerup", _handlePointerUp);
     }
   };
   var handlePointerMove = function handlePointerMove(event) {
@@ -119,34 +119,34 @@ function ImageResizer(_ref) {
       if (isHorizontal && isVertical) {
         var diff = Math.floor(positioning.startX - event.clientX);
         diff = positioning.direction & Direction.east ? -diff : diff;
-        var _width2 = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);
-        var _height2 = _width2 / positioning.ratio;
-        image.style.width = "".concat(_width2, "px");
-        image.style.height = "".concat(_height2, "px");
-        positioning.currentHeight = _height2;
-        positioning.currentWidth = _width2;
+        var width = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);
+        var height = width / positioning.ratio;
+        image.style.width = "".concat(width, "px");
+        image.style.height = "".concat(height, "px");
+        positioning.currentHeight = height;
+        positioning.currentWidth = width;
       } else if (isVertical) {
         var _diff = Math.floor(positioning.startY - event.clientY);
         _diff = positioning.direction & Direction.south ? -_diff : _diff;
-        var _height3 = clamp(positioning.startHeight + _diff, minHeight, maxHeightContainer);
-        image.style.height = "".concat(_height3, "px");
-        positioning.currentHeight = _height3;
+        var _height = clamp(positioning.startHeight + _diff, minHeight, maxHeightContainer);
+        image.style.height = "".concat(_height, "px");
+        positioning.currentHeight = _height;
       } else {
         var _diff2 = Math.floor(positioning.startX - event.clientX);
         _diff2 = positioning.direction & Direction.east ? -_diff2 : _diff2;
-        var _width3 = clamp(positioning.startWidth + _diff2, minWidth, maxWidthContainer);
-        image.style.width = "".concat(_width3, "px");
-        positioning.currentWidth = _width3;
+        var _width = clamp(positioning.startWidth + _diff2, minWidth, maxWidthContainer);
+        image.style.width = "".concat(_width, "px");
+        positioning.currentWidth = _width;
       }
     }
   };
-  var handlePointerUp = function handlePointerUp() {
+  var _handlePointerUp = function handlePointerUp() {
     var image = imageRef.current;
     var positioning = positioningRef.current;
     var controlWrapper = controlWrapperRef.current;
     if (image !== null && controlWrapper !== null && positioning.isResizing) {
-      var _width4 = positioning.currentWidth;
-      var _height4 = positioning.currentHeight;
+      var width = positioning.currentWidth;
+      var height = positioning.currentHeight;
       positioning.startWidth = 0;
       positioning.startHeight = 0;
       positioning.ratio = 0;
@@ -157,9 +157,9 @@ function ImageResizer(_ref) {
       positioning.isResizing = false;
       controlWrapper.classList.remove("image-control-wrapper--resizing");
       setEndCursor();
-      onResizeEnd(_width4, _height4);
+      onResizeEnd(width, height);
       document.removeEventListener("pointermove", handlePointerMove);
-      document.removeEventListener("pointerup", handlePointerUp);
+      document.removeEventListener("pointerup", _handlePointerUp);
     }
   };
   return /*#__PURE__*/React.createElement("div", {

package/ui/ImageResizer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","React","clamp","value","min","max","Math","Direction","east","north","south","west","ImageResizer","_ref","onResizeStart","onResizeEnd","buttonRef","imageRef","maxWidth","editor","showCaption","setShowCaption","captionsEnabled","controlWrapperRef","useRef","userSelect","priority","positioningRef","currentHeight","currentWidth","direction","isResizing","ratio","startHeight","startWidth","startX","startY","editorRootElement","getRootElement","maxWidthContainer","getBoundingClientRect","width","maxHeightContainer","height","minWidth","minHeight","setStartCursor","ew","ns","nwse","cursorDir","style","setProperty","concat","document","body","current","getPropertyValue","getPropertyPriority","setEndCursor","handlePointerDown","event","isEditable","image","controlWrapper","_image$getBoundingCli","positioning","clientX","clientY","classList","add","addEventListener","handlePointerMove","handlePointerUp","isHorizontal","isVertical","diff","floor","remove","removeEventListener","createElement","ref","className","onClick","onPointerDown"],"sources":["ImageResizer.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport type { LexicalEditor } from \"lexical\";\n\nimport * as React from \"react\";\nimport { useRef } from \"react\";\n\nfunction clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max);\n}\n\nconst Direction = {\n east: 1 << 0,\n north: 1 << 3,\n south: 1 << 1,\n west: 1 << 2\n};\n\nexport function ImageResizer({\n onResizeStart,\n onResizeEnd,\n buttonRef,\n imageRef,\n maxWidth,\n editor,\n showCaption,\n setShowCaption,\n captionsEnabled\n}: {\n editor: LexicalEditor;\n buttonRef: { current: null \| HTMLButtonElement };\n imageRef: { current: null \| HTMLElement };\n maxWidth?: number;\n onResizeEnd: (width: \"inherit\" \| number, height: \"inherit\" \| number) => void;\n onResizeStart: () => void;\n setShowCaption: (show: boolean) => void;\n showCaption: boolean;\n captionsEnabled: boolean;\n}): JSX.Element {\n const controlWrapperRef = useRef<HTMLDivElement>(null);\n const userSelect = useRef({\n priority: \"\",\n value: \"default\"\n });\n const positioningRef = useRef<{\n currentHeight: \"inherit\" \| number;\n currentWidth: \"inherit\" \| number;\n direction: number;\n isResizing: boolean;\n ratio: number;\n startHeight: number;\n startWidth: number;\n startX: number;\n startY: number;\n }>({\n currentHeight: 0,\n currentWidth: 0,\n direction: 0,\n isResizing: false,\n ratio: 0,\n startHeight: 0,\n startWidth: 0,\n startX: 0,\n startY: 0\n });\n const editorRootElement = editor.getRootElement();\n // Find max width, accounting for editor padding.\n const maxWidthContainer = maxWidth\n ? maxWidth\n : editorRootElement !== null\n ? editorRootElement.getBoundingClientRect().width - 20\n : 100;\n const maxHeightContainer =\n editorRootElement !== null ? editorRootElement.getBoundingClientRect().height - 20 : 100;\n\n const minWidth = 100;\n const minHeight = 100;\n\n const setStartCursor = (direction: number) => {\n const ew = direction === Direction.east \|\| direction === Direction.west;\n const ns = direction === Direction.north \|\| direction === Direction.south;\n const nwse =\n (direction & Direction.north && direction & Direction.west) \|\|\n (direction & Direction.south && direction & Direction.east);\n\n const cursorDir = ew ? \"ew\" : ns ? \"ns\" : nwse ? \"nwse\" : \"nesw\";\n\n if (editorRootElement !== null) {\n editorRootElement.style.setProperty(\"cursor\", `${cursorDir}-resize`, \"important\");\n }\n if (document.body !== null) {\n document.body.style.setProperty(\"cursor\", `${cursorDir}-resize`, \"important\");\n userSelect.current.value = document.body.style.getPropertyValue(\"-webkit-user-select\");\n userSelect.current.priority =\n document.body.style.getPropertyPriority(\"-webkit-user-select\");\n document.body.style.setProperty(\"-webkit-user-select\", `none`, \"important\");\n }\n };\n\n const setEndCursor = () => {\n if (editorRootElement !== null) {\n editorRootElement.style.setProperty(\"cursor\", \"text\");\n }\n if (document.body !== null) {\n document.body.style.setProperty(\"cursor\", \"default\");\n document.body.style.setProperty(\n \"-webkit-user-select\",\n userSelect.current.value,\n userSelect.current.priority\n );\n }\n };\n\n const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>, direction: number) => {\n if (!editor.isEditable()) {\n return;\n }\n\n const image = imageRef.current;\n const controlWrapper = controlWrapperRef.current;\n\n if (image !== null && controlWrapper !== null) {\n const { width, height } = image.getBoundingClientRect();\n const positioning = positioningRef.current;\n positioning.startWidth = width;\n positioning.startHeight = height;\n positioning.ratio = width / height;\n positioning.currentWidth = width;\n positioning.currentHeight = height;\n positioning.startX = event.clientX;\n positioning.startY = event.clientY;\n positioning.isResizing = true;\n positioning.direction = direction;\n\n setStartCursor(direction);\n onResizeStart();\n\n controlWrapper.classList.add(\"image-control-wrapper--resizing\");\n image.style.height = `${height}px`;\n image.style.width = `${width}px`;\n\n document.addEventListener(\"pointermove\", handlePointerMove);\n document.addEventListener(\"pointerup\", handlePointerUp);\n }\n };\n const handlePointerMove = (event: PointerEvent) => {\n const image = imageRef.current;\n const positioning = positioningRef.current;\n\n const isHorizontal = positioning.direction & (Direction.east \| Direction.west);\n const isVertical = positioning.direction & (Direction.south \| Direction.north);\n\n if (image !== null && positioning.isResizing) {\n // Corner cursor\n if (isHorizontal && isVertical) {\n let diff = Math.floor(positioning.startX - event.clientX);\n diff = positioning.direction & Direction.east ? -diff : diff;\n\n const width = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);\n\n const height = width / positioning.ratio;\n image.style.width = `${width}px`;\n image.style.height = `${height}px`;\n positioning.currentHeight = height;\n positioning.currentWidth = width;\n } else if (isVertical) {\n let diff = Math.floor(positioning.startY - event.clientY);\n diff = positioning.direction & Direction.south ? -diff : diff;\n\n const height = clamp(positioning.startHeight + diff, minHeight, maxHeightContainer);\n\n image.style.height = `${height}px`;\n positioning.currentHeight = height;\n } else {\n let diff = Math.floor(positioning.startX - event.clientX);\n diff = positioning.direction & Direction.east ? -diff : diff;\n\n const width = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);\n\n image.style.width = `${width}px`;\n positioning.currentWidth = width;\n }\n }\n };\n const handlePointerUp = () => {\n const image = imageRef.current;\n const positioning = positioningRef.current;\n const controlWrapper = controlWrapperRef.current;\n if (image !== null && controlWrapper !== null && positioning.isResizing) {\n const width = positioning.currentWidth;\n const height = positioning.currentHeight;\n positioning.startWidth = 0;\n positioning.startHeight = 0;\n positioning.ratio = 0;\n positioning.startX = 0;\n positioning.startY = 0;\n positioning.currentWidth = 0;\n positioning.currentHeight = 0;\n positioning.isResizing = false;\n\n controlWrapper.classList.remove(\"image-control-wrapper--resizing\");\n\n setEndCursor();\n onResizeEnd(width, height);\n\n document.removeEventListener(\"pointermove\", handlePointerMove);\n document.removeEventListener(\"pointerup\", handlePointerUp);\n }\n };\n return (\n <div ref={controlWrapperRef}>\n {!showCaption && captionsEnabled && (\n <button\n className=\"image-caption-button\"\n ref={buttonRef}\n onClick={() => {\n setShowCaption(!showCaption);\n }}\n >\n Add Caption\n </button>\n )}\n <div\n className=\"image-resizer image-resizer-n\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north);\n }}\n />\n <div\n className=\"image-resizer image-resizer-ne\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north \| Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-e\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-se\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south \| Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-s\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south);\n }}\n />\n <div\n className=\"image-resizer image-resizer-sw\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south \| Direction.west);\n }}\n />\n <div\n className=\"image-resizer image-resizer-w\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.west);\n }}\n />\n <div\n className=\"image-resizer image-resizer-nw\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north \| Direction.west);\n }}\n />\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","React","clamp","value","min","max","Math","Direction","east","north","south","west","ImageResizer","_ref","onResizeStart","onResizeEnd","buttonRef","imageRef","maxWidth","editor","showCaption","setShowCaption","captionsEnabled","controlWrapperRef","useRef","userSelect","priority","positioningRef","currentHeight","currentWidth","direction","isResizing","ratio","startHeight","startWidth","startX","startY","editorRootElement","getRootElement","maxWidthContainer","getBoundingClientRect","width","maxHeightContainer","height","minWidth","minHeight","setStartCursor","ew","ns","nwse","cursorDir","style","setProperty","concat","document","body","current","getPropertyValue","getPropertyPriority","setEndCursor","handlePointerDown","event","isEditable","image","controlWrapper","_image$getBoundingCli","positioning","clientX","clientY","classList","add","addEventListener","handlePointerMove","handlePointerUp","isHorizontal","isVertical","diff","floor","remove","removeEventListener","createElement","ref","className","onClick","onPointerDown"],"sources":["ImageResizer.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport type { LexicalEditor } from \"lexical\";\n\nimport * as React from \"react\";\nimport { useRef } from \"react\";\n\nfunction clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max);\n}\n\nconst Direction = {\n east: 1 << 0,\n north: 1 << 3,\n south: 1 << 1,\n west: 1 << 2\n};\n\nexport function ImageResizer({\n onResizeStart,\n onResizeEnd,\n buttonRef,\n imageRef,\n maxWidth,\n editor,\n showCaption,\n setShowCaption,\n captionsEnabled\n}: {\n editor: LexicalEditor;\n buttonRef: { current: null \| HTMLButtonElement };\n imageRef: { current: null \| HTMLElement };\n maxWidth?: number;\n onResizeEnd: (width: \"inherit\" \| number, height: \"inherit\" \| number) => void;\n onResizeStart: () => void;\n setShowCaption: (show: boolean) => void;\n showCaption: boolean;\n captionsEnabled: boolean;\n}): JSX.Element {\n const controlWrapperRef = useRef<HTMLDivElement>(null);\n const userSelect = useRef({\n priority: \"\",\n value: \"default\"\n });\n const positioningRef = useRef<{\n currentHeight: \"inherit\" \| number;\n currentWidth: \"inherit\" \| number;\n direction: number;\n isResizing: boolean;\n ratio: number;\n startHeight: number;\n startWidth: number;\n startX: number;\n startY: number;\n }>({\n currentHeight: 0,\n currentWidth: 0,\n direction: 0,\n isResizing: false,\n ratio: 0,\n startHeight: 0,\n startWidth: 0,\n startX: 0,\n startY: 0\n });\n const editorRootElement = editor.getRootElement();\n // Find max width, accounting for editor padding.\n const maxWidthContainer = maxWidth\n ? maxWidth\n : editorRootElement !== null\n ? editorRootElement.getBoundingClientRect().width - 20\n : 100;\n const maxHeightContainer =\n editorRootElement !== null ? editorRootElement.getBoundingClientRect().height - 20 : 100;\n\n const minWidth = 100;\n const minHeight = 100;\n\n const setStartCursor = (direction: number) => {\n const ew = direction === Direction.east \|\| direction === Direction.west;\n const ns = direction === Direction.north \|\| direction === Direction.south;\n const nwse =\n (direction & Direction.north && direction & Direction.west) \|\|\n (direction & Direction.south && direction & Direction.east);\n\n const cursorDir = ew ? \"ew\" : ns ? \"ns\" : nwse ? \"nwse\" : \"nesw\";\n\n if (editorRootElement !== null) {\n editorRootElement.style.setProperty(\"cursor\", `${cursorDir}-resize`, \"important\");\n }\n if (document.body !== null) {\n document.body.style.setProperty(\"cursor\", `${cursorDir}-resize`, \"important\");\n userSelect.current.value = document.body.style.getPropertyValue(\"-webkit-user-select\");\n userSelect.current.priority =\n document.body.style.getPropertyPriority(\"-webkit-user-select\");\n document.body.style.setProperty(\"-webkit-user-select\", `none`, \"important\");\n }\n };\n\n const setEndCursor = () => {\n if (editorRootElement !== null) {\n editorRootElement.style.setProperty(\"cursor\", \"text\");\n }\n if (document.body !== null) {\n document.body.style.setProperty(\"cursor\", \"default\");\n document.body.style.setProperty(\n \"-webkit-user-select\",\n userSelect.current.value,\n userSelect.current.priority\n );\n }\n };\n\n const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>, direction: number) => {\n if (!editor.isEditable()) {\n return;\n }\n\n const image = imageRef.current;\n const controlWrapper = controlWrapperRef.current;\n\n if (image !== null && controlWrapper !== null) {\n const { width, height } = image.getBoundingClientRect();\n const positioning = positioningRef.current;\n positioning.startWidth = width;\n positioning.startHeight = height;\n positioning.ratio = width / height;\n positioning.currentWidth = width;\n positioning.currentHeight = height;\n positioning.startX = event.clientX;\n positioning.startY = event.clientY;\n positioning.isResizing = true;\n positioning.direction = direction;\n\n setStartCursor(direction);\n onResizeStart();\n\n controlWrapper.classList.add(\"image-control-wrapper--resizing\");\n image.style.height = `${height}px`;\n image.style.width = `${width}px`;\n\n document.addEventListener(\"pointermove\", handlePointerMove);\n document.addEventListener(\"pointerup\", handlePointerUp);\n }\n };\n const handlePointerMove = (event: PointerEvent) => {\n const image = imageRef.current;\n const positioning = positioningRef.current;\n\n const isHorizontal = positioning.direction & (Direction.east \| Direction.west);\n const isVertical = positioning.direction & (Direction.south \| Direction.north);\n\n if (image !== null && positioning.isResizing) {\n // Corner cursor\n if (isHorizontal && isVertical) {\n let diff = Math.floor(positioning.startX - event.clientX);\n diff = positioning.direction & Direction.east ? -diff : diff;\n\n const width = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);\n\n const height = width / positioning.ratio;\n image.style.width = `${width}px`;\n image.style.height = `${height}px`;\n positioning.currentHeight = height;\n positioning.currentWidth = width;\n } else if (isVertical) {\n let diff = Math.floor(positioning.startY - event.clientY);\n diff = positioning.direction & Direction.south ? -diff : diff;\n\n const height = clamp(positioning.startHeight + diff, minHeight, maxHeightContainer);\n\n image.style.height = `${height}px`;\n positioning.currentHeight = height;\n } else {\n let diff = Math.floor(positioning.startX - event.clientX);\n diff = positioning.direction & Direction.east ? -diff : diff;\n\n const width = clamp(positioning.startWidth + diff, minWidth, maxWidthContainer);\n\n image.style.width = `${width}px`;\n positioning.currentWidth = width;\n }\n }\n };\n const handlePointerUp = () => {\n const image = imageRef.current;\n const positioning = positioningRef.current;\n const controlWrapper = controlWrapperRef.current;\n if (image !== null && controlWrapper !== null && positioning.isResizing) {\n const width = positioning.currentWidth;\n const height = positioning.currentHeight;\n positioning.startWidth = 0;\n positioning.startHeight = 0;\n positioning.ratio = 0;\n positioning.startX = 0;\n positioning.startY = 0;\n positioning.currentWidth = 0;\n positioning.currentHeight = 0;\n positioning.isResizing = false;\n\n controlWrapper.classList.remove(\"image-control-wrapper--resizing\");\n\n setEndCursor();\n onResizeEnd(width, height);\n\n document.removeEventListener(\"pointermove\", handlePointerMove);\n document.removeEventListener(\"pointerup\", handlePointerUp);\n }\n };\n return (\n <div ref={controlWrapperRef}>\n {!showCaption && captionsEnabled && (\n <button\n className=\"image-caption-button\"\n ref={buttonRef}\n onClick={() => {\n setShowCaption(!showCaption);\n }}\n >\n Add Caption\n </button>\n )}\n <div\n className=\"image-resizer image-resizer-n\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north);\n }}\n />\n <div\n className=\"image-resizer image-resizer-ne\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north \| Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-e\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-se\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south \| Direction.east);\n }}\n />\n <div\n className=\"image-resizer image-resizer-s\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south);\n }}\n />\n <div\n className=\"image-resizer image-resizer-sw\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.south \| Direction.west);\n }}\n />\n <div\n className=\"image-resizer image-resizer-w\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.west);\n }}\n />\n <div\n className=\"image-resizer image-resizer-nw\"\n onPointerDown={event => {\n handlePointerDown(event, Direction.north \| Direction.west);\n }}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;AAUA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,IAAAC,KAAA,GAAAH,MAAA;AAV/B;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,SAASI,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAE;EACpD,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC9C;AAEA,IAAME,SAAS,GAAG;EACdC,IAAI,EAAE,CAAC,IAAI,CAAC;EACZC,KAAK,EAAE,CAAC,IAAI,CAAC;EACbC,KAAK,EAAE,CAAC,IAAI,CAAC;EACbC,IAAI,EAAE,CAAC,IAAI;AACf,CAAC;AAEM,SAASC,YAAYA,CAAAC,IAAA,EAoBZ;EAAA,IAnBZC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,eAAe,GAAAT,IAAA,CAAfS,eAAe;EAYf,IAAMC,iBAAiB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EACtD,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAAC;IACtBE,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAE;EACX,CAAC,CAAC;EACF,IAAMwB,cAAc,GAAG,IAAAH,aAAM,EAU1B;IACCI,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE,CAAC;IACRC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACZ,CAAC,CAAC;EACF,IAAMC,iBAAiB,GAAGlB,MAAM,CAACmB,cAAc,CAAC,CAAC;EACjD;EACA,IAAMC,iBAAiB,GAAGrB,QAAQ,GAC5BA,QAAQ,GACRmB,iBAAiB,KAAK,IAAI,GAC1BA,iBAAiB,CAACG,qBAAqB,CAAC,CAAC,CAACC,KAAK,GAAG,EAAE,GACpD,GAAG;EACT,IAAMC,kBAAkB,GACpBL,iBAAiB,KAAK,IAAI,GAAGA,iBAAiB,CAACG,qBAAqB,CAAC,CAAC,CAACG,MAAM,GAAG,EAAE,GAAG,GAAG;EAE5F,IAAMC,QAAQ,GAAG,GAAG;EACpB,IAAMC,SAAS,GAAG,GAAG;EAErB,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIhB,SAAiB,EAAK;IAC1C,IAAMiB,EAAE,GAAGjB,SAAS,KAAKvB,SAAS,CAACC,IAAI,IAAIsB,SAAS,KAAKvB,SAAS,CAACI,IAAI;IACvE,IAAMqC,EAAE,GAAGlB,SAAS,KAAKvB,SAAS,CAACE,KAAK,IAAIqB,SAAS,KAAKvB,SAAS,CAACG,KAAK;IACzE,IAAMuC,IAAI,GACLnB,SAAS,GAAGvB,SAAS,CAACE,KAAK,IAAIqB,SAAS,GAAGvB,SAAS,CAACI,IAAI,IACzDmB,SAAS,GAAGvB,SAAS,CAACG,KAAK,IAAIoB,SAAS,GAAGvB,SAAS,CAACC,IAAK;IAE/D,IAAM0C,SAAS,GAAGH,EAAE,GAAG,IAAI,GAAGC,EAAE,GAAG,IAAI,GAAGC,IAAI,GAAG,MAAM,GAAG,MAAM;IAEhE,IAAIZ,iBAAiB,KAAK,IAAI,EAAE;MAC5BA,iBAAiB,CAACc,KAAK,CAACC,WAAW,CAAC,QAAQ,KAAAC,MAAA,CAAKH,SAAS,cAAW,WAAW,CAAC;IACrF;IACA,IAAII,QAAQ,CAACC,IAAI,KAAK,IAAI,EAAE;MACxBD,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACC,WAAW,CAAC,QAAQ,KAAAC,MAAA,CAAKH,SAAS,cAAW,WAAW,CAAC;MAC7EzB,UAAU,CAAC+B,OAAO,CAACrD,KAAK,GAAGmD,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACM,gBAAgB,CAAC,qBAAqB,CAAC;MACtFhC,UAAU,CAAC+B,OAAO,CAAC9B,QAAQ,GACvB4B,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACO,mBAAmB,CAAC,qBAAqB,CAAC;MAClEJ,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACC,WAAW,CAAC,qBAAqB,UAAU,WAAW,CAAC;IAC/E;EACJ,CAAC;EAED,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvB,IAAItB,iBAAiB,KAAK,IAAI,EAAE;MAC5BA,iBAAiB,CAACc,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC;IACzD;IACA,IAAIE,QAAQ,CAACC,IAAI,KAAK,IAAI,EAAE;MACxBD,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;MACpDE,QAAQ,CAACC,IAAI,CAACJ,KAAK,CAACC,WAAW,CAC3B,qBAAqB,EACrB3B,UAAU,CAAC+B,OAAO,CAACrD,KAAK,EACxBsB,UAAU,CAAC+B,OAAO,CAAC9B,QACvB,CAAC;IACL;EACJ,CAAC;EAED,IAAMkC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAyC,EAAE/B,SAAiB,EAAK;IACxF,IAAI,CAACX,MAAM,CAAC2C,UAAU,CAAC,CAAC,EAAE;MACtB;IACJ;IAEA,IAAMC,KAAK,GAAG9C,QAAQ,CAACuC,OAAO;IAC9B,IAAMQ,cAAc,GAAGzC,iBAAiB,CAACiC,OAAO;IAEhD,IAAIO,KAAK,KAAK,IAAI,IAAIC,cAAc,KAAK,IAAI,EAAE;MAC3C,IAAAC,qBAAA,GAA0BF,KAAK,CAACvB,qBAAqB,CAAC,CAAC;QAA/CC,KAAK,GAAAwB,qBAAA,CAALxB,KAAK;QAAEE,MAAM,GAAAsB,qBAAA,CAANtB,MAAM;MACrB,IAAMuB,WAAW,GAAGvC,cAAc,CAAC6B,OAAO;MAC1CU,WAAW,CAAChC,UAAU,GAAGO,KAAK;MAC9ByB,WAAW,CAACjC,WAAW,GAAGU,MAAM;MAChCuB,WAAW,CAAClC,KAAK,GAAGS,KAAK,GAAGE,MAAM;MAClCuB,WAAW,CAACrC,YAAY,GAAGY,KAAK;MAChCyB,WAAW,CAACtC,aAAa,GAAGe,MAAM;MAClCuB,WAAW,CAAC/B,MAAM,GAAG0B,KAAK,CAACM,OAAO;MAClCD,WAAW,CAAC9B,MAAM,GAAGyB,KAAK,CAACO,OAAO;MAClCF,WAAW,CAACnC,UAAU,GAAG,IAAI;MAC7BmC,WAAW,CAACpC,SAAS,GAAGA,SAAS;MAEjCgB,cAAc,CAAChB,SAAS,CAAC;MACzBhB,aAAa,CAAC,CAAC;MAEfkD,cAAc,CAACK,SAAS,CAACC,GAAG,CAAC,iCAAiC,CAAC;MAC/DP,KAAK,CAACZ,KAAK,CAACR,MAAM,MAAAU,MAAA,CAAMV,MAAM,OAAI;MAClCoB,KAAK,CAACZ,KAAK,CAACV,KAAK,MAAAY,MAAA,CAAMZ,KAAK,OAAI;MAEhCa,QAAQ,CAACiB,gBAAgB,CAAC,aAAa,EAAEC,iBAAiB,CAAC;MAC3DlB,QAAQ,CAACiB,gBAAgB,CAAC,WAAW,EAAEE,gBAAe,CAAC;IAC3D;EACJ,CAAC;EACD,IAAMD,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIX,KAAmB,EAAK;IAC/C,IAAME,KAAK,GAAG9C,QAAQ,CAACuC,OAAO;IAC9B,IAAMU,WAAW,GAAGvC,cAAc,CAAC6B,OAAO;IAE1C,IAAMkB,YAAY,GAAGR,WAAW,CAACpC,SAAS,IAAIvB,SAAS,CAACC,IAAI,GAAGD,SAAS,CAACI,IAAI,CAAC;IAC9E,IAAMgE,UAAU,GAAGT,WAAW,CAACpC,SAAS,IAAIvB,SAAS,CAACG,KAAK,GAAGH,SAAS,CAACE,KAAK,CAAC;IAE9E,IAAIsD,KAAK,KAAK,IAAI,IAAIG,WAAW,CAACnC,UAAU,EAAE;MAC1C;MACA,IAAI2C,YAAY,IAAIC,UAAU,EAAE;QAC5B,IAAIC,IAAI,GAAGtE,IAAI,CAACuE,KAAK,CAACX,WAAW,CAAC/B,MAAM,GAAG0B,KAAK,CAACM,OAAO,CAAC;QACzDS,IAAI,GAAGV,WAAW,CAACpC,SAAS,GAAGvB,SAAS,CAACC,IAAI,GAAG,CAACoE,IAAI,GAAGA,IAAI;QAE5D,IAAMnC,KAAK,GAAGvC,KAAK,CAACgE,WAAW,CAAChC,UAAU,GAAG0C,IAAI,EAAEhC,QAAQ,EAAEL,iBAAiB,CAAC;QAE/E,IAAMI,MAAM,GAAGF,KAAK,GAAGyB,WAAW,CAAClC,KAAK;QACxC+B,KAAK,CAACZ,KAAK,CAACV,KAAK,MAAAY,MAAA,CAAMZ,KAAK,OAAI;QAChCsB,KAAK,CAACZ,KAAK,CAACR,MAAM,MAAAU,MAAA,CAAMV,MAAM,OAAI;QAClCuB,WAAW,CAACtC,aAAa,GAAGe,MAAM;QAClCuB,WAAW,CAACrC,YAAY,GAAGY,KAAK;MACpC,CAAC,MAAM,IAAIkC,UAAU,EAAE;QACnB,IAAIC,KAAI,GAAGtE,IAAI,CAACuE,KAAK,CAACX,WAAW,CAAC9B,MAAM,GAAGyB,KAAK,CAACO,OAAO,CAAC;QACzDQ,KAAI,GAAGV,WAAW,CAACpC,SAAS,GAAGvB,SAAS,CAACG,KAAK,GAAG,CAACkE,KAAI,GAAGA,KAAI;QAE7D,IAAMjC,OAAM,GAAGzC,KAAK,CAACgE,WAAW,CAACjC,WAAW,GAAG2C,KAAI,EAAE/B,SAAS,EAAEH,kBAAkB,CAAC;QAEnFqB,KAAK,CAACZ,KAAK,CAACR,MAAM,MAAAU,MAAA,CAAMV,OAAM,OAAI;QAClCuB,WAAW,CAACtC,aAAa,GAAGe,OAAM;MACtC,CAAC,MAAM;QACH,IAAIiC,MAAI,GAAGtE,IAAI,CAACuE,KAAK,CAACX,WAAW,CAAC/B,MAAM,GAAG0B,KAAK,CAACM,OAAO,CAAC;QACzDS,MAAI,GAAGV,WAAW,CAACpC,SAAS,GAAGvB,SAAS,CAACC,IAAI,GAAG,CAACoE,MAAI,GAAGA,MAAI;QAE5D,IAAMnC,MAAK,GAAGvC,KAAK,CAACgE,WAAW,CAAChC,UAAU,GAAG0C,MAAI,EAAEhC,QAAQ,EAAEL,iBAAiB,CAAC;QAE/EwB,KAAK,CAACZ,KAAK,CAACV,KAAK,MAAAY,MAAA,CAAMZ,MAAK,OAAI;QAChCyB,WAAW,CAACrC,YAAY,GAAGY,MAAK;MACpC;IACJ;EACJ,CAAC;EACD,IAAMgC,gBAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC1B,IAAMV,KAAK,GAAG9C,QAAQ,CAACuC,OAAO;IAC9B,IAAMU,WAAW,GAAGvC,cAAc,CAAC6B,OAAO;IAC1C,IAAMQ,cAAc,GAAGzC,iBAAiB,CAACiC,OAAO;IAChD,IAAIO,KAAK,KAAK,IAAI,IAAIC,cAAc,KAAK,IAAI,IAAIE,WAAW,CAACnC,UAAU,EAAE;MACrE,IAAMU,KAAK,GAAGyB,WAAW,CAACrC,YAAY;MACtC,IAAMc,MAAM,GAAGuB,WAAW,CAACtC,aAAa;MACxCsC,WAAW,CAAChC,UAAU,GAAG,CAAC;MAC1BgC,WAAW,CAACjC,WAAW,GAAG,CAAC;MAC3BiC,WAAW,CAAClC,KAAK,GAAG,CAAC;MACrBkC,WAAW,CAAC/B,MAAM,GAAG,CAAC;MACtB+B,WAAW,CAAC9B,MAAM,GAAG,CAAC;MACtB8B,WAAW,CAACrC,YAAY,GAAG,CAAC;MAC5BqC,WAAW,CAACtC,aAAa,GAAG,CAAC;MAC7BsC,WAAW,CAACnC,UAAU,GAAG,KAAK;MAE9BiC,cAAc,CAACK,SAAS,CAACS,MAAM,CAAC,iCAAiC,CAAC;MAElEnB,YAAY,CAAC,CAAC;MACd5C,WAAW,CAAC0B,KAAK,EAAEE,MAAM,CAAC;MAE1BW,QAAQ,CAACyB,mBAAmB,CAAC,aAAa,EAAEP,iBAAiB,CAAC;MAC9DlB,QAAQ,CAACyB,mBAAmB,CAAC,WAAW,EAAEN,gBAAe,CAAC;IAC9D;EACJ,CAAC;EACD,oBACIxE,KAAA,CAAA+E,aAAA;IAAKC,GAAG,EAAE1D;EAAkB,GACvB,CAACH,WAAW,IAAIE,eAAe,iBAC5BrB,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,sBAAsB;IAChCD,GAAG,EAAEjE,SAAU;IACfmE,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACX9D,cAAc,CAAC,CAACD,WAAW,CAAC;IAChC;EAAE,GACL,aAEO,CACX,eACDnB,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,+BAA+B;IACzCE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACE,KAAK,CAAC;IAC7C;EAAE,CACL,CAAC,eACFR,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,gCAAgC;IAC1CE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACE,KAAK,GAAGF,SAAS,CAACC,IAAI,CAAC;IAC9D;EAAE,CACL,CAAC,eACFP,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,+BAA+B;IACzCE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACC,IAAI,CAAC;IAC5C;EAAE,CACL,CAAC,eACFP,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,gCAAgC;IAC1CE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACG,KAAK,GAAGH,SAAS,CAACC,IAAI,CAAC;IAC9D;EAAE,CACL,CAAC,eACFP,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,+BAA+B;IACzCE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACG,KAAK,CAAC;IAC7C;EAAE,CACL,CAAC,eACFT,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,gCAAgC;IAC1CE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACG,KAAK,GAAGH,SAAS,CAACI,IAAI,CAAC;IAC9D;EAAE,CACL,CAAC,eACFV,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,+BAA+B;IACzCE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACI,IAAI,CAAC;IAC5C;EAAE,CACL,CAAC,eACFV,KAAA,CAAA+E,aAAA;IACIE,SAAS,EAAC,gCAAgC;IAC1CE,aAAa,EAAE,SAAfA,aAAaA,CAAEvB,KAAK,EAAI;MACpBD,iBAAiB,CAACC,KAAK,EAAEtD,SAAS,CAACE,KAAK,GAAGF,SAAS,CAACI,IAAI,CAAC;IAC9D;EAAE,CACL,CACA,CAAC;AAEd","ignoreList":[]}

package/ui/TextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["require","React","_interopRequireWildcard","TextInput","_ref","label","value","onChange","_ref$placeholder","placeholder","dataTestId","createElement","className","type","e","target"],"sources":["TextInput.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport \"./Input.css\";\n\nimport * as React from \"react\";\n\ntype Props = Readonly<{\n \"data-test-id\"?: string;\n label: string;\n onChange: (val: string) => void;\n placeholder?: string;\n value: string;\n}>;\n\nexport default function TextInput({\n label,\n value,\n onChange,\n placeholder = \"\",\n \"data-test-id\": dataTestId\n}: Props): JSX.Element {\n return (\n <div className=\"Input__wrapper\">\n <label className=\"Input__label\">{label}</label>\n <input\n type=\"text\"\n className=\"Input__input\"\n placeholder={placeholder}\n value={value}\n onChange={e => {\n onChange(e.target.value);\n }}\n data-test-id={dataTestId}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;AAQAA,OAAA;AAEA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;;AAce,SAASG,SAASA,CAAAC,IAAA,EAMV;EAAA,IALnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,gBAAA,GAAAJ,IAAA,CACRK,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IACAE,UAAU,GAAAN,IAAA,CAA1B,cAAc;EAEd,oBACIH,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC3BX,KAAA,CAAAU,aAAA;IAAOC,SAAS,EAAC;EAAc,GAAEP,KAAa,CAAC,eAC/CJ,KAAA,CAAAU,aAAA;IACIE,IAAI,EAAC,MAAM;IACXD,SAAS,EAAC,cAAc;IACxBH,WAAW,EAAEA,WAAY;IACzBH,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAE,~~SAAAA~~,~~SAAAO~~,CAAC,EAAI;MACXP,SAAQ,CAACO,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC5B,CAAE;IACF,gBAAcI;EAAW,CAC5B,CACA,CAAC;AAEd","ignoreList":[]}
1	+ {"version":3,"names":["require","React","_interopRequireWildcard","TextInput","_ref","label","value","onChange","_ref$placeholder","placeholder","dataTestId","createElement","className","type","e","target"],"sources":["TextInput.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport \"./Input.css\";\n\nimport * as React from \"react\";\n\ntype Props = Readonly<{\n \"data-test-id\"?: string;\n label: string;\n onChange: (val: string) => void;\n placeholder?: string;\n value: string;\n}>;\n\nexport default function TextInput({\n label,\n value,\n onChange,\n placeholder = \"\",\n \"data-test-id\": dataTestId\n}: Props): JSX.Element {\n return (\n <div className=\"Input__wrapper\">\n <label className=\"Input__label\">{label}</label>\n <input\n type=\"text\"\n className=\"Input__input\"\n placeholder={placeholder}\n value={value}\n onChange={e => {\n onChange(e.target.value);\n }}\n data-test-id={dataTestId}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;AAQAA,OAAA;AAEA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;;AAce,SAASG,SAASA,CAAAC,IAAA,EAMV;EAAA,IALnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,gBAAA,GAAAJ,IAAA,CACRK,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IACAE,UAAU,GAAAN,IAAA,CAA1B,cAAc;EAEd,oBACIH,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC3BX,KAAA,CAAAU,aAAA;IAAOC,SAAS,EAAC;EAAc,GAAEP,KAAa,CAAC,eAC/CJ,KAAA,CAAAU,aAAA;IACIE,IAAI,EAAC,MAAM;IACXD,SAAS,EAAC,cAAc;IACxBH,WAAW,EAAEA,WAAY;IACzBH,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAE,SAAVA,QAAQA,CAAEO,CAAC,EAAI;MACXP,SAAQ,CAACO,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC5B,CAAE;IACF,gBAAcI;EAAW,CAC5B,CACA,CAAC;AAEd","ignoreList":[]}

package/ui/ToolbarActionDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","MenuContainer","_ref","children","menuContainerRef","onClose","handleKeyDown","event","key","includes","preventDefault","handleContainerClick","e","default","createElement","style","position","onClick","top","left","width","backgroundColor","ref","onKeyDown","ToolbarActionDialog","exports","_ref2","disabled","buttonAriaLabel","buttonClassName","buttonIconClassName","buttonLabel","menuWindowRef","useRef","_useState","useState","_useState2","_slicedToArray2","showDropDown","setShowDropDown","handleClose","current","focus","className"],"sources":["ToolbarActionDialog.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nfunction MenuContainer({\n children,\n menuContainerRef,\n onClose\n}: {\n children: React.ReactNode \| React.ReactNode[];\n menuContainerRef?: React.Ref<HTMLDivElement>;\n onClose: () => void;\n}) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const key = event.key;\n\n if ([\"Escape\", \"ArrowUp\", \"ArrowDown\", \"Tab\"].includes(key)) {\n event.preventDefault();\n }\n\n if (key === \"Escape\" \|\| key === \"Tab\") {\n onClose();\n }\n };\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.preventDefault();\n };\n\n return (\n <div style={{ position: \"relative\" }}>\n <div\n onClick={e => handleContainerClick(e)}\n style={{\n position: \"absolute\",\n top: -10,\n left: 0,\n width: 240,\n backgroundColor: \"#fff\"\n }}\n ref={menuContainerRef ?? null}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </div>\n );\n}\ninterface ToolbarActionDialogProps {\n disabled: boolean;\n buttonLabel?: string;\n buttonAriaLabel: string;\n buttonClassName: string;\n buttonIconClassName: string;\n children: React.ReactNode \| React.ReactNode[];\n}\n\nexport const ToolbarActionDialog = ({\n disabled,\n buttonAriaLabel,\n buttonClassName,\n buttonIconClassName,\n buttonLabel,\n children\n}: ToolbarActionDialogProps): JSX.Element => {\n const menuWindowRef = useRef<HTMLDivElement>(null);\n const [showDropDown, setShowDropDown] = useState(false);\n\n const handleClose = () => {\n if (menuWindowRef && menuWindowRef.current) {\n setShowDropDown(false);\n menuWindowRef.current.focus();\n }\n };\n\n return (\n <div style={{ position: \"relative\" }}>\n <button\n style={{ position: \"relative\" }}\n disabled={disabled}\n aria-label={buttonAriaLabel \|\| buttonLabel}\n className={buttonClassName}\n onClick={() => {\n setShowDropDown(!showDropDown);\n }}\n >\n {buttonIconClassName && <span className={buttonIconClassName} />}\n {buttonLabel && <span className=\"text dropdown-button-text\">{buttonLabel}</span>}\n <i className=\"chevron-down\" />\n </button>\n {showDropDown && <MenuContainer onClose={handleClose}>{children}</MenuContainer>}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,SAASC,aAAaA,CAAAC,IAAA,EAQnB;EAAA,IAPCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IAChBC,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAMP,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0C,EAAK;IAClE,IAAMC,GAAG,GAAGD,KAAK,CAACC,GAAG;IAErB,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC,EAAE;MACzDD,KAAK,CAACG,cAAc,CAAC,CAAC;IAC1B;IAEA,IAAIF,GAAG,KAAK,QAAQ,IAAIA,GAAG,KAAK,KAAK,EAAE;MACnCH,OAAO,CAAC,CAAC;IACb;EACJ,CAAC;EAED,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,CAA+C,EAAK;IAC9EA,CAAC,CAACF,cAAc,CAAC,CAAC;EACtB,CAAC;EAED,oBACIZ,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW;EAAE,gBACjClB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACIG,OAAO,EAAE,~~SAAAA~~,~~QAAAL~~,CAAC;MAAA,OAAID,oBAAoB,CAACC,CAAC,CAAC;IAAA,CAAC;IACtCG,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBE,GAAG,EAAE,CAAC,EAAE;MACRC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAE;IACrB,CAAE;IACFC,GAAG,EAAElB,gBAAgB,IAAI,IAAK;IAC9BmB,SAAS,EAAEjB;EAAc,GAExBH,QACA,CACJ,CAAC;AAEd;AAUO,IAAMqB,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,KAAA,EAOa;EAAA,IANzCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,eAAe,GAAAF,KAAA,CAAfE,eAAe;IACfC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IACfC,mBAAmB,GAAAJ,KAAA,CAAnBI,mBAAmB;IACnBC,WAAW,GAAAL,KAAA,CAAXK,WAAW;IACX5B,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;EAER,IAAM6B,aAAa,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAClD,IAAAC,SAAA,GAAwC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAxB,OAAA,EAAAqB,SAAA;IAAhDI,YAAY,GAAAF,UAAA;IAAEG,eAAe,GAAAH,UAAA;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACtB,IAAIR,aAAa,IAAIA,aAAa,CAACS,OAAO,EAAE;MACxCF,eAAe,CAAC,KAAK,CAAC;MACtBP,aAAa,CAACS,OAAO,CAACC,KAAK,CAAC,CAAC;IACjC;EACJ,CAAC;EAED,oBACI5C,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAKC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW;EAAE,gBACjClB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACIC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAW,CAAE;IAChCW,QAAQ,EAAEA,QAAS;IACnB,cAAYC,eAAe,IAAIG,WAAY;IAC3CY,SAAS,EAAEd,eAAgB;IAC3BZ,OAAO,EAAE,~~SAAAA~~,~~QAAA~~,~~EAAM~~;MACXsB,eAAe,CAAC,CAACD,YAAY,CAAC;IAClC;EAAE,GAEDR,mBAAmB,iBAAIhC,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAM6B,SAAS,EAAEb;EAAoB,CAAE,CAAC,EAC/DC,WAAW,iBAAIjC,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAM6B,SAAS,EAAC;EAA2B,GAAEZ,WAAkB,CAAC,eAChFjC,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAG6B,SAAS,EAAC;EAAc,CAAE,CACzB,CAAC,EACRL,YAAY,iBAAIxC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAa;IAACI,OAAO,EAAEmC;EAAY,GAAErC,QAAwB,CAC9E,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","MenuContainer","_ref","children","menuContainerRef","onClose","handleKeyDown","event","key","includes","preventDefault","handleContainerClick","e","default","createElement","style","position","onClick","top","left","width","backgroundColor","ref","onKeyDown","ToolbarActionDialog","exports","_ref2","disabled","buttonAriaLabel","buttonClassName","buttonIconClassName","buttonLabel","menuWindowRef","useRef","_useState","useState","_useState2","_slicedToArray2","showDropDown","setShowDropDown","handleClose","current","focus","className"],"sources":["ToolbarActionDialog.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nfunction MenuContainer({\n children,\n menuContainerRef,\n onClose\n}: {\n children: React.ReactNode \| React.ReactNode[];\n menuContainerRef?: React.Ref<HTMLDivElement>;\n onClose: () => void;\n}) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const key = event.key;\n\n if ([\"Escape\", \"ArrowUp\", \"ArrowDown\", \"Tab\"].includes(key)) {\n event.preventDefault();\n }\n\n if (key === \"Escape\" \|\| key === \"Tab\") {\n onClose();\n }\n };\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n e.preventDefault();\n };\n\n return (\n <div style={{ position: \"relative\" }}>\n <div\n onClick={e => handleContainerClick(e)}\n style={{\n position: \"absolute\",\n top: -10,\n left: 0,\n width: 240,\n backgroundColor: \"#fff\"\n }}\n ref={menuContainerRef ?? null}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </div>\n );\n}\ninterface ToolbarActionDialogProps {\n disabled: boolean;\n buttonLabel?: string;\n buttonAriaLabel: string;\n buttonClassName: string;\n buttonIconClassName: string;\n children: React.ReactNode \| React.ReactNode[];\n}\n\nexport const ToolbarActionDialog = ({\n disabled,\n buttonAriaLabel,\n buttonClassName,\n buttonIconClassName,\n buttonLabel,\n children\n}: ToolbarActionDialogProps): JSX.Element => {\n const menuWindowRef = useRef<HTMLDivElement>(null);\n const [showDropDown, setShowDropDown] = useState(false);\n\n const handleClose = () => {\n if (menuWindowRef && menuWindowRef.current) {\n setShowDropDown(false);\n menuWindowRef.current.focus();\n }\n };\n\n return (\n <div style={{ position: \"relative\" }}>\n <button\n style={{ position: \"relative\" }}\n disabled={disabled}\n aria-label={buttonAriaLabel \|\| buttonLabel}\n className={buttonClassName}\n onClick={() => {\n setShowDropDown(!showDropDown);\n }}\n >\n {buttonIconClassName && <span className={buttonIconClassName} />}\n {buttonLabel && <span className=\"text dropdown-button-text\">{buttonLabel}</span>}\n <i className=\"chevron-down\" />\n </button>\n {showDropDown && <MenuContainer onClose={handleClose}>{children}</MenuContainer>}\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/utils/isChildOfFloatingToolbar.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isChildOfFloatingToolbar = void 0;
-var isChildOfFloatingToolbar = exports.isChildOfFloatingToolbar = function isChildOfFloatingToolbar(element) {
+var _isChildOfFloatingToolbar = exports.isChildOfFloatingToolbar = function isChildOfFloatingToolbar(element) {
   var parent = element ? element.parentElement : null;
   if (!parent) {
     return false;
@@ -12,7 +12,7 @@ var isChildOfFloatingToolbar = exports.isChildOfFloatingToolbar = function isChi
   if (parent.classList.contains("floating-toolbar")) {
     return true;
   }
-  return isChildOfFloatingToolbar(parent);
+  return _isChildOfFloatingToolbar(parent);
 };
 //# sourceMappingURL=isChildOfFloatingToolbar.js.map

package/utils/isChildOfFloatingToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["isChildOfFloatingToolbar","exports","element","parent","parentElement","classList","contains"],"sources":["isChildOfFloatingToolbar.ts"],"sourcesContent":["export const isChildOfFloatingToolbar = (element: HTMLElement \| null): boolean => {\n const parent = element ? element.parentElement : null;\n\n if (!parent) {\n return false;\n }\n\n if (parent.classList.contains(\"floating-toolbar\")) {\n return true;\n }\n\n return isChildOfFloatingToolbar(parent);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,~~wBAAwB~~,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,OAA2B,EAAc;EAC9E,IAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;IAC/C,OAAO,IAAI;EACf;EAEA,OAAON,~~wBAAwB~~,CAACG,MAAM,CAAC;AAC3C,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["isChildOfFloatingToolbar","exports","element","parent","parentElement","classList","contains"],"sources":["isChildOfFloatingToolbar.ts"],"sourcesContent":["export const isChildOfFloatingToolbar = (element: HTMLElement \| null): boolean => {\n const parent = element ? element.parentElement : null;\n\n if (!parent) {\n return false;\n }\n\n if (parent.classList.contains(\"floating-toolbar\")) {\n return true;\n }\n\n return isChildOfFloatingToolbar(parent);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,yBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIE,OAA2B,EAAc;EAC9E,IAAMC,MAAM,GAAGD,OAAO,GAAGA,OAAO,CAACE,aAAa,GAAG,IAAI;EAErD,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,KAAK;EAChB;EAEA,IAAIA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;IAC/C,OAAO,IAAI;EACf;EAEA,OAAON,yBAAwB,CAACG,MAAM,CAAC;AAC3C,CAAC","ignoreList":[]}

package/utils/point.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Point","exports","x","y","_classCallCheck2","default","_x","_y","_createClass2","key","get","value","equals","_ref","calcDeltaXTo","_ref2","calcDeltaYTo","_ref3","calcHorizontalDistanceTo","point","Math","abs","calcVerticalDistance","calcDistanceTo","sqrt","pow","isPoint"],"sources":["point.ts"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\nexport class Point {\n private readonly _x: number;\n private readonly _y: number;\n\n constructor(x: number, y: number) {\n this._x = x;\n this._y = y;\n }\n\n get x(): number {\n return this._x;\n }\n\n get y(): number {\n return this._y;\n }\n\n public equals({ x, y }: Point): boolean {\n return this.x === x && this.y === y;\n }\n\n public calcDeltaXTo({ x }: Point): number {\n return this.x - x;\n }\n\n public calcDeltaYTo({ y }: Point): number {\n return this.y - y;\n }\n\n public calcHorizontalDistanceTo(point: Point): number {\n return Math.abs(this.calcDeltaXTo(point));\n }\n\n public calcVerticalDistance(point: Point): number {\n return Math.abs(this.calcDeltaYTo(point));\n }\n\n public calcDistanceTo(point: Point): number {\n return Math.sqrt(\n Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2)\n );\n }\n}\n\nexport function isPoint(x: unknown): x is Point {\n return x instanceof Point;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOaA,KAAK,GAAAC,OAAA,CAAAD,KAAA;EAId,SAAAA,MAAYE,CAAS,EAAEC,CAAS,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,KAAA;IAC9B,IAAI,CAACM,EAAE,GAAGJ,CAAC;IACX,IAAI,CAACK,EAAE,GAAGJ,CAAC;EACf;EAAC,WAAAK,aAAA,CAAAH,OAAA,EAAAL,KAAA;IAAAS,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACJ,EAAE;IAClB;EAAC;IAAAG,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACH,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAE,KAAA,EAED,~~SAAAC~~,~~OAAAC~~,IAAA,~~EAAwC~~;MAAA,IAAxBX,CAAC,GAAAW,IAAA,CAADX,CAAC;QAAEC,CAAC,GAAAU,IAAA,CAADV,CAAC;MAChB,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;IACvC;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,~~SAAAG~~,~~aAAAC~~,KAAA,~~EAA0C~~;MAAA,IAApBb,CAAC,GAAAa,KAAA,CAADb,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAO,GAAA;IAAAE,KAAA,EAED,~~SAAAK~~,~~aAAAC~~,KAAA,~~EAA0C~~;MAAA,IAApBd,CAAC,GAAAc,KAAA,CAADd,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,~~SAAAO~~,~~yBAAgCC~~,KAAY,EAAU;MAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACP,YAAY,CAACK,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,~~SAAAW~~,~~qBAA4BH~~,KAAY,EAAU;MAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACL,YAAY,CAACG,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,~~SAAAY~~,~~eAAsBJ~~,KAAY,EAAU;MACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACX,YAAY,CAACK,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACT,YAAY,CAACG,KAAK,CAAC,EAAE,CAAC,CAChF,CAAC;IACL;EAAC;AAAA;AAGE,SAASO,OAAOA,CAACxB,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYF,KAAK;AAC7B","ignoreList":[]}
1	+ {"version":3,"names":["Point","exports","x","y","_classCallCheck2","default","_x","_y","_createClass2","key","get","value","equals","_ref","calcDeltaXTo","_ref2","calcDeltaYTo","_ref3","calcHorizontalDistanceTo","point","Math","abs","calcVerticalDistance","calcDistanceTo","sqrt","pow","isPoint"],"sources":["point.ts"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\nexport class Point {\n private readonly _x: number;\n private readonly _y: number;\n\n constructor(x: number, y: number) {\n this._x = x;\n this._y = y;\n }\n\n get x(): number {\n return this._x;\n }\n\n get y(): number {\n return this._y;\n }\n\n public equals({ x, y }: Point): boolean {\n return this.x === x && this.y === y;\n }\n\n public calcDeltaXTo({ x }: Point): number {\n return this.x - x;\n }\n\n public calcDeltaYTo({ y }: Point): number {\n return this.y - y;\n }\n\n public calcHorizontalDistanceTo(point: Point): number {\n return Math.abs(this.calcDeltaXTo(point));\n }\n\n public calcVerticalDistance(point: Point): number {\n return Math.abs(this.calcDeltaYTo(point));\n }\n\n public calcDistanceTo(point: Point): number {\n return Math.sqrt(\n Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2)\n );\n }\n}\n\nexport function isPoint(x: unknown): x is Point {\n return x instanceof Point;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOaA,KAAK,GAAAC,OAAA,CAAAD,KAAA;EAId,SAAAA,MAAYE,CAAS,EAAEC,CAAS,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,KAAA;IAC9B,IAAI,CAACM,EAAE,GAAGJ,CAAC;IACX,IAAI,CAACK,EAAE,GAAGJ,CAAC;EACf;EAAC,WAAAK,aAAA,CAAAH,OAAA,EAAAL,KAAA;IAAAS,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACJ,EAAE;IAClB;EAAC;IAAAG,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgB;MACZ,OAAO,IAAI,CAACH,EAAE;IAClB;EAAC;IAAAE,GAAA;IAAAE,KAAA,EAED,SAAOC,MAAMA,CAAAC,IAAA,EAA2B;MAAA,IAAxBX,CAAC,GAAAW,IAAA,CAADX,CAAC;QAAEC,CAAC,GAAAU,IAAA,CAADV,CAAC;MAChB,OAAO,IAAI,CAACD,CAAC,KAAKA,CAAC,IAAI,IAAI,CAACC,CAAC,KAAKA,CAAC;IACvC;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,SAAOG,YAAYA,CAAAC,KAAA,EAAuB;MAAA,IAApBb,CAAC,GAAAa,KAAA,CAADb,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAO,GAAA;IAAAE,KAAA,EAED,SAAOK,YAAYA,CAAAC,KAAA,EAAuB;MAAA,IAApBd,CAAC,GAAAc,KAAA,CAADd,CAAC;MACnB,OAAO,IAAI,CAACA,CAAC,GAAGA,CAAC;IACrB;EAAC;IAAAM,GAAA;IAAAE,KAAA,EAED,SAAOO,wBAAwBA,CAACC,KAAY,EAAU;MAClD,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACP,YAAY,CAACK,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAOW,oBAAoBA,CAACH,KAAY,EAAU;MAC9C,OAAOC,IAAI,CAACC,GAAG,CAAC,IAAI,CAACL,YAAY,CAACG,KAAK,CAAC,CAAC;IAC7C;EAAC;IAAAV,GAAA;IAAAE,KAAA,EAED,SAAOY,cAAcA,CAACJ,KAAY,EAAU;MACxC,OAAOC,IAAI,CAACI,IAAI,CACZJ,IAAI,CAACK,GAAG,CAAC,IAAI,CAACX,YAAY,CAACK,KAAK,CAAC,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACK,GAAG,CAAC,IAAI,CAACT,YAAY,CAACG,KAAK,CAAC,EAAE,CAAC,CAChF,CAAC;IACL;EAAC;AAAA;AAGE,SAASO,OAAOA,CAACxB,CAAU,EAAc;EAC5C,OAAOA,CAAC,YAAYF,KAAK;AAC7B","ignoreList":[]}