npm - @frontify/guideline-blocks-settings - Versions diffs - 1.0.3 → 1.0.5-alpha.0 - Mend

@frontify/guideline-blocks-settings 1.0.3 → 1.0.5-alpha.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 (1781) hide show

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FloatingModalWrapper, FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type InsertModalStateProps } from './types';\n\ntype Props = {\n state: InsertModalStateProps;\n onTextChange: (value: string) => void;\n onUrlChange: (value: string) => void;\n onToggleTab: (checked: boolean) => void;\n onCancel: () => void;\n onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> \| KeyboardEvent \| undefined) => void;\n hasValues: boolean;\n isValidUrlOrEmpty: (url: string) => boolean;\n testId?: string;\n children?: ReactNode;\n appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n state,\n onTextChange,\n onUrlChange,\n onToggleTab,\n onCancel,\n onSave,\n isValidUrlOrEmpty,\n hasValues,\n testId,\n appBridge,\n children,\n}: Props): ReactElement => (\n <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n <FormControl\n label={{\n children: 'Text',\n htmlFor: 'linkText',\n required: true,\n }}\n >\n <TextInput\n id=\"linkText\"\n value={state.text}\n placeholder=\"Link Text\"\n onChange={(event) => onTextChange(event.target.value)}\n />\n </FormControl>\n\n {children}\n\n <div className=\"tw-mt-5\">\n <LinkInput\n url={state.url}\n newTab={state.newTab}\n onUrlChange={onUrlChange}\n onToggleTab={onToggleTab}\n isValidUrlOrEmpty={isValidUrlOrEmpty}\n appBridge={appBridge}\n />\n </div>\n <div className=\"tw-mt-3\">\n <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n Cancel\n </Button>\n <Button\n data-test-id=\"button\"\n onPress={onSave}\n size=\"medium\"\n disabled={!isValidUrlOrEmpty(state?.url) \|\| !hasValues}\n >\n <IconCheckMark size=\"20\" />\n Save\n </Button>\n </div>\n </div>\n </FloatingModalWrapper>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","FloatingModalWrapper","jsx","FormControl","TextInput","event","LinkInput","jsxs","Button","IconCheckMark"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAMA,KAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,wBACKC,~~GAAqB~~,~~EAAA~~,gBAAcH,GAAQ,SAAQ,QAAO,UAAS,SAChE,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,~~MACd~~;AAAA,~~MAEA~~,UAAA,gBAAAD;AAAA,QAACE;AAAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,OAAOd,EAAM;AAAA,UACb,aAAY;AAAA,UACZ,UAAU,CAACe,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,QAAA;AAAA,~~MACxD~~;AAAA,~~IAAA~~;AAAA,~~EACJ~~;AAAA,~~EAECL~~;AAAA,EAED,gBAAAE,EAAC,~~OAAI~~,~~EAAA~~,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,KAAKhB,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,~~OAAI~~,~~EAAA~~,WAAU,WACX,~~UAAC~~,gBAAAQ,~~EAAA~~,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,~~IAAC~~,gBAAAL,~~EAAAM~~,GAAA,EAAO,gBAAa,UAAS,SAASd,GAAU,MAAK,UAAS,UAAS,WAAU,~~UAElF~~,SAAA,~~CAAA~~;AAAA,IACA,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,SAASb;AAAA,QACT,MAAK;AAAA,QACL,UAAU,CAACC,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAK,CAACO;AAAA,QAE7C,UAAA;AAAA,~~UAAC~~,gBAAAK,~~EAAAO~~,GAAA,EAAc,MAAK,~~KAAK~~,~~CAAA~~;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,~~IAE/B~~;AAAA,~~EAAA~~,EAAA,CACJ,~~EACJ~~,~~CAAA~~;AAAA,~~EACJ~~,~~CAAA~~;"}
1	+ {"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FloatingModalWrapper, FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type InsertModalStateProps } from './types';\n\ntype Props = {\n state: InsertModalStateProps;\n onTextChange: (value: string) => void;\n onUrlChange: (value: string) => void;\n onToggleTab: (checked: boolean) => void;\n onCancel: () => void;\n onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> \| KeyboardEvent \| undefined) => void;\n hasValues: boolean;\n isValidUrlOrEmpty: (url: string) => boolean;\n testId?: string;\n children?: ReactNode;\n appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n state,\n onTextChange,\n onUrlChange,\n onToggleTab,\n onCancel,\n onSave,\n isValidUrlOrEmpty,\n hasValues,\n testId,\n appBridge,\n children,\n}: Props): ReactElement => (\n <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n <FormControl\n label={{\n children: 'Text',\n htmlFor: 'linkText',\n required: true,\n }}\n >\n <TextInput\n id=\"linkText\"\n value={state.text}\n placeholder=\"Link Text\"\n onChange={(event) => onTextChange(event.target.value)}\n />\n </FormControl>\n\n {children}\n\n <div className=\"tw-mt-5\">\n <LinkInput\n url={state.url}\n newTab={state.newTab}\n onUrlChange={onUrlChange}\n onToggleTab={onToggleTab}\n isValidUrlOrEmpty={isValidUrlOrEmpty}\n appBridge={appBridge}\n />\n </div>\n <div className=\"tw-mt-3\">\n <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n Cancel\n </Button>\n <Button\n data-test-id=\"button\"\n onPress={onSave}\n size=\"medium\"\n disabled={!isValidUrlOrEmpty(state?.url) \|\| !hasValues}\n >\n <IconCheckMark size=\"20\" />\n Save\n </Button>\n </div>\n </div>\n </FloatingModalWrapper>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","FloatingModalWrapper","jsx","FormControl","TextInput","event","LinkInput","jsxs","Button","IconCheckMark"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAMA,KAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,wBACKC,GAAA,EAAqB,gBAAcH,GAAQ,SAAQ,QAAO,UAAS,SAChE,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA,gBAAAD;AAAA,QAACE;AAAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,OAAOd,EAAM;AAAA,UACb,aAAY;AAAA,UACZ,UAAU,CAACe,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD;AAAA,EAAA;AAAA,EAGHL;AAAA,EAED,gBAAAE,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,KAAKhB,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAO,gBAAa,UAAS,SAASd,GAAU,MAAK,UAAS,UAAS,WAAU,UAAA,SAAA,CAElF;AAAA,IACA,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,SAASb;AAAA,QACT,MAAK;AAAA,QACL,UAAU,CAACC,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAK,CAACO;AAAA,QAE7C,UAAA;AAAA,UAAA,gBAAAK,EAACO,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE/B,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,CACJ;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n ELEMENT_LINK,\n floatingLinkActions,\n floatingLinkSelectors,\n getPluginOptions,\n submitFloatingLink,\n useEditorRef,\n useHotkeys,\n} from '@frontify/fondue';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n url: '',\n text: '',\n newTab: false,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n const { type, payload } = action;\n\n switch (type) {\n case 'NEW_TAB':\n return {\n ...state,\n newTab: true,\n };\n case 'SAME_TAB':\n return {\n ...state,\n newTab: false,\n };\n case 'URL':\n case 'TEXT':\n case 'INIT':\n return {\n ...state,\n ...payload,\n };\n default:\n return state;\n }\n }, initialState);\n\n return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n const editor = useEditorRef();\n const [state, dispatch] = InsertModalState();\n\n useEffect(() => {\n const legacyUrl = getLegacyUrl(editor);\n const url = getUrl(editor);\n const isNewTab = floatingLinkSelectors.newTab();\n dispatch({\n type: 'INIT',\n payload: {\n text: floatingLinkSelectors.text() \|\| floatingLinkSelectors.url(),\n newTab: isNewTab,\n url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n },\n });\n }, [dispatch, editor]);\n\n const onTextChange = (value: string) => {\n dispatch({\n type: 'TEXT',\n payload: { text: value },\n });\n };\n\n const onUrlChange = (value: string) => {\n dispatch({\n type: 'URL',\n payload: { url: value },\n });\n };\n\n const onToggleTab = (checked: boolean) => {\n checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n };\n\n const onCancel = () => {\n floatingLinkActions.reset();\n };\n\n const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> \| KeyboardEvent \| undefined) => {\n if (!isValidUrlOrEmpty(state.url) \|\| !hasValues) {\n return;\n }\n\n floatingLinkActions.text(state.text);\n floatingLinkActions.url(addHttps(state.url));\n floatingLinkActions.newTab(state.newTab);\n\n if (submitFloatingLink(editor)) {\n event?.preventDefault();\n }\n };\n\n const hasValues = state.url !== '' && state.text !== '';\n\n const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n useHotkeys(\n 'enter',\n onSave,\n {\n enableOnFormTags: ['INPUT'],\n },\n [],\n );\n\n return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAoBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AACZ,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;~~AACvG~~,~~UAAA~~,EAAE,MAAAC,GAAM,SAAAC,~~EAAY~~,~~IAAAF~~;AAE1B,YAAQC,~~GAAM~~;AAAA,~~MACV~~,KAAK;~~AACM~~,~~eAAA~~;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;~~AACM~~,~~eAAA~~;AAAA,UACH,GAAGA;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;~~AACM~~,~~eAAA~~;AAAA,UACH,GAAGA;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;~~AACWL~~,~~eAAAA~~;AAAAA,~~IACf~~;AAAA,~~KACDF~~,CAAY;~~AAER~~,~~SAAA~~,CAACE,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,~~KACT~~,CAACR,GAAOC,CAAQ,IAAIF,~~EAAiB~~;~~AAE3C~~,EAAAU,EAAU,MAAM;~~AACN~~,~~UAAAC~~,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB;~~AAC9B~~,IAAAd,~~EAAA~~;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,UAAUA,EAAsB,~~IAAI~~;AAAA,~~QAChE~~,QAAQD;AAAA,QACR,KAAKJ,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,~~IAAI~~;AAAA,~~MACzE~~;AAAA,~~IAAA~~,CACH;AAAA,~~EAAA~~,~~GACF~~,CAACd,GAAUM,CAAM,CAAC;~~AAEf~~,~~QAAAS~~,IAAe,CAACC,MAAkB;~~AAC3B~~,IAAAhB,~~EAAA~~;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,~~EAAM~~;AAAA,~~IAAA~~,CAC1B;AAAA,~~EAAA~~,~~GAGCC~~,IAAc,CAACD,MAAkB;~~AAC1B~~,IAAAhB,~~EAAA~~;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,~~EAAM~~;AAAA,~~IAAA~~,CACzB;AAAA,~~EAAA~~,~~GAGCE~~,IAAc,CAACC,MAAqB;~~AAC5B~~,~~IAAAnB~~,~~EAAAmB~~,~~IAAS~~,EAAE,MAAM,~~UAAU~~,~~IAAc~~,EAAE,MAAM,~~WAAA,CAArB~~;AAAA,~~EAAiC~~,~~GAGrEC~~,IAAW,MAAM;AACnB,IAAAC,EAAoB,~~MAAM~~;AAAA,~~EAAA~~,~~GAGxBC~~,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,~~MAIlBJ~~,~~EAAA~~,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,~~GACvBsB~~,~~EAAA~~,OAAOtB,EAAM,MAAM,GAEnC4B,EAAmBrB,CAAM,MACzBiB,KAAA,QAAAA,EAAO;AAAA,~~EACX~~,~~GAGEE~~,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,~~EAAc~~,~~IAAAC~~,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,~~IAC9B~~;AAAA,~~IACA~~,~~CAAC~~;AAAA,~~EAAA~~,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI;AAC5G;"}
1	+ {"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n ELEMENT_LINK,\n floatingLinkActions,\n floatingLinkSelectors,\n getPluginOptions,\n submitFloatingLink,\n useEditorRef,\n useHotkeys,\n} from '@frontify/fondue';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n url: '',\n text: '',\n newTab: false,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n const { type, payload } = action;\n\n switch (type) {\n case 'NEW_TAB':\n return {\n ...state,\n newTab: true,\n };\n case 'SAME_TAB':\n return {\n ...state,\n newTab: false,\n };\n case 'URL':\n case 'TEXT':\n case 'INIT':\n return {\n ...state,\n ...payload,\n };\n default:\n return state;\n }\n }, initialState);\n\n return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n const editor = useEditorRef();\n const [state, dispatch] = InsertModalState();\n\n useEffect(() => {\n const legacyUrl = getLegacyUrl(editor);\n const url = getUrl(editor);\n const isNewTab = floatingLinkSelectors.newTab();\n dispatch({\n type: 'INIT',\n payload: {\n text: floatingLinkSelectors.text() \|\| floatingLinkSelectors.url(),\n newTab: isNewTab,\n url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n },\n });\n }, [dispatch, editor]);\n\n const onTextChange = (value: string) => {\n dispatch({\n type: 'TEXT',\n payload: { text: value },\n });\n };\n\n const onUrlChange = (value: string) => {\n dispatch({\n type: 'URL',\n payload: { url: value },\n });\n };\n\n const onToggleTab = (checked: boolean) => {\n checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n };\n\n const onCancel = () => {\n floatingLinkActions.reset();\n };\n\n const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> \| KeyboardEvent \| undefined) => {\n if (!isValidUrlOrEmpty(state.url) \|\| !hasValues) {\n return;\n }\n\n floatingLinkActions.text(state.text);\n floatingLinkActions.url(addHttps(state.url));\n floatingLinkActions.newTab(state.newTab);\n\n if (submitFloatingLink(editor)) {\n event?.preventDefault();\n }\n };\n\n const hasValues = state.url !== '' && state.text !== '';\n\n const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n useHotkeys(\n 'enter',\n onSave,\n {\n enableOnFormTags: ['INPUT'],\n },\n [],\n );\n\n return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAoBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AACZ,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;AAC7G,UAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF;AAE1B,YAAQC,GAAA;AAAA,MACJ,KAAK;AACD,eAAO;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AACD,eAAO;AAAA,UACH,GAAGA;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACD,eAAO;AAAA,UACH,GAAGA;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACI,eAAOL;AAAAA,IAAA;AAAA,EAEnB,GAAGF,CAAY;AAEf,SAAO,CAACE,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,EAAA,GACT,CAACR,GAAOC,CAAQ,IAAIF,EAAA;AAE1B,EAAAU,EAAU,MAAM;AACZ,UAAMC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB,OAAA;AACvC,IAAAd,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,UAAUA,EAAsB,IAAA;AAAA,QAC5D,QAAQD;AAAA,QACR,KAAKJ,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,IAAA;AAAA,MAAI;AAAA,IACzE,CACH;AAAA,EACL,GAAG,CAACd,GAAUM,CAAM,CAAC;AAErB,QAAMS,IAAe,CAACC,MAAkB;AACpC,IAAAhB,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,EAAA;AAAA,IAAM,CAC1B;AAAA,EACL,GAEMC,IAAc,CAACD,MAAkB;AACnC,IAAAhB,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,EAAA;AAAA,IAAM,CACzB;AAAA,EACL,GAEME,IAAc,CAACC,MAAqB;AACtC,IAAUnB,EAAVmB,IAAmB,EAAE,MAAM,UAAA,IAAwB,EAAE,MAAM,YAArB;AAAA,EAC1C,GAEMC,IAAW,MAAM;AACnB,IAAAC,EAAoB,MAAA;AAAA,EACxB,GAEMC,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,MAItCJ,EAAoB,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,GAC3CsB,EAAoB,OAAOtB,EAAM,MAAM,GAEnC4B,EAAmBrB,CAAM,MACzBiB,KAAA,QAAAA,EAAO;AAAA,EAEf,GAEME,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAA,IAAcC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAAA;AAAA,IAE9B,CAAA;AAAA,EAAC,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI,EAAA;AAC5G;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n type PluginButtonProps,\n getHotkeyByPlatform,\n getTooltip,\n isRangeInSameBlock,\n useEditorState,\n useEventPlateId,\n} from '@frontify/fondue';\n\nimport { LinkToolbarButton } from './LinkToolbarButton';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n const editor = useEditorState(useEventPlateId(editorId));\n const isEnabled = !!isRangeInSameBlock(editor, {\n at: editor.selection,\n });\n\n return (\n <div data-plugin-id={id}>\n <LinkToolbarButton\n disabled={!isEnabled}\n tooltip={getTooltip(\n isEnabled\n ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n : 'Links can only be set for a single text block.',\n )}\n />\n </div>\n );\n};\n"],"names":["LinkButton","id","editorId","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;AAaO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAeC,EAAgBH,CAAQ,CAAC,GACjDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;~~AAGG~~,~~SAAA~~,gBAAAK,EAAC,~~OAAI~~,~~EAAA~~,kBAAgBP,GACjB,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU,CAACH;AAAA,MACX,SAASI;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,~~MACV~~;AAAA,~~IAAA~~;AAAA,~~EAER,~~EAAA,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n type PluginButtonProps,\n getHotkeyByPlatform,\n getTooltip,\n isRangeInSameBlock,\n useEditorState,\n useEventPlateId,\n} from '@frontify/fondue';\n\nimport { LinkToolbarButton } from './LinkToolbarButton';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n const editor = useEditorState(useEventPlateId(editorId));\n const isEnabled = !!isRangeInSameBlock(editor, {\n at: editor.selection,\n });\n\n return (\n <div data-plugin-id={id}>\n <LinkToolbarButton\n disabled={!isEnabled}\n tooltip={getTooltip(\n isEnabled\n ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n : 'Links can only be set for a single text block.',\n )}\n />\n </div>\n );\n};\n"],"names":["LinkButton","id","editorId","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;AAaO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAeC,EAAgBH,CAAQ,CAAC,GACjDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;AAED,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBP,GACjB,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU,CAACH;AAAA,MACX,SAASI;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n type PlateRenderElementProps,\n type TLinkElement as TPlateLinkElement,\n useRichTextEditorContext,\n} from '@frontify/fondue';\n\nimport { LINK_PLUGIN } from '../id';\n\nexport type TLinkElement = TPlateLinkElement & {\n chosenLink?: {\n searchResult?: {\n link?: string;\n };\n openInNewTab?: boolean;\n };\n};\n\nexport const LinkMarkupElementNode = (props: PlateRenderElementProps & { element: TLinkElement }) => {\n const { attributes, children } = props;\n\n const { styles } = useRichTextEditorContext();\n const href = props.element.url \|\| props.element.chosenLink?.searchResult?.link \|\| '';\n const target = props.element.target \|\| '_self';\n\n return (\n <a {...attributes} href={href} target={target} style={styles[LINK_PLUGIN]}>\n {children}\n </a>\n );\n};\n"],"names":["LinkMarkupElementNode","props","attributes","children","styles","useRichTextEditorContext","href","_b","_a","target","jsx","LINK_PLUGIN"],"mappings":";;;~~AAmBa~~,~~MAAAA~~,IAAwB,CAACC,MAA+D;;~~AAC3F~~,~~QAAA~~,EAAE,YAAAC,GAAY,UAAAC,~~EAAa~~,~~IAAAF~~,GAE3B,EAAE,QAAAG,~~MAAWC~~,~~KACbC~~,IAAOL,EAAM,QAAQ,SAAOM,KAAAC,IAAAP,EAAM,QAAQ,eAAd,gBAAAO,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASR,EAAM,QAAQ,UAAU;~~AAGnC~~,~~SAAA~~,gBAAAS,EAAC,~~KAAG~~,~~EAAA~~,GAAGR,GAAY,MAAAI,GAAY,QAAAG,GAAgB,OAAOL,EAAOO,CAAW,GACnE,UAAAR,~~EACL~~,~~CAAA~~;AAER;"}
1	+ {"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n type PlateRenderElementProps,\n type TLinkElement as TPlateLinkElement,\n useRichTextEditorContext,\n} from '@frontify/fondue';\n\nimport { LINK_PLUGIN } from '../id';\n\nexport type TLinkElement = TPlateLinkElement & {\n chosenLink?: {\n searchResult?: {\n link?: string;\n };\n openInNewTab?: boolean;\n };\n};\n\nexport const LinkMarkupElementNode = (props: PlateRenderElementProps & { element: TLinkElement }) => {\n const { attributes, children } = props;\n\n const { styles } = useRichTextEditorContext();\n const href = props.element.url \|\| props.element.chosenLink?.searchResult?.link \|\| '';\n const target = props.element.target \|\| '_self';\n\n return (\n <a {...attributes} href={href} target={target} style={styles[LINK_PLUGIN]}>\n {children}\n </a>\n );\n};\n"],"names":["LinkMarkupElementNode","props","attributes","children","styles","useRichTextEditorContext","href","_b","_a","target","jsx","LINK_PLUGIN"],"mappings":";;;AAmBO,MAAMA,IAAwB,CAACC,MAA+D;;AACjG,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAE3B,EAAE,QAAAG,EAAA,IAAWC,EAAA,GACbC,IAAOL,EAAM,QAAQ,SAAOM,KAAAC,IAAAP,EAAM,QAAQ,eAAd,gBAAAO,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASR,EAAM,QAAQ,UAAU;AAEvC,SACI,gBAAAS,EAAC,KAAA,EAAG,GAAGR,GAAY,MAAAI,GAAY,QAAAG,GAAgB,OAAOL,EAAOO,CAAW,GACnE,UAAAR,EAAA,CACL;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useEditorRef as a, useLinkToolbarButtonState as u, useLinkToolbarButton as c, ToolbarButton as l, focusEditor as p, IconStylingWrapper as f, IconLink16 as d } from "@frontify/fondue";
+import { useEditorRef as a, useLinkToolbarButtonState as u, useLinkToolbarButton as c, ToolbarButton as l, IconStylingWrapper as p, IconLink16 as f, focusEditor as d } from "@frontify/fondue";
 import { forwardRef as m } from "react";
 const b = m(
   (n, r) => {
@@ -8,12 +8,12 @@ const b = m(
       l,
       {
         onMouseDown: (s) => {
-          s.preventDefault(), p(o, o.selection ?? o.prevSelection ?? void 0);
+          s.preventDefault(), d(o, o.selection ?? o.prevSelection ?? void 0);
         },
         ref: r,
         ...i,
         ...n,
-        children: /* @__PURE__ */ t(f, { icon: /* @__PURE__ */ t(d, {}) })
+        children: /* @__PURE__ */ t(p, { icon: /* @__PURE__ */ t(f, {}) })
       }
     );
   }

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkToolbarButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n IconLink16,\n IconStylingWrapper,\n ToolbarButton,\n focusEditor,\n useEditorRef,\n useLinkToolbarButton,\n useLinkToolbarButtonState,\n} from '@frontify/fondue';\nimport { type ReactNode, forwardRef } from 'react';\n\nexport const LinkToolbarButton = forwardRef<HTMLButtonElement, { disabled: boolean; tooltip: ReactNode }>(\n (rootProps, ref) => {\n const editor = useEditorRef();\n const state = useLinkToolbarButtonState();\n const { props } = useLinkToolbarButton(state);\n return (\n <ToolbarButton\n onMouseDown={(event) => {\n event.preventDefault();\n focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n }}\n ref={ref}\n {...props}\n {...rootProps}\n >\n <IconStylingWrapper icon={<IconLink16 />} />\n </ToolbarButton>\n );\n },\n);\n\nLinkToolbarButton.displayName = 'LinkToolbarButton';\n"],"names":["LinkToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","state","useLinkToolbarButtonState","props","useLinkToolbarButton","jsx","ToolbarButton","event","focusEditor","IconStylingWrapper","IconLink16"],"mappings":";;;AAaO,MAAMA,IAAoBC;AAAA,EAC7B,CAACC,GAAWC,MAAQ;AAChB,UAAMC,IAASC,~~KACTC~~,IAAQC,~~KACR~~,EAAE,OAAAC,EAAA,IAAUC,EAAqBH,CAAK;~~AAExC~~,~~WAAA~~,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAa,CAACC,MAAU;AACpB,UAAAA,EAAM,~~eAAe~~,~~GACrBC~~,EAAYT,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,QAC7E;AAAA,QACA,KAAAD;AAAA,QACC,GAAGK;AAAA,QACH,GAAGN;AAAA,QAEJ,~~UAAC~~,gBAAAQ,~~EAAAI~~,GAAA,EAAmB,MAAM,gBAAAJ,EAACK,~~IAAW~~,~~CAAA~~,~~GAAI~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtD;AACJ;AAEAf,EAAkB,cAAc;"}
1	+ {"version":3,"file":"LinkToolbarButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n IconLink16,\n IconStylingWrapper,\n ToolbarButton,\n focusEditor,\n useEditorRef,\n useLinkToolbarButton,\n useLinkToolbarButtonState,\n} from '@frontify/fondue';\nimport { type ReactNode, forwardRef } from 'react';\n\nexport const LinkToolbarButton = forwardRef<HTMLButtonElement, { disabled: boolean; tooltip: ReactNode }>(\n (rootProps, ref) => {\n const editor = useEditorRef();\n const state = useLinkToolbarButtonState();\n const { props } = useLinkToolbarButton(state);\n return (\n <ToolbarButton\n onMouseDown={(event) => {\n event.preventDefault();\n focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n }}\n ref={ref}\n {...props}\n {...rootProps}\n >\n <IconStylingWrapper icon={<IconLink16 />} />\n </ToolbarButton>\n );\n },\n);\n\nLinkToolbarButton.displayName = 'LinkToolbarButton';\n"],"names":["LinkToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","state","useLinkToolbarButtonState","props","useLinkToolbarButton","jsx","ToolbarButton","event","focusEditor","IconStylingWrapper","IconLink16"],"mappings":";;;AAaO,MAAMA,IAAoBC;AAAA,EAC7B,CAACC,GAAWC,MAAQ;AAChB,UAAMC,IAASC,EAAA,GACTC,IAAQC,EAAA,GACR,EAAE,OAAAC,EAAA,IAAUC,EAAqBH,CAAK;AAC5C,WACI,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAa,CAACC,MAAU;AACpB,UAAAA,EAAM,eAAA,GACNC,EAAYT,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,QAC7E;AAAA,QACA,KAAAD;AAAA,QACC,GAAGK;AAAA,QACH,GAAGN;AAAA,QAEJ,UAAA,gBAAAQ,EAACI,GAAA,EAAmB,MAAM,gBAAAJ,EAACK,KAAW,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtD;AACJ;AAEAf,EAAkB,cAAc;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/index.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n type PlatePlugin,\n Plugin,\n type PluginProps,\n createLinkPlugin as createPlateLinkPlugin,\n createPluginFactory,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link';\nimport { BlockStyles } from '../styles';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LINK_PLUGIN } from './id';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\n createPluginFactory({\n ...createPlateLinkPlugin(),\n renderAfterEditable: CustomFloatingLink,\n options: {\n isUrl: isValidUrl,\n rangeBeforeOptions: {\n matchString: ' ',\n skipInvalid: true,\n afterMatch: true,\n },\n triggerFloatingLinkHotkeys: 'meta+k, ctrl+k',\n keepSelectedTextOnPaste: true,\n appBridge,\n },\n })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n public styles: CSSProperties = {};\n private appBridge: AppBridgeBlock;\n constructor({ styles = BlockStyles[LINK_PLUGIN], ...props }: LinkPluginProps) {\n super(LINK_PLUGIN, {\n button: LinkButton,\n markupElement: new LinkMarkupElement(),\n ...props,\n });\n this.styles = styles;\n this.appBridge = props.appBridge;\n }\n\n plugins(): PlatePlugin[] {\n return [createLinkPlugin(this.appBridge)];\n }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","styles","BlockStyles","LINK_PLUGIN","props","LinkButton","LinkMarkupElement","__publicField"],"mappings":";;;;;;;;;;~~AAoBa~~,~~MAAAA~~,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,~~EAAsB~~;AAAA,~~EACzB~~,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,~~IAChB~~;AAAA,~~IACA~~,4BAA4B;AAAA,IAC5B,yBAAyB;AAAA,IACzB,WAAAJ;AAAA,~~EACJ~~;~~AACJ~~,CAAC,~~EAAE~~;~~AAIA~~,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAY,EAAE,QAAAC,IAASC,EAAYC,CAAW,GAAG,GAAGC,KAA0B;AAC1E,UAAMD,GAAa;AAAA,MACf,QAAQE;AAAA,MACR,eAAe,IAAIC,~~EAAkB~~;AAAA,~~MACrC~~,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASN,GACd,KAAK,YAAYG,EAAM;AAAA,EAC3B;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACX,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}
1	+ {"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n type PlatePlugin,\n Plugin,\n type PluginProps,\n createLinkPlugin as createPlateLinkPlugin,\n createPluginFactory,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link';\nimport { BlockStyles } from '../styles';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LINK_PLUGIN } from './id';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\n createPluginFactory({\n ...createPlateLinkPlugin(),\n renderAfterEditable: CustomFloatingLink,\n options: {\n isUrl: isValidUrl,\n rangeBeforeOptions: {\n matchString: ' ',\n skipInvalid: true,\n afterMatch: true,\n },\n triggerFloatingLinkHotkeys: 'meta+k, ctrl+k',\n keepSelectedTextOnPaste: true,\n appBridge,\n },\n })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n public styles: CSSProperties = {};\n private appBridge: AppBridgeBlock;\n constructor({ styles = BlockStyles[LINK_PLUGIN], ...props }: LinkPluginProps) {\n super(LINK_PLUGIN, {\n button: LinkButton,\n markupElement: new LinkMarkupElement(),\n ...props,\n });\n this.styles = styles;\n this.appBridge = props.appBridge;\n }\n\n plugins(): PlatePlugin[] {\n return [createLinkPlugin(this.appBridge)];\n }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","styles","BlockStyles","LINK_PLUGIN","props","LinkButton","LinkMarkupElement","__publicField"],"mappings":";;;;;;;;;;AAoBO,MAAMA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAAA;AAAA,IAEhB,4BAA4B;AAAA,IAC5B,yBAAyB;AAAA,IACzB,WAAAJ;AAAA,EAAA;AAER,CAAC,EAAA;AAIE,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAY,EAAE,QAAAC,IAASC,EAAYC,CAAW,GAAG,GAAGC,KAA0B;AAC1E,UAAMD,GAAa;AAAA,MACf,QAAQE;AAAA,MACR,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASN,GACd,KAAK,YAAYG,EAAM;AAAA,EAC3B;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACX,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue';\n\nimport { type TLinkElement } from '../types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n if (!Array.isArray(linkNode)) {\n return '';\n }\n\n return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link \|\| '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n return getLinkNode(editor, (link) => link.url \|\| '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n return link.url \|\| link.chosenLink?.searchResult?.link \|\| '';\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;~~AAC/E~~,~~QAAAC~~,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,~~EAAa,~~EAAA,~~CAAG~~;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,~~MAAS~~;;~~AAAA~~,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}
1	+ {"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue';\n\nimport { type TLinkElement } from '../types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n if (!Array.isArray(linkNode)) {\n return '';\n }\n\n return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link \|\| '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n return getLinkNode(editor, (link) => link.url \|\| '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n return link.url \|\| link.chosenLink?.searchResult?.link \|\| '';\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AACrF,QAAMC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAA,GAAgB;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAA;;AAAS,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var a = Object.defineProperty;
 var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
 import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as i, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
 const d = "textstyle-custom1-plugin";
 class B extends i {
@@ -19,7 +19,7 @@ class B extends i {
     return [P(this.styles)];
   }
 }
-class E extends p {
+class E extends g {
   constructor(s = d, e = u) {
     super(s, e);
   }
@@ -31,11 +31,11 @@ const u = ({ element: t, attributes: s, children: e, styles: l }) => {
     {
       ...s,
       style: l,
-      className: g([m && y[m], C(t)]),
+      className: y([m && C[m], k(t)]),
       children: e
     }
   );
-}, P = (t) => k({
+}, P = (t) => p({
   key: o.custom1,
   isElement: !0,
   deserializeHtml: {

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom1-plugin';\n\nexport class Custom1Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom1, ...props }: PluginProps = {}) {\n super(TextStyles.custom1, {\n label: 'Custom 1',\n markupElement: new Custom1MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom1Plugin(this.styles)];\n }\n}\n\nclass Custom1MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom1MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n style={styles}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom1Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom1,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom1 }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Custom1MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom1MarkupElement","__publicField","createCustom1Plugin","MarkupElement","id","node","Custom1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAqB~~;AAAA,~~MACxC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,OAAOZ;AAAA,MACP,WAAWgB,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MAErF,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,~~EAClD~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,~~GAA0B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AAC5G,CAAC;"}
1	+ {"version":3,"file":"custom1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom1-plugin';\n\nexport class Custom1Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom1, ...props }: PluginProps = {}) {\n super(TextStyles.custom1, {\n label: 'Custom 1',\n markupElement: new Custom1MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom1Plugin(this.styles)];\n }\n}\n\nclass Custom1MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom1MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n style={styles}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom1Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom1,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom1 }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Custom1MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom1MarkupElement","__publicField","createCustom1Plugin","MarkupElement","id","node","Custom1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,OAAOZ;AAAA,MACP,WAAWgB,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MAErF,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var a = Object.defineProperty;
 var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
 import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as i, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
 const d = "textstyle-custom2-plugin";
 class B extends i {
@@ -19,7 +19,7 @@ class B extends i {
     return [P(this.styles)];
   }
 }
-class E extends p {
+class E extends g {
   constructor(s = d, e = u) {
     super(s, e);
   }
@@ -30,12 +30,12 @@ const u = ({ element: t, attributes: s, children: e, styles: l }) => {
     "p",
     {
       ...s,
-      className: g([m && y[m], C(t)]),
+      className: y([m && C[m], k(t)]),
       style: l,
       children: e
     }
   );
-}, P = (t) => k({
+}, P = (t) => p({
   key: o.custom2,
   isElement: !0,
   deserializeHtml: {

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n super(TextStyles.custom2, {\n label: 'Custom 2',\n markupElement: new Custom2MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom2Plugin(this.styles)];\n }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom2MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom2,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom2 }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAqB~~;AAAA,~~MACxC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,~~EAClD~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,~~GAA0B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AAC5G,CAAC;"}
1	+ {"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n super(TextStyles.custom2, {\n label: 'Custom 2',\n markupElement: new Custom2MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom2Plugin(this.styles)];\n }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom2MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom2,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom2 }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var a = Object.defineProperty;
 var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
 import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, TextStyles as o, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as i, TextStyles as o, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue";
 import { BlockStyles as x } from "../styles.es.js";
 const d = "textstyle-custom3-plugin";
 class B extends i {
@@ -19,7 +19,7 @@ class B extends i {
     return [P(this.styles)];
   }
 }
-class E extends p {
+class E extends g {
   constructor(s = d, e = u) {
     super(s, e);
   }
@@ -30,12 +30,12 @@ const u = ({ element: t, attributes: s, children: e, styles: l }) => {
     "p",
     {
       ...s,
-      className: g([m && y[m], C(t)]),
+      className: y([m && C[m], k(t)]),
       style: l,
       children: e
     }
   );
-}, P = (t) => k({
+}, P = (t) => p({
   key: o.custom3,
   isElement: !0,
   deserializeHtml: {

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n TextStyles,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n super(TextStyles.custom3, {\n label: 'Custom 3',\n markupElement: new Custom3MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom3Plugin(this.styles)];\n }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom3MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom3,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom3 }],\n },\n })({\n component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","__publicField","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAqB~~;AAAA,~~MACxC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,~~EAClD~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,~~GAA0B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AACxG,CAAC;"}
1	+ {"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n TextStyles,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n super(TextStyles.custom3, {\n label: 'Custom 3',\n markupElement: new Custom3MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createCustom3Plugin(this.styles)];\n }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n constructor(id = ID, node = Custom3MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </p>\n );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.custom3,\n isElement: true,\n deserializeHtml: {\n rules: [{ validClassName: TextStyles.custom3 }],\n },\n })({\n component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","__publicField","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading1-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h1",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading1,
   isElement: !0,
   component: l,

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n super(TextStyles.heading1, {\n label: 'Heading 1',\n markupElement: new Heading1MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading1Plugin(this.styles)];\n }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading1MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h1\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h1>\n );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading1,\n isElement: true,\n component: Heading1MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h1', 'H1'] }],\n },\n })({\n component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAsB~~;AAAA,~~MACzC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,~~EAC3C~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,~~GAA2B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AACzG,CAAC;"}
1	+ {"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n super(TextStyles.heading1, {\n label: 'Heading 1',\n markupElement: new Heading1MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading1Plugin(this.styles)];\n }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading1MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h1\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h1>\n );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading1,\n isElement: true,\n component: Heading1MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h1', 'H1'] }],\n },\n })({\n component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading2-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h2",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading2,
   isElement: !0,
   component: l,

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n super(TextStyles.heading2, {\n label: 'Heading 2',\n markupElement: new Heading2MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading2Plugin(this.styles)];\n }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading2MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h2\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h2>\n );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading2,\n isElement: true,\n component: Heading2MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h2', 'H2'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAsB~~;AAAA,~~MACzC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,~~EAC3C~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,~~GAA2B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AAC7G,CAAC;"}
1	+ {"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n super(TextStyles.heading2, {\n label: 'Heading 2',\n markupElement: new Heading2MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading2Plugin(this.styles)];\n }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading2MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h2\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h2>\n );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading2,\n isElement: true,\n component: Heading2MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h2', 'H2'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading3-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h3",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading3,
   isElement: !0,
   component: l,

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n super(TextStyles.heading3, {\n label: 'Heading 3',\n markupElement: new Heading3MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading3Plugin(this.styles)];\n }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading3MarkupElementNode) {\n super(id, node);\n }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h3\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h3>\n );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading3,\n isElement: true,\n component: Heading3MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h3', 'H3'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAsB~~;AAAA,~~MACzC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,~~EAC3C~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,~~GAA2B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AAC7G,CAAC;"}
1	+ {"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n super(TextStyles.heading3, {\n label: 'Heading 3',\n markupElement: new Heading3MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading3Plugin(this.styles)];\n }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading3MarkupElementNode) {\n super(id, node);\n }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h3\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h3>\n );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading3,\n isElement: true,\n component: Heading3MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h3', 'H3'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var g = Object.defineProperty;
 var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as i } from "react/jsx-runtime";
-import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue";
 import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
 const H = "textstyle-heading4-plugin";
 class M extends u {
@@ -19,7 +19,7 @@ class M extends u {
     return [E(this.styles)];
   }
 }
-class x extends c {
+class x extends d {
   constructor(e = H, n = l) {
     super(e, n);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: n, styles: s }) => {
     "h4",
     {
       ...e,
-      className: d([a && p[a], y(t)]),
+      className: p([a && y[a], h(t)]),
       style: s,
       children: n
     }
   );
-}, E = (t) => h({
+}, E = (t) => c({
   key: o.heading4,
   isElement: !0,
   component: l,

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading4Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n super(TextStyles.heading4, {\n label: 'Heading 4',\n markupElement: new Heading4MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading4Plugin(this.styles)];\n }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading4MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h4\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h4>\n );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading4,\n isElement: true,\n component: Heading4MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h4', 'H4'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading4Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading4MarkupElement","__publicField","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,~~EAAuB~~,~~IAAA~~,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,~~EAAsB~~;AAAA,~~MACzC~~,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;~~AAElB~~,~~SAAA~~,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,~~EAC3C~~;~~AACJ~~,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,~~GAA2B~~,~~EAAA~~,GAAGR,GAAO,QAAAF,~~GAAgB~~;AAC7G,CAAC;"}
1	+ {"version":3,"file":"heading4Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n MarkupElement,\n type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n public styles: CSSProperties = {};\n constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n super(TextStyles.heading4, {\n label: 'Heading 4',\n markupElement: new Heading4MarkupElement(),\n ...props,\n });\n this.styles = styles;\n }\n\n plugins(): PlatePlugin[] {\n return [createHeading4Plugin(this.styles)];\n }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n constructor(id = ID, node = Heading4MarkupElementNode) {\n super(id, node);\n }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n const align = element.align as string;\n return (\n <h4\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={styles}\n >\n {children}\n </h4>\n );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n createPluginFactory({\n key: TextStyles.heading4,\n isElement: true,\n component: Heading4MarkupElementNode,\n deserializeHtml: {\n rules: [{ validNodeName: ['h4', 'H4'] }],\n },\n })({\n component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n });\n"],"names":["ID","Heading4Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading4MarkupElement","__publicField","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles } from '../styles';\n\nimport {\n Custom1Plugin,\n Custom2Plugin,\n Custom3Plugin,\n Heading1Plugin,\n Heading2Plugin,\n Heading3Plugin,\n Heading4Plugin,\n ImageCaptionPlugin,\n ImageTitlePlugin,\n ParagraphPlugin,\n QuotePlugin,\n} from '.';\n\nexport const TextStylePluginsWithoutImage = [\n new Heading1Plugin(),\n new Heading2Plugin(),\n new Heading3Plugin(),\n new Heading4Plugin(),\n new Custom1Plugin(),\n new Custom2Plugin(),\n new Custom3Plugin(),\n new QuotePlugin(),\n new ParagraphPlugin(),\n];\n\nexport const TextStylesWithoutImage = [\n TextStyles.heading1,\n TextStyles.heading2,\n TextStyles.heading3,\n TextStyles.heading4,\n TextStyles.custom1,\n TextStyles.custom2,\n TextStyles.custom3,\n TextStyles.quote,\n TextStyles.p,\n];\n\nexport const AllTextStylePlugins = [...TextStylePluginsWithoutImage, new ImageCaptionPlugin(), new ImageTitlePlugin()];\n\nexport const AllTextStyles = [...TextStylesWithoutImage, TextStyles.imageCaption, TextStyles.imageTitle];\n"],"names":["TextStylePluginsWithoutImage","Heading1Plugin","Heading2Plugin","Heading3Plugin","Heading4Plugin","Custom1Plugin","Custom2Plugin","Custom3Plugin","QuotePlugin","ParagraphPlugin","TextStylesWithoutImage","TextStyles","AllTextStylePlugins","ImageCaptionPlugin","ImageTitlePlugin","AllTextStyles"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,IAA+B;AAAA,EACxC,IAAIC,~~EAAe~~;AAAA,~~EACnB~~,IAAIC,~~EAAe~~;AAAA,~~EACnB~~,IAAIC,~~EAAe~~;AAAA,~~EACnB~~,IAAIC,~~EAAe~~;AAAA,~~EACnB~~,IAAIC,~~EAAc~~;AAAA,~~EAClB~~,IAAIC,~~EAAc~~;AAAA,~~EAClB~~,IAAIC,~~EAAc~~;AAAA,~~EAClB~~,IAAIC,~~EAAY~~;AAAA,~~EAChB~~,IAAIC,~~EAAgB~~;~~AACxB~~,GAEaC,IAAyB;AAAA,EAClCC,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AACf,GAEaC,IAAsB,CAAC,GAAGZ,GAA8B,IAAIa,~~EAAmB~~,~~GAAG~~,IAAIC,~~GAAkB~~,GAExGC,IAAgB,CAAC,GAAGL,GAAwBC,EAAW,cAAcA,EAAW,UAAU;"}
1	+ {"version":3,"file":"helpers.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles } from '../styles';\n\nimport {\n Custom1Plugin,\n Custom2Plugin,\n Custom3Plugin,\n Heading1Plugin,\n Heading2Plugin,\n Heading3Plugin,\n Heading4Plugin,\n ImageCaptionPlugin,\n ImageTitlePlugin,\n ParagraphPlugin,\n QuotePlugin,\n} from '.';\n\nexport const TextStylePluginsWithoutImage = [\n new Heading1Plugin(),\n new Heading2Plugin(),\n new Heading3Plugin(),\n new Heading4Plugin(),\n new Custom1Plugin(),\n new Custom2Plugin(),\n new Custom3Plugin(),\n new QuotePlugin(),\n new ParagraphPlugin(),\n];\n\nexport const TextStylesWithoutImage = [\n TextStyles.heading1,\n TextStyles.heading2,\n TextStyles.heading3,\n TextStyles.heading4,\n TextStyles.custom1,\n TextStyles.custom2,\n TextStyles.custom3,\n TextStyles.quote,\n TextStyles.p,\n];\n\nexport const AllTextStylePlugins = [...TextStylePluginsWithoutImage, new ImageCaptionPlugin(), new ImageTitlePlugin()];\n\nexport const AllTextStyles = [...TextStylesWithoutImage, TextStyles.imageCaption, TextStyles.imageTitle];\n"],"names":["TextStylePluginsWithoutImage","Heading1Plugin","Heading2Plugin","Heading3Plugin","Heading4Plugin","Custom1Plugin","Custom2Plugin","Custom3Plugin","QuotePlugin","ParagraphPlugin","TextStylesWithoutImage","TextStyles","AllTextStylePlugins","ImageCaptionPlugin","ImageTitlePlugin","AllTextStyles"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,IAA+B;AAAA,EACxC,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAA;AACR,GAEaC,IAAyB;AAAA,EAClCC,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AACf,GAEaC,IAAsB,CAAC,GAAGZ,GAA8B,IAAIa,EAAA,GAAsB,IAAIC,EAAA,CAAkB,GAExGC,IAAgB,CAAC,GAAGL,GAAwBC,EAAW,cAAcA,EAAW,UAAU;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ var r = Object.defineProperty;
 var p = (t, e, a) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var o = (t, e, a) => p(t, typeof e != "symbol" ? e + "" : e, a);
 import { jsx as m } from "react/jsx-runtime";
-import { Plugin as g, MarkupElement as u, merge as c, alignmentClassnames as C, getColumnBreakClasses as y, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as g, createPluginFactory as u, MarkupElement as c, merge as C, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as s, BlockStyles as x } from "../styles.es.js";
 const I = "textstyle-imageCaption-plugin";
 class h extends g {
@@ -19,7 +19,7 @@ class h extends g {
     return [E(this.styles)];
   }
 }
-class d extends u {
+class d extends c {
   constructor(e = I, a = l) {
     super(e, a);
   }
@@ -30,12 +30,12 @@ const l = ({ element: t, attributes: e, children: a, styles: n }) => {
     "p",
     {
       ...e,
-      className: c([i && C[i], y(t)]),
+      className: C([i && y[i], k(t)]),
       style: n,
       children: a
     }
   );
-}, E = (t) => k({
+}, E = (t) => u({
   key: s.imageCaption,
   isElement: !0,
   component: l,