@plasmicpkgs/tiptap 0.0.28 → 0.0.29

package/skinny/registerBold.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerBold.cjs.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapBold","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerBold.cjs.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapBold","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerBold.esm.js

@@ -1,6 +1,6 @@
 import TiptapBold from '@tiptap/extension-bold';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';

package/skinny/registerBold.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerBold.esm.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerBold.esm.js","sources":["../src/registerBold.tsx"],"sourcesContent":["import TiptapBold from \"@tiptap/extension-bold\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface BoldProps {\n  className: string;\n}\n\nexport function Bold(props: BoldProps) {\n  const { setBold } = useTiptapContext();\n\n  useEffect(() => {\n    setBold(\n      TiptapBold.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setBold(undefined);\n    };\n  }, []);\n\n  return null;\n}\nBold.displayName = \"Bold\";\n\nexport function registerBold(loader?: Registerable) {\n  registerComponentHelper(loader, Bold, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-bold`,\n    displayName: \"Tiptap Bold\",\n    props: {},\n    importName: \"Bold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAG,qBAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerCode.cjs.js

@@ -2,7 +2,7 @@
 
 var TiptapCode = require('@tiptap/extension-code');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+var registerTiptap = require('./registerTiptap-b077cd09.cjs.js');
 require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');

package/skinny/registerCode.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCode.cjs.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapCode","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerCode.cjs.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapCode","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerCode.esm.js

@@ -1,6 +1,6 @@
 import TiptapCode from '@tiptap/extension-code';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';

package/skinny/registerCode.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCode.esm.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerCode.esm.js","sources":["../src/registerCode.tsx"],"sourcesContent":["import TiptapCode from \"@tiptap/extension-code\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface CodeProps {\n  className: string;\n}\n\nexport function Code(props: CodeProps) {\n  const { setCode } = useTiptapContext();\n\n  useEffect(() => {\n    setCode(\n      TiptapCode.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setCode(undefined);\n    };\n  }, []);\n\n  return null;\n}\nCode.displayName = \"Code\";\n\nexport function registerCode(loader?: Registerable) {\n  registerComponentHelper(loader, Code, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-code`,\n    displayName: \"Tiptap Code\",\n    props: {},\n    importName: \"Code\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAG,qBAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerItalic.cjs.js

@@ -2,7 +2,7 @@
 
 var TiptapItalic = require('@tiptap/extension-italic');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+var registerTiptap = require('./registerTiptap-b077cd09.cjs.js');
 require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');

package/skinny/registerItalic.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerItalic.cjs.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapItalic","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerItalic.cjs.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapItalic","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,iBAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerItalic.esm.js

@@ -1,6 +1,6 @@
 import TiptapItalic from '@tiptap/extension-italic';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';

package/skinny/registerItalic.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerItalic.esm.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerItalic.esm.js","sources":["../src/registerItalic.tsx"],"sourcesContent":["import TiptapItalic from \"@tiptap/extension-italic\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface ItalicProps {\n  className: string;\n}\n\nexport function Italic(props: ItalicProps) {\n  const { setItalic } = useTiptapContext();\n\n  useEffect(() => {\n    setItalic(\n      TiptapItalic.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setItalic(undefined);\n    };\n  }, []);\n\n  return null;\n}\nItalic.displayName = \"Italic\";\n\nexport function registerItalic(loader?: Registerable) {\n  registerComponentHelper(loader, Italic, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-italic`,\n    displayName: \"Tiptap Italic\",\n    props: {},\n    importName: \"Italic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,IAAA,EAAM,GAAG,qBAAqB,CAAA,iBAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerLink.cjs.js

@@ -2,7 +2,7 @@
 
 var TiptapLink = require('@tiptap/extension-link');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+var registerTiptap = require('./registerTiptap-b077cd09.cjs.js');
 require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');

package/skinny/registerLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLink.cjs.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapLink","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerLink.cjs.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapLink","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACEC,4BAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAAC,sCAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerLink.esm.js

@@ -1,6 +1,6 @@
 import TiptapLink from '@tiptap/extension-link';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';

package/skinny/registerLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLink.esm.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerLink.esm.js","sources":["../src/registerLink.tsx"],"sourcesContent":["import TiptapLink from \"@tiptap/extension-link\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface LinkProps {\n  className: string;\n}\n\nexport function Link(props: LinkProps) {\n  const { setLink } = useTiptapContext();\n\n  useEffect(() => {\n    setLink(\n      TiptapLink.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setLink(undefined);\n    };\n  }, []);\n\n  return null;\n}\nLink.displayName = \"Link\";\n\nexport function registerLink(loader?: Registerable) {\n  registerComponentHelper(loader, Link, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-link`,\n    displayName: \"Tiptap Link\",\n    props: {},\n    importName: \"Link\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAA;AAAA,MACE,WAAW,SAAU,CAAA;AAAA,QACnB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,IAAA,CAAK,WAAc,GAAA,MAAA,CAAA;AAEZ,SAAS,aAAa,MAAuB,EAAA;AAClD,EAAA,uBAAA,CAAwB,QAAQ,IAAM,EAAA;AAAA,IACpC,IAAA,EAAM,GAAG,qBAAqB,CAAA,eAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,aAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,yCAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerMention.cjs.js

@@ -5,7 +5,7 @@ var TiptapMention = require('@tiptap/extension-mention');
 var react = require('@tiptap/react');
 var React = require('react');
 var tippy = require('tippy.js');
-var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+var registerTiptap = require('./registerTiptap-b077cd09.cjs.js');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');
 require('@tiptap/extension-text');
@@ -188,8 +188,7 @@ function Mention(props) {
            */
           items: ({ query }) => {
             var _a, _b;
-            if (!query)
-              return [];
+            if (!query) return [];
             if (!hasDataDynamicRef.current) {
               const res = (dataStatic == null ? void 0 : dataStatic.filter(
                 (item) => {
@@ -199,12 +198,10 @@ function Mention(props) {
               ).slice(0, maxSuggestionCountRef.current)) || [];
               return res;
             }
-            if (!dataDynamicRef.current)
-              return [];
+            if (!dataDynamicRef.current) return [];
             if (((_a = dataDynamicRef.current) == null ? void 0 : _a.isLoading) === false) {
               const data = (_b = dataDynamicRef.current.data) == null ? void 0 : _b.response;
-              if (!Array.isArray(data))
-                return [];
+              if (!Array.isArray(data)) return [];
               return (data == null ? void 0 : data.filter(
                 (item) => {
                   var _a2, _b2, _c;
@@ -295,11 +292,9 @@ function Mention(props) {
       }
       return data;
     }
-    if (!dataDynamic || dataDynamic.isLoading)
-      return noData;
+    if (!dataDynamic || dataDynamic.isLoading) return noData;
     data = (_b = (_a = dataDynamic.data) == null ? void 0 : _a.response) != null ? _b : noData;
-    if (!Array.isArray(data))
-      return noData;
+    if (!Array.isArray(data)) return noData;
     return data.slice(0, maxSuggestionCount);
   }, [
     dataDynamic,

package/skinny/registerMention.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerMention.cjs.js","sources":["../src/components/MentionList.tsx","../src/registerMention.tsx"],"sourcesContent":["import { DataProvider, repeatedElement } from \"@plasmicapp/host\";\nimport { SuggestionProps } from \"@tiptap/suggestion\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from \"react\";\n\ntype MentionListProps = SuggestionProps<any> & {\n  suggestionItem: React.ReactNode;\n  searchField: string;\n  popupClassName: string;\n  itemClassName: string;\n  selectedItemClassName: string;\n};\n\nexport default forwardRef(\n  (\n    props: MentionListProps,\n    ref: React.ForwardedRef<{ onKeyDown: (e: KeyboardEvent) => boolean }>\n  ) => {\n    const [selectedIndex, setSelectedIndex] = useState(0);\n    const {\n      items = [],\n      suggestionItem,\n      searchField,\n      popupClassName,\n      itemClassName,\n      selectedItemClassName,\n    } = props;\n\n    const selectItem = (index: number) => {\n      const item = items[index];\n\n      if (item) {\n        props.command?.({ id: item[searchField] });\n      }\n    };\n\n    const upHandler = () => {\n      setSelectedIndex((selectedIndex + items?.length - 1) % items.length);\n    };\n\n    const downHandler = () => {\n      setSelectedIndex((selectedIndex + 1) % items.length);\n    };\n\n    const enterHandler = () => {\n      selectItem(selectedIndex);\n    };\n\n    useEffect(() => setSelectedIndex(0), [items]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: (event) => {\n        if (event.key === \"ArrowUp\") {\n          upHandler();\n          return true;\n        }\n\n        if (event.key === \"ArrowDown\") {\n          downHandler();\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          enterHandler();\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    // bare minimum styles that can easily be overridden.\n    const css = `\n    .SuggestionsList {\n        background: #eee;\n        position: relative;\n        border-radius: 0.5rem;\n\n      & .item {\n        display: block;\n        width: 100%;\n\n        & .is-selected {\n          color: purple;\n        }\n      }\n    }\n\n    `;\n\n    const hasSuggestionItemSlot = (suggestionItem as any)?.props.children;\n    return (\n      <div className={`SuggestionsList`}>\n        <div className={popupClassName}>\n          {props.items.length ? (\n            props.items.map((item, index: number) => (\n              <div\n                role=\"button\"\n                className={`item`}\n                key={index}\n                onClick={() => selectItem(index)}\n              >\n                <DataProvider\n                  key={item[searchField]}\n                  name={\"suggestionItem\"}\n                  data={item}\n                >\n                  <div\n                    className={`${itemClassName} ${\n                      index === selectedIndex ? \"is-selected\" : \"\"\n                    }`}\n                  >\n                    <div\n                      /**\n                       * override styles from is-selected.\n                       * Reason: The styles added by Plasmic user via the Design tab in the studio have low-proiorty selectors\n                       * compared to the default styles defined above. And we do not have a choice on the selector either, so its not possible to increase its selector priority\n                       * What we do here though is add a child div with the className that should be able to overWrite the default styles instead.\n                       */\n                      className={\n                        index === selectedIndex ? selectedItemClassName : \"\"\n                      }\n                    >\n                      {hasSuggestionItemSlot\n                        ? repeatedElement(index === 0, suggestionItem)\n                        : item[searchField]}\n                    </div>\n                  </div>\n                </DataProvider>\n              </div>\n            ))\n          ) : (\n            <div className=\"item\">No result</div>\n          )}\n        </div>\n        <style dangerouslySetInnerHTML={{ __html: css }} />\n      </div>\n    );\n  }\n);\n","import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport TiptapMention, { MentionOptions } from \"@tiptap/extension-mention\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport tippy, { GetReferenceClientRect, Instance, Props } from \"tippy.js\";\nimport MentionList from \"./components/MentionList\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type QueryResult = {\n  data?: { response: any[] };\n  error?: Error;\n  isLoading?: boolean;\n};\n\nexport type MentionProps = Omit<MentionOptions, \"HTMLAttributes\"> & {\n  className: string;\n  dataStatic?: any[];\n  hasDataDynamic?: boolean;\n  dataDynamic?: QueryResult;\n  suggestionItem: React.ReactNode;\n  searchField?: string;\n  popupClassName?: string;\n  itemClassName?: string;\n  selectedItemClassName?: string;\n  mentionClassName?: string;\n  maxSuggestionCount?: number;\n};\n\nexport function Mention(props: MentionProps) {\n  const {\n    dataStatic = [],\n    dataDynamic,\n    hasDataDynamic,\n    suggestionItem,\n    searchField = \"id\",\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n    mentionClassName,\n    maxSuggestionCount = 5,\n  } = props;\n\n  /**\n   * Although refs should be sparingly used, we need all these refs here due to the way tiptap works:\n   *\n   * It needs to be passed the async function that returns the suggestion items, when the extension is initialized (ie. in the .configure() call). Whenever there is a need for new suggestions, the same async callback is called. Without refs, that callback would always use stale data. That is why we absolutely need these here.\n   */\n  const dataDynamicRef = useRef(dataDynamic);\n  const hasDataDynamicRef = useRef(hasDataDynamic);\n  const maxSuggestionCountRef = useRef(maxSuggestionCount);\n  dataDynamicRef.current = dataDynamic;\n  hasDataDynamicRef.current = hasDataDynamic;\n  maxSuggestionCountRef.current = maxSuggestionCount;\n\n  const { setMention } = useTiptapContext();\n  useEffect(() => {\n    setMention(\n      TiptapMention.configure({\n        HTMLAttributes: {\n          class: mentionClassName,\n        },\n        renderLabel: ({ options, node }) => {\n          return `${options.suggestion.char}${node.attrs.id}`;\n        },\n        suggestion: {\n          /**\n           * This function below only does static filtering. It can't give query parameters to the Plasmic query for filtering at the server side to avoid some complexities.\n           *\n           * Before we move on to the issues, lets first explain how it could have supported server-side filtering via query params:\n           * - The user creates a plasmic query to fetch the suggestions. These suggestions are filtered by some query parameter. The value of the query parameter is bound to the currentMention state.\n           *\n           * - When the user types `@abc` for example, the following async function `items` is triggered. It knows the query and returns the new set of suggestions. The returned array is rendered in the suggestions popup\n           *\n           * Issues:\n           * 1. Stale Query issue:\n           * The same async function is responsible for setting the currentMention state, and also return the new suggestion results. We can't await the Plasmic query after it is triggered by the currentMention state change. So query results it has are stale.\n           *\n           * Solution: We poll the Plasmic query's isLoading field (indefinitely)\n           *\n           * For simplicity, therefore, we are just supporting static filtering for now, and may consider the approach highlighted above for filtering via query params.\n           *\n           * 2. The async function is provided at the time of extension initialization. That async function only knows the state/props in its render cycle, so these props are outdated at the time the async function is triggered.\n           *\n           * We can't put all of them in the useEffect dependencies array, because change in any of them will cause the Mention extension to be removed/re-added, resulting in a flicker on every keystroke + lost input focus (which causes the suggestion popup to never show)\n           *\n           * Solution: Use refs\n           *\n           * @param param0\n           * @returns\n           */\n          items: ({ query }: { query: string }) => {\n            if (!query) return [];\n\n            if (!hasDataDynamicRef.current) {\n              // for static data, just filter the static array and return results\n              const res =\n                dataStatic\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || [];\n              return res;\n            }\n\n            if (!dataDynamicRef.current) return [];\n\n            if (dataDynamicRef.current?.isLoading === false) {\n              const data = dataDynamicRef.current.data?.response;\n              if (!Array.isArray(data)) return [];\n              return (\n                data\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || []\n              );\n            }\n\n            return [];\n          },\n          render: () => {\n            let component: ReactRenderer<\n              { onKeyDown: (e: KeyboardEvent) => boolean },\n              typeof MentionList\n            >;\n            let popup: Instance<Props>[];\n            const otherProps = {\n              suggestionItem,\n              searchField,\n              popupClassName,\n              itemClassName,\n              selectedItemClassName,\n            };\n\n            return {\n              // eslint-disable-next-line no-shadow\n              onStart: (props) => {\n                component = new ReactRenderer<any, any>(MentionList, {\n                  props: {\n                    ...props,\n                    ...otherProps,\n                  },\n                  editor: props.editor,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup = tippy(\"body\", {\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                  appendTo: () => document.body,\n                  content: component.element,\n                  showOnCreate: true,\n                  interactive: true,\n                  trigger: \"manual\",\n                  placement: \"bottom-start\",\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onUpdate(props) {\n                component.updateProps({\n                  ...props,\n                  ...otherProps,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup?.[0]?.setProps({\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onKeyDown(props) {\n                if (props.event.key === \"Escape\") {\n                  popup?.[0]?.hide();\n\n                  return true;\n                }\n\n                return component.ref?.onKeyDown(props.event) || false;\n              },\n\n              onExit() {\n                popup?.[0]?.destroy();\n                component.destroy();\n              },\n            };\n          },\n        },\n      })\n    );\n    return () => {\n      setMention(undefined);\n    };\n    // add only those dependencies that are OK to trigger a flicker in the tiptap editor, while it re-initializes. ie. changes that are one-time (or not frequent / not per keystroke)\n  }, [\n    searchField,\n    mentionClassName,\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n  ]);\n\n  const inCanvas = !!usePlasmicCanvasContext();\n\n  const providerData = useMemo(() => {\n    const noData = [{ [searchField]: \"No data\" }];\n    let data = inCanvas ? noData : [];\n    if (!hasDataDynamic) {\n      if (dataStatic?.length && Array.isArray(dataStatic)) {\n        data = [...dataStatic];\n      }\n      return data;\n    }\n\n    if (!dataDynamic || dataDynamic.isLoading) return noData;\n    data = dataDynamic.data?.response ?? noData;\n    if (!Array.isArray(data)) return noData;\n    return data.slice(0, maxSuggestionCount);\n  }, [\n    dataDynamic,\n    searchField,\n    hasDataDynamic,\n    maxSuggestionCount,\n    dataStatic,\n  ]);\n\n  return (\n    <div\n      style={{\n        // ...(showSuggestionItem ? {} : { display: \"none\" }),\n        ...{\n          // bare minimum styles (that need not be overridden)\n          // We just want to make the dataProvider data available to the MentionList component (<DataProvider> is needed to be returned from the returned JSX). It should not be shown in the UI, hence the display: none\n          display: \"none\",\n          position: \"absolute\",\n          top: 0,\n          background: \"white\",\n        },\n      }}\n    >\n      {providerData?.slice(0, maxSuggestionCount).map((item, index) => (\n        // Data provider needs to be in the returned JSX (the actual use of the \"suggestionItem\" data is in the MentionList component.)\n        <DataProvider key={item.id} name={\"suggestionItem\"} data={item}>\n          {repeatedElement(index === 0, suggestionItem) ?? item[searchField]}\n        </DataProvider>\n      ))}\n    </div>\n  );\n  // return null;\n}\nMention.displayName = \"Mention\";\n\nexport function registerMention(loader?: Registerable) {\n  registerComponentHelper(loader, Mention, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-mention`,\n    displayName: \"Tiptap Mention\",\n    providesData: true,\n    props: {\n      dataDynamic: {\n        type: \"dataSourceOpData\" as any,\n        description: \"Filtered suggestions\",\n        disableDynamicValue: true, // we don't want the users to temper with the Plasmic's default query type.\n        hidden: (ps) => !ps.hasDataDynamic,\n      },\n      searchField: {\n        type: \"string\",\n        defaultValueHint: \"id\",\n      },\n      maxSuggestionCount: {\n        type: \"number\",\n        defaultValueHint: 5,\n        description:\n          \"Limits the number of suggestions that appear in the suggestions popup\",\n      },\n      dataStatic: {\n        type: \"array\",\n        hidden: (ps) => Boolean(ps.hasDataDynamic),\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            id: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            id: \"thomasEd1\",\n            label: \"Thomas Edison\",\n          },\n          {\n            id: \"sherlock221b\",\n            label: \"Sherlock Holmes\",\n          },\n          {\n            id: \"eliot_thomas\",\n            label: \"T.S Eliot\",\n          },\n          {\n            id: \"shakespeare74\",\n            label: \"William Shakespeare\",\n          },\n        ],\n      },\n      hasDataDynamic: {\n        type: \"boolean\",\n      },\n      mentionClassName: {\n        type: \"class\",\n        displayName: \"Mention label\",\n      },\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Popup\",\n      },\n      itemClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Item\",\n      },\n      selectedItemClassName: {\n        type: \"class\",\n        displayName: \"Selected Item\",\n      },\n      suggestionItem: {\n        type: \"slot\",\n      },\n      currentMention: {\n        type: \"string\",\n        hidden: () => true,\n      },\n    },\n    importName: \"Mention\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerMention\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["forwardRef","useState","useEffect","useImperativeHandle","React","DataProvider","repeatedElement","useRef","useTiptapContext","TiptapMention","_a","_b","props","ReactRenderer","tippy","usePlasmicCanvasContext","useMemo","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":"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"}
+{"version":3,"file":"registerMention.cjs.js","sources":["../src/components/MentionList.tsx","../src/registerMention.tsx"],"sourcesContent":["import { DataProvider, repeatedElement } from \"@plasmicapp/host\";\nimport { SuggestionProps } from \"@tiptap/suggestion\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from \"react\";\n\ntype MentionListProps = SuggestionProps<any> & {\n  suggestionItem: React.ReactNode;\n  searchField: string;\n  popupClassName: string;\n  itemClassName: string;\n  selectedItemClassName: string;\n};\n\nexport default forwardRef(\n  (\n    props: MentionListProps,\n    ref: React.ForwardedRef<{ onKeyDown: (e: KeyboardEvent) => boolean }>\n  ) => {\n    const [selectedIndex, setSelectedIndex] = useState(0);\n    const {\n      items = [],\n      suggestionItem,\n      searchField,\n      popupClassName,\n      itemClassName,\n      selectedItemClassName,\n    } = props;\n\n    const selectItem = (index: number) => {\n      const item = items[index];\n\n      if (item) {\n        props.command?.({ id: item[searchField] });\n      }\n    };\n\n    const upHandler = () => {\n      setSelectedIndex((selectedIndex + items?.length - 1) % items.length);\n    };\n\n    const downHandler = () => {\n      setSelectedIndex((selectedIndex + 1) % items.length);\n    };\n\n    const enterHandler = () => {\n      selectItem(selectedIndex);\n    };\n\n    useEffect(() => setSelectedIndex(0), [items]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: (event) => {\n        if (event.key === \"ArrowUp\") {\n          upHandler();\n          return true;\n        }\n\n        if (event.key === \"ArrowDown\") {\n          downHandler();\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          enterHandler();\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    // bare minimum styles that can easily be overridden.\n    const css = `\n    .SuggestionsList {\n        background: #eee;\n        position: relative;\n        border-radius: 0.5rem;\n\n      & .item {\n        display: block;\n        width: 100%;\n\n        & .is-selected {\n          color: purple;\n        }\n      }\n    }\n\n    `;\n\n    const hasSuggestionItemSlot = (suggestionItem as any)?.props.children;\n    return (\n      <div className={`SuggestionsList`}>\n        <div className={popupClassName}>\n          {props.items.length ? (\n            props.items.map((item, index: number) => (\n              <div\n                role=\"button\"\n                className={`item`}\n                key={index}\n                onClick={() => selectItem(index)}\n              >\n                <DataProvider\n                  key={item[searchField]}\n                  name={\"suggestionItem\"}\n                  data={item}\n                >\n                  <div\n                    className={`${itemClassName} ${\n                      index === selectedIndex ? \"is-selected\" : \"\"\n                    }`}\n                  >\n                    <div\n                      /**\n                       * override styles from is-selected.\n                       * Reason: The styles added by Plasmic user via the Design tab in the studio have low-proiorty selectors\n                       * compared to the default styles defined above. And we do not have a choice on the selector either, so its not possible to increase its selector priority\n                       * What we do here though is add a child div with the className that should be able to overWrite the default styles instead.\n                       */\n                      className={\n                        index === selectedIndex ? selectedItemClassName : \"\"\n                      }\n                    >\n                      {hasSuggestionItemSlot\n                        ? repeatedElement(index === 0, suggestionItem)\n                        : item[searchField]}\n                    </div>\n                  </div>\n                </DataProvider>\n              </div>\n            ))\n          ) : (\n            <div className=\"item\">No result</div>\n          )}\n        </div>\n        <style dangerouslySetInnerHTML={{ __html: css }} />\n      </div>\n    );\n  }\n);\n","import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport TiptapMention, { MentionOptions } from \"@tiptap/extension-mention\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport tippy, { GetReferenceClientRect, Instance, Props } from \"tippy.js\";\nimport MentionList from \"./components/MentionList\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type QueryResult = {\n  data?: { response: any[] };\n  error?: Error;\n  isLoading?: boolean;\n};\n\nexport type MentionProps = Omit<MentionOptions, \"HTMLAttributes\"> & {\n  className: string;\n  dataStatic?: any[];\n  hasDataDynamic?: boolean;\n  dataDynamic?: QueryResult;\n  suggestionItem: React.ReactNode;\n  searchField?: string;\n  popupClassName?: string;\n  itemClassName?: string;\n  selectedItemClassName?: string;\n  mentionClassName?: string;\n  maxSuggestionCount?: number;\n};\n\nexport function Mention(props: MentionProps) {\n  const {\n    dataStatic = [],\n    dataDynamic,\n    hasDataDynamic,\n    suggestionItem,\n    searchField = \"id\",\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n    mentionClassName,\n    maxSuggestionCount = 5,\n  } = props;\n\n  /**\n   * Although refs should be sparingly used, we need all these refs here due to the way tiptap works:\n   *\n   * It needs to be passed the async function that returns the suggestion items, when the extension is initialized (ie. in the .configure() call). Whenever there is a need for new suggestions, the same async callback is called. Without refs, that callback would always use stale data. That is why we absolutely need these here.\n   */\n  const dataDynamicRef = useRef(dataDynamic);\n  const hasDataDynamicRef = useRef(hasDataDynamic);\n  const maxSuggestionCountRef = useRef(maxSuggestionCount);\n  dataDynamicRef.current = dataDynamic;\n  hasDataDynamicRef.current = hasDataDynamic;\n  maxSuggestionCountRef.current = maxSuggestionCount;\n\n  const { setMention } = useTiptapContext();\n  useEffect(() => {\n    setMention(\n      TiptapMention.configure({\n        HTMLAttributes: {\n          class: mentionClassName,\n        },\n        renderLabel: ({ options, node }) => {\n          return `${options.suggestion.char}${node.attrs.id}`;\n        },\n        suggestion: {\n          /**\n           * This function below only does static filtering. It can't give query parameters to the Plasmic query for filtering at the server side to avoid some complexities.\n           *\n           * Before we move on to the issues, lets first explain how it could have supported server-side filtering via query params:\n           * - The user creates a plasmic query to fetch the suggestions. These suggestions are filtered by some query parameter. The value of the query parameter is bound to the currentMention state.\n           *\n           * - When the user types `@abc` for example, the following async function `items` is triggered. It knows the query and returns the new set of suggestions. The returned array is rendered in the suggestions popup\n           *\n           * Issues:\n           * 1. Stale Query issue:\n           * The same async function is responsible for setting the currentMention state, and also return the new suggestion results. We can't await the Plasmic query after it is triggered by the currentMention state change. So query results it has are stale.\n           *\n           * Solution: We poll the Plasmic query's isLoading field (indefinitely)\n           *\n           * For simplicity, therefore, we are just supporting static filtering for now, and may consider the approach highlighted above for filtering via query params.\n           *\n           * 2. The async function is provided at the time of extension initialization. That async function only knows the state/props in its render cycle, so these props are outdated at the time the async function is triggered.\n           *\n           * We can't put all of them in the useEffect dependencies array, because change in any of them will cause the Mention extension to be removed/re-added, resulting in a flicker on every keystroke + lost input focus (which causes the suggestion popup to never show)\n           *\n           * Solution: Use refs\n           *\n           * @param param0\n           * @returns\n           */\n          items: ({ query }: { query: string }) => {\n            if (!query) return [];\n\n            if (!hasDataDynamicRef.current) {\n              // for static data, just filter the static array and return results\n              const res =\n                dataStatic\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || [];\n              return res;\n            }\n\n            if (!dataDynamicRef.current) return [];\n\n            if (dataDynamicRef.current?.isLoading === false) {\n              const data = dataDynamicRef.current.data?.response;\n              if (!Array.isArray(data)) return [];\n              return (\n                data\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || []\n              );\n            }\n\n            return [];\n          },\n          render: () => {\n            let component: ReactRenderer<\n              { onKeyDown: (e: KeyboardEvent) => boolean },\n              typeof MentionList\n            >;\n            let popup: Instance<Props>[];\n            const otherProps = {\n              suggestionItem,\n              searchField,\n              popupClassName,\n              itemClassName,\n              selectedItemClassName,\n            };\n\n            return {\n              // eslint-disable-next-line no-shadow\n              onStart: (props) => {\n                component = new ReactRenderer<any, any>(MentionList, {\n                  props: {\n                    ...props,\n                    ...otherProps,\n                  },\n                  editor: props.editor,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup = tippy(\"body\", {\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                  appendTo: () => document.body,\n                  content: component.element,\n                  showOnCreate: true,\n                  interactive: true,\n                  trigger: \"manual\",\n                  placement: \"bottom-start\",\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onUpdate(props) {\n                component.updateProps({\n                  ...props,\n                  ...otherProps,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup?.[0]?.setProps({\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onKeyDown(props) {\n                if (props.event.key === \"Escape\") {\n                  popup?.[0]?.hide();\n\n                  return true;\n                }\n\n                return component.ref?.onKeyDown(props.event) || false;\n              },\n\n              onExit() {\n                popup?.[0]?.destroy();\n                component.destroy();\n              },\n            };\n          },\n        },\n      })\n    );\n    return () => {\n      setMention(undefined);\n    };\n    // add only those dependencies that are OK to trigger a flicker in the tiptap editor, while it re-initializes. ie. changes that are one-time (or not frequent / not per keystroke)\n  }, [\n    searchField,\n    mentionClassName,\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n  ]);\n\n  const inCanvas = !!usePlasmicCanvasContext();\n\n  const providerData = useMemo(() => {\n    const noData = [{ [searchField]: \"No data\" }];\n    let data = inCanvas ? noData : [];\n    if (!hasDataDynamic) {\n      if (dataStatic?.length && Array.isArray(dataStatic)) {\n        data = [...dataStatic];\n      }\n      return data;\n    }\n\n    if (!dataDynamic || dataDynamic.isLoading) return noData;\n    data = dataDynamic.data?.response ?? noData;\n    if (!Array.isArray(data)) return noData;\n    return data.slice(0, maxSuggestionCount);\n  }, [\n    dataDynamic,\n    searchField,\n    hasDataDynamic,\n    maxSuggestionCount,\n    dataStatic,\n  ]);\n\n  return (\n    <div\n      style={{\n        // ...(showSuggestionItem ? {} : { display: \"none\" }),\n        ...{\n          // bare minimum styles (that need not be overridden)\n          // We just want to make the dataProvider data available to the MentionList component (<DataProvider> is needed to be returned from the returned JSX). It should not be shown in the UI, hence the display: none\n          display: \"none\",\n          position: \"absolute\",\n          top: 0,\n          background: \"white\",\n        },\n      }}\n    >\n      {providerData?.slice(0, maxSuggestionCount).map((item, index) => (\n        // Data provider needs to be in the returned JSX (the actual use of the \"suggestionItem\" data is in the MentionList component.)\n        <DataProvider key={item.id} name={\"suggestionItem\"} data={item}>\n          {repeatedElement(index === 0, suggestionItem) ?? item[searchField]}\n        </DataProvider>\n      ))}\n    </div>\n  );\n  // return null;\n}\nMention.displayName = \"Mention\";\n\nexport function registerMention(loader?: Registerable) {\n  registerComponentHelper(loader, Mention, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-mention`,\n    displayName: \"Tiptap Mention\",\n    providesData: true,\n    props: {\n      dataDynamic: {\n        type: \"dataSourceOpData\" as any,\n        description: \"Filtered suggestions\",\n        disableDynamicValue: true, // we don't want the users to temper with the Plasmic's default query type.\n        hidden: (ps) => !ps.hasDataDynamic,\n      },\n      searchField: {\n        type: \"string\",\n        defaultValueHint: \"id\",\n      },\n      maxSuggestionCount: {\n        type: \"number\",\n        defaultValueHint: 5,\n        description:\n          \"Limits the number of suggestions that appear in the suggestions popup\",\n      },\n      dataStatic: {\n        type: \"array\",\n        hidden: (ps) => Boolean(ps.hasDataDynamic),\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            id: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            id: \"thomasEd1\",\n            label: \"Thomas Edison\",\n          },\n          {\n            id: \"sherlock221b\",\n            label: \"Sherlock Holmes\",\n          },\n          {\n            id: \"eliot_thomas\",\n            label: \"T.S Eliot\",\n          },\n          {\n            id: \"shakespeare74\",\n            label: \"William Shakespeare\",\n          },\n        ],\n      },\n      hasDataDynamic: {\n        type: \"boolean\",\n      },\n      mentionClassName: {\n        type: \"class\",\n        displayName: \"Mention label\",\n      },\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Popup\",\n      },\n      itemClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Item\",\n      },\n      selectedItemClassName: {\n        type: \"class\",\n        displayName: \"Selected Item\",\n      },\n      suggestionItem: {\n        type: \"slot\",\n      },\n      currentMention: {\n        type: \"string\",\n        hidden: () => true,\n      },\n    },\n    importName: \"Mention\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerMention\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["forwardRef","useState","useEffect","useImperativeHandle","React","DataProvider","repeatedElement","useRef","useTiptapContext","TiptapMention","_a","_b","props","ReactRenderer","tippy","usePlasmicCanvasContext","useMemo","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,kBAAeA,gBAAA;AAAA,EACb,CACE,OACA,GACG,KAAA;AACH,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAAS,CAAC,CAAA,CAAA;AACpD,IAAM,MAAA;AAAA,MACJ,QAAQ,EAAC;AAAA,MACT,cAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,qBAAA;AAAA,KACE,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,UAAA,GAAa,CAAC,KAAkB,KAAA;AAhC1C,MAAA,IAAA,EAAA,CAAA;AAiCM,MAAM,MAAA,IAAA,GAAO,MAAM,KAAK,CAAA,CAAA;AAExB,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,CAAA,EAAA,GAAA,KAAA,CAAM,YAAN,IAAgB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,EAAE,EAAI,EAAA,IAAA,CAAK,WAAW,CAAE,EAAA,CAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,gBAAA,CAAA,CAAkB,aAAgB,IAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,MAAS,CAAA,GAAA,CAAA,IAAK,MAAM,MAAM,CAAA,CAAA;AAAA,KACrE,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAkB,gBAAA,CAAA,CAAA,aAAA,GAAgB,CAAK,IAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAAA,KACrD,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,UAAA,CAAW,aAAa,CAAA,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAAC,eAAA,CAAU,MAAM,gBAAiB,CAAA,CAAC,CAAG,EAAA,CAAC,KAAK,CAAC,CAAA,CAAA;AAE5C,IAAAC,yBAAA,CAAoB,KAAK,OAAO;AAAA,MAC9B,SAAA,EAAW,CAAC,KAAU,KAAA;AACpB,QAAI,IAAA,KAAA,CAAM,QAAQ,SAAW,EAAA;AAC3B,UAAU,SAAA,EAAA,CAAA;AACV,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAI,IAAA,KAAA,CAAM,QAAQ,WAAa,EAAA;AAC7B,UAAY,WAAA,EAAA,CAAA;AACZ,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,UAAa,YAAA,EAAA,CAAA;AACb,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACA,CAAA,CAAA,CAAA;AAGF,IAAA,MAAM,GAAM,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA,CAAA;AAkBZ,IAAM,MAAA,qBAAA,GAAyB,iDAAwB,KAAM,CAAA,QAAA,CAAA;AAC7D,IAAA,4DACG,KAAI,EAAA,EAAA,SAAA,EAAW,CACd,eAAA,CAAA,EAAA,kBAAAC,sBAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,cAAA,EAAA,EACb,KAAM,CAAA,KAAA,CAAM,SACX,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,CAAC,MAAM,KACrB,qBAAAA,sBAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,SAAW,EAAA,CAAA,IAAA,CAAA;AAAA,QACX,GAAK,EAAA,KAAA;AAAA,QACL,OAAA,EAAS,MAAM,UAAA,CAAW,KAAK,CAAA;AAAA,OAAA;AAAA,sBAE/BA,sBAAA,CAAA,aAAA;AAAA,QAACC,iBAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,KAAK,WAAW,CAAA;AAAA,UACrB,IAAM,EAAA,gBAAA;AAAA,UACN,IAAM,EAAA,IAAA;AAAA,SAAA;AAAA,wBAEND,sBAAA,CAAA,aAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAG,EAAA,aAAa,IACzB,KAAU,KAAA,aAAA,GAAgB,gBAAgB,EAC5C,CAAA,CAAA;AAAA,WAAA;AAAA,0BAEAA,sBAAA,CAAA,aAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAOC,SAAA,EACE,KAAU,KAAA,aAAA,GAAgB,qBAAwB,GAAA,EAAA;AAAA,aAAA;AAAA,YAGnD,wBACGE,oBAAgB,CAAA,KAAA,KAAU,GAAG,cAAc,CAAA,GAC3C,KAAK,WAAW,CAAA;AAAA,WACtB;AAAA,SACF;AAAA,OACF;AAAA,KAEH,CAED,mBAAAF,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,UAAO,WAAS,CAEnC,CACA,kBAAAA,sBAAA,CAAA,aAAA,CAAC,WAAM,uBAAyB,EAAA,EAAE,MAAQ,EAAA,GAAA,IAAO,CACnD,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;;;;;;;;;;;;;;;;;;AC7GO,SAAS,QAAQ,KAAqB,EAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,aAAa,EAAC;AAAA,IACd,WAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAc,GAAA,IAAA;AAAA,IACd,cAAA;AAAA,IACA,aAAA;AAAA,IACA,qBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAqB,GAAA,CAAA;AAAA,GACnB,GAAA,KAAA,CAAA;AAOJ,EAAM,MAAA,cAAA,GAAiBG,aAAO,WAAW,CAAA,CAAA;AACzC,EAAM,MAAA,iBAAA,GAAoBA,aAAO,cAAc,CAAA,CAAA;AAC/C,EAAM,MAAA,qBAAA,GAAwBA,aAAO,kBAAkB,CAAA,CAAA;AACvD,EAAA,cAAA,CAAe,OAAU,GAAA,WAAA,CAAA;AACzB,EAAA,iBAAA,CAAkB,OAAU,GAAA,cAAA,CAAA;AAC5B,EAAA,qBAAA,CAAsB,OAAU,GAAA,kBAAA,CAAA;AAEhC,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AACxC,EAAAN,eAAA,CAAU,MAAM;AACd,IAAA,UAAA;AAAA,MACEO,+BAAc,SAAU,CAAA;AAAA,QACtB,cAAgB,EAAA;AAAA,UACd,KAAO,EAAA,gBAAA;AAAA,SACT;AAAA,QACA,WAAa,EAAA,CAAC,EAAE,OAAA,EAAS,MAAW,KAAA;AAClC,UAAA,OAAO,GAAG,OAAQ,CAAA,UAAA,CAAW,IAAI,CAAG,EAAA,IAAA,CAAK,MAAM,EAAE,CAAA,CAAA,CAAA;AAAA,SACnD;AAAA,QACA,UAAY,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA0BV,KAAO,EAAA,CAAC,EAAE,KAAA,EAA+B,KAAA;AAhGnD,YAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAiGY,YAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC,CAAA;AAEpB,YAAI,IAAA,CAAC,kBAAkB,OAAS,EAAA;AAE9B,cAAA,MAAM,OACJ,UACI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,MAAA;AAAA,gBAAO,CAAC,IAAM,KAAA;AAvGlC,kBAAA,IAAAC,KAAAC,GAAA,EAAA,EAAA,CAAA;AAwGoB,kBAAA,OAAA,CAAA,EAAA,GAAA,CAAAA,GAAAD,GAAAA,CAAAA,GAAAA,GAAA,IAAK,CAAA,WAAW,CACb,EAAA,WAAA,KADH,IAAAC,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAA,IAAAD,CAAAA,GAAAA,CAAAA,KAAA,IAEI,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,MAAM,WAAY,EAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,eAAA,CAEhC,KAAM,CAAA,CAAA,EAAG,qBAAsB,CAAA,OAAA,CAAA,KAAY,EAAC,CAAA;AACjD,cAAO,OAAA,GAAA,CAAA;AAAA,aACT;AAEA,YAAA,IAAI,CAAC,cAAA,CAAe,OAAS,EAAA,OAAO,EAAC,CAAA;AAErC,YAAA,IAAA,CAAA,CAAI,EAAe,GAAA,cAAA,CAAA,OAAA,KAAf,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,MAAc,KAAO,EAAA;AAC/C,cAAA,MAAM,IAAO,GAAA,CAAA,EAAA,GAAA,cAAA,CAAe,OAAQ,CAAA,IAAA,KAAvB,IAA6B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA;AAC1C,cAAA,IAAI,CAAC,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,SAAU,EAAC,CAAA;AAClC,cAAA,OAAA,CACE,IACI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,MAAA;AAAA,gBAAO,CAAC,IAAM,KAAA;AAvHlC,kBAAA,IAAAA,KAAAC,GAAA,EAAA,EAAA,CAAA;AAwHoB,kBAAA,OAAA,CAAA,EAAA,GAAA,CAAAA,GAAAD,GAAAA,CAAAA,GAAAA,GAAA,IAAK,CAAA,WAAW,CACb,EAAA,WAAA,KADH,IAAAC,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAA,IAAAD,CAAAA,GAAAA,CAAAA,KAAA,IAEI,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,MAAM,WAAY,EAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,eAAA,CAEhC,KAAM,CAAA,CAAA,EAAG,qBAAsB,CAAA,OAAA,CAAA,KAAY,EAAC,CAAA;AAAA,aAEnD;AAEA,YAAA,OAAO,EAAC,CAAA;AAAA,WACV;AAAA,UACA,QAAQ,MAAM;AACZ,YAAI,IAAA,SAAA,CAAA;AAIJ,YAAI,IAAA,KAAA,CAAA;AACJ,YAAA,MAAM,UAAa,GAAA;AAAA,cACjB,cAAA;AAAA,cACA,WAAA;AAAA,cACA,cAAA;AAAA,cACA,aAAA;AAAA,cACA,qBAAA;AAAA,aACF,CAAA;AAEA,YAAO,OAAA;AAAA;AAAA,cAEL,OAAA,EAAS,CAACE,MAAU,KAAA;AAClB,gBAAY,SAAA,GAAA,IAAIC,oBAAwB,WAAa,EAAA;AAAA,kBACnD,KAAA,EAAO,kCACFD,MACA,CAAA,EAAA,UAAA,CAAA;AAAA,kBAEL,QAAQA,MAAM,CAAA,MAAA;AAAA,iBACf,CAAA,CAAA;AAED,gBAAI,IAAA,CAACA,OAAM,UAAY,EAAA;AACrB,kBAAA,OAAA;AAAA,iBACF;AAEA,gBAAA,KAAA,GAAQE,uBAAM,MAAQ,EAAA;AAAA,kBACpB,wBACEF,MAAM,CAAA,UAAA;AAAA,kBACR,QAAA,EAAU,MAAM,QAAS,CAAA,IAAA;AAAA,kBACzB,SAAS,SAAU,CAAA,OAAA;AAAA,kBACnB,YAAc,EAAA,IAAA;AAAA,kBACd,WAAa,EAAA,IAAA;AAAA,kBACb,OAAS,EAAA,QAAA;AAAA,kBACT,SAAW,EAAA,cAAA;AAAA,iBACZ,CAAA,CAAA;AAAA,eACH;AAAA;AAAA,cAGA,SAASA,MAAO,EAAA;AA5K9B,gBAAA,IAAA,EAAA,CAAA;AA6KgB,gBAAU,SAAA,CAAA,WAAA,CAAY,cACjBA,CAAAA,cAAAA,CAAAA,EAAAA,EAAAA,MAAAA,CAAAA,EACA,UACJ,CAAA,CAAA,CAAA;AAED,gBAAI,IAAA,CAACA,OAAM,UAAY,EAAA;AACrB,kBAAA,OAAA;AAAA,iBACF;AAEA,gBAAQ,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA,KAAR,mBAAY,QAAS,CAAA;AAAA,kBACnB,wBACEA,MAAM,CAAA,UAAA;AAAA,iBACV,CAAA,CAAA;AAAA,eACF;AAAA;AAAA,cAGA,UAAUA,MAAO,EAAA;AA7L/B,gBAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA8LgB,gBAAIA,IAAAA,MAAAA,CAAM,KAAM,CAAA,GAAA,KAAQ,QAAU,EAAA;AAChC,kBAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAQ,OAAR,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AAEZ,kBAAO,OAAA,IAAA,CAAA;AAAA,iBACT;AAEA,gBAAA,OAAA,CAAA,CAAO,EAAU,GAAA,SAAA,CAAA,GAAA,KAAV,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,CAAUA,OAAM,KAAU,CAAA,KAAA,KAAA,CAAA;AAAA,eAClD;AAAA,cAEA,MAAS,GAAA;AAvMvB,gBAAA,IAAA,EAAA,CAAA;AAwMgB,gBAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAQ,OAAR,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA,CAAA;AACZ,gBAAA,SAAA,CAAU,OAAQ,EAAA,CAAA;AAAA,eACpB;AAAA,aACF,CAAA;AAAA,WACF;AAAA,SACF;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA,CAAA;AAAA,KACtB,CAAA;AAAA,GAEC,EAAA;AAAA,IACD,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,qBAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,CAAC,CAACG,4BAAwB,EAAA,CAAA;AAE3C,EAAM,MAAA,YAAA,GAAeC,cAAQ,MAAM;AA9NrC,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA+NI,IAAA,MAAM,SAAS,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,CAAA,CAAA;AAC5C,IAAI,IAAA,IAAA,GAAO,QAAW,GAAA,MAAA,GAAS,EAAC,CAAA;AAChC,IAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,MAAA,IAAA,CAAI,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,MAAA,KAAU,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACnD,QAAO,IAAA,GAAA,CAAC,GAAG,UAAU,CAAA,CAAA;AAAA,OACvB;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,IAAI,CAAC,WAAA,IAAe,WAAY,CAAA,SAAA,EAAkB,OAAA,MAAA,CAAA;AAClD,IAAA,IAAA,GAAA,CAAO,EAAY,GAAA,CAAA,EAAA,GAAA,WAAA,CAAA,IAAA,KAAZ,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,KAAlB,IAA8B,GAAA,EAAA,GAAA,MAAA,CAAA;AACrC,IAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,IAAI,GAAU,OAAA,MAAA,CAAA;AACjC,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,kBAAkB,CAAA,CAAA;AAAA,GACtC,EAAA;AAAA,IACD,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,kBAAA;AAAA,IACA,UAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAAZ,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAO,cAEF,CAAA,EAAA,EAAA;AAAA;AAAA;AAAA,QAGD,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,UAAA;AAAA,QACV,GAAK,EAAA,CAAA;AAAA,QACL,UAAY,EAAA,OAAA;AAAA,OACd,CAAA;AAAA,KAAA;AAAA,IAGD,6CAAc,KAAM,CAAA,CAAA,EAAG,oBAAoB,GAAI,CAAA,CAAC,MAAM,KAAO,KAAA;AAlQpE,MAAA,IAAA,EAAA,CAAA;AAoQQ,MAAA;AAAA;AAAA,wBAAAA,sBAAA,CAAA,aAAA,CAACC,qBAAa,GAAK,EAAA,IAAA,CAAK,EAAI,EAAA,IAAA,EAAM,kBAAkB,IAAM,EAAA,IAAA,EAAA,EAAA,CACvD,EAAgB,GAAAC,oBAAA,CAAA,KAAA,KAAU,GAAG,cAAc,CAAA,KAA3C,IAAgD,GAAA,EAAA,GAAA,IAAA,CAAK,WAAW,CACnE,CAAA;AAAA,QAAA;AAAA,KAAA,CAAA;AAAA,GAEJ,CAAA;AAGJ,CAAA;AACA,OAAA,CAAQ,WAAc,GAAA,SAAA,CAAA;AAEf,SAAS,gBAAgB,MAAuB,EAAA;AACrD,EAAAW,sCAAA,CAAwB,QAAQ,OAAS,EAAA;AAAA,IACvC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,kBAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,gBAAA;AAAA,IACb,YAAc,EAAA,IAAA;AAAA,IACd,KAAO,EAAA;AAAA,MACL,WAAa,EAAA;AAAA,QACX,IAAM,EAAA,kBAAA;AAAA,QACN,WAAa,EAAA,sBAAA;AAAA,QACb,mBAAqB,EAAA,IAAA;AAAA;AAAA,QACrB,MAAQ,EAAA,CAAC,EAAO,KAAA,CAAC,EAAG,CAAA,cAAA;AAAA,OACtB;AAAA,MACA,WAAa,EAAA;AAAA,QACX,IAAM,EAAA,QAAA;AAAA,QACN,gBAAkB,EAAA,IAAA;AAAA,OACpB;AAAA,MACA,kBAAoB,EAAA;AAAA,QAClB,IAAM,EAAA,QAAA;AAAA,QACN,gBAAkB,EAAA,CAAA;AAAA,QAClB,WACE,EAAA,uEAAA;AAAA,OACJ;AAAA,MACA,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,OAAA;AAAA,QACN,MAAQ,EAAA,CAAC,EAAO,KAAA,OAAA,CAAQ,GAAG,cAAc,CAAA;AAAA,QACzC,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,QAAA;AAAA,UACN,QAAA,EAAU,CAAC,IAAA,KAAS,IAAK,CAAA,KAAA;AAAA,UACzB,MAAQ,EAAA;AAAA,YACN,EAAI,EAAA,QAAA;AAAA,YACJ,KAAO,EAAA,QAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,EAAI,EAAA,WAAA;AAAA,YACJ,KAAO,EAAA,eAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,EAAI,EAAA,cAAA;AAAA,YACJ,KAAO,EAAA,iBAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,EAAI,EAAA,cAAA;AAAA,YACJ,KAAO,EAAA,WAAA;AAAA,WACT;AAAA,UACA;AAAA,YACE,EAAI,EAAA,eAAA;AAAA,YACJ,KAAO,EAAA,qBAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,IAAM,EAAA,SAAA;AAAA,OACR;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,OACf;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,kBAAA;AAAA,OACf;AAAA,MACA,aAAe,EAAA;AAAA,QACb,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,iBAAA;AAAA,OACf;AAAA,MACA,qBAAuB,EAAA;AAAA,QACrB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,OACf;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,IAAM,EAAA,MAAA;AAAA,OACR;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,IAAM,EAAA,QAAA;AAAA,QACN,QAAQ,MAAM,IAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,4CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerMention.esm.js

@@ -3,7 +3,7 @@ import TiptapMention from '@tiptap/extension-mention';
 import { ReactRenderer } from '@tiptap/react';
 import React, { forwardRef, useState, useEffect, useImperativeHandle, useRef, useMemo } from 'react';
 import tippy from 'tippy.js';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-text';
@@ -180,8 +180,7 @@ function Mention(props) {
            */
           items: ({ query }) => {
             var _a, _b;
-            if (!query)
-              return [];
+            if (!query) return [];
             if (!hasDataDynamicRef.current) {
               const res = (dataStatic == null ? void 0 : dataStatic.filter(
                 (item) => {
@@ -191,12 +190,10 @@ function Mention(props) {
               ).slice(0, maxSuggestionCountRef.current)) || [];
               return res;
             }
-            if (!dataDynamicRef.current)
-              return [];
+            if (!dataDynamicRef.current) return [];
             if (((_a = dataDynamicRef.current) == null ? void 0 : _a.isLoading) === false) {
               const data = (_b = dataDynamicRef.current.data) == null ? void 0 : _b.response;
-              if (!Array.isArray(data))
-                return [];
+              if (!Array.isArray(data)) return [];
               return (data == null ? void 0 : data.filter(
                 (item) => {
                   var _a2, _b2, _c;
@@ -287,11 +284,9 @@ function Mention(props) {
       }
       return data;
     }
-    if (!dataDynamic || dataDynamic.isLoading)
-      return noData;
+    if (!dataDynamic || dataDynamic.isLoading) return noData;
     data = (_b = (_a = dataDynamic.data) == null ? void 0 : _a.response) != null ? _b : noData;
-    if (!Array.isArray(data))
-      return noData;
+    if (!Array.isArray(data)) return noData;
     return data.slice(0, maxSuggestionCount);
   }, [
     dataDynamic,

package/skinny/registerMention.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerMention.esm.js","sources":["../src/components/MentionList.tsx","../src/registerMention.tsx"],"sourcesContent":["import { DataProvider, repeatedElement } from \"@plasmicapp/host\";\nimport { SuggestionProps } from \"@tiptap/suggestion\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from \"react\";\n\ntype MentionListProps = SuggestionProps<any> & {\n  suggestionItem: React.ReactNode;\n  searchField: string;\n  popupClassName: string;\n  itemClassName: string;\n  selectedItemClassName: string;\n};\n\nexport default forwardRef(\n  (\n    props: MentionListProps,\n    ref: React.ForwardedRef<{ onKeyDown: (e: KeyboardEvent) => boolean }>\n  ) => {\n    const [selectedIndex, setSelectedIndex] = useState(0);\n    const {\n      items = [],\n      suggestionItem,\n      searchField,\n      popupClassName,\n      itemClassName,\n      selectedItemClassName,\n    } = props;\n\n    const selectItem = (index: number) => {\n      const item = items[index];\n\n      if (item) {\n        props.command?.({ id: item[searchField] });\n      }\n    };\n\n    const upHandler = () => {\n      setSelectedIndex((selectedIndex + items?.length - 1) % items.length);\n    };\n\n    const downHandler = () => {\n      setSelectedIndex((selectedIndex + 1) % items.length);\n    };\n\n    const enterHandler = () => {\n      selectItem(selectedIndex);\n    };\n\n    useEffect(() => setSelectedIndex(0), [items]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: (event) => {\n        if (event.key === \"ArrowUp\") {\n          upHandler();\n          return true;\n        }\n\n        if (event.key === \"ArrowDown\") {\n          downHandler();\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          enterHandler();\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    // bare minimum styles that can easily be overridden.\n    const css = `\n    .SuggestionsList {\n        background: #eee;\n        position: relative;\n        border-radius: 0.5rem;\n\n      & .item {\n        display: block;\n        width: 100%;\n\n        & .is-selected {\n          color: purple;\n        }\n      }\n    }\n\n    `;\n\n    const hasSuggestionItemSlot = (suggestionItem as any)?.props.children;\n    return (\n      <div className={`SuggestionsList`}>\n        <div className={popupClassName}>\n          {props.items.length ? (\n            props.items.map((item, index: number) => (\n              <div\n                role=\"button\"\n                className={`item`}\n                key={index}\n                onClick={() => selectItem(index)}\n              >\n                <DataProvider\n                  key={item[searchField]}\n                  name={\"suggestionItem\"}\n                  data={item}\n                >\n                  <div\n                    className={`${itemClassName} ${\n                      index === selectedIndex ? \"is-selected\" : \"\"\n                    }`}\n                  >\n                    <div\n                      /**\n                       * override styles from is-selected.\n                       * Reason: The styles added by Plasmic user via the Design tab in the studio have low-proiorty selectors\n                       * compared to the default styles defined above. And we do not have a choice on the selector either, so its not possible to increase its selector priority\n                       * What we do here though is add a child div with the className that should be able to overWrite the default styles instead.\n                       */\n                      className={\n                        index === selectedIndex ? selectedItemClassName : \"\"\n                      }\n                    >\n                      {hasSuggestionItemSlot\n                        ? repeatedElement(index === 0, suggestionItem)\n                        : item[searchField]}\n                    </div>\n                  </div>\n                </DataProvider>\n              </div>\n            ))\n          ) : (\n            <div className=\"item\">No result</div>\n          )}\n        </div>\n        <style dangerouslySetInnerHTML={{ __html: css }} />\n      </div>\n    );\n  }\n);\n","import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport TiptapMention, { MentionOptions } from \"@tiptap/extension-mention\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport tippy, { GetReferenceClientRect, Instance, Props } from \"tippy.js\";\nimport MentionList from \"./components/MentionList\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type QueryResult = {\n  data?: { response: any[] };\n  error?: Error;\n  isLoading?: boolean;\n};\n\nexport type MentionProps = Omit<MentionOptions, \"HTMLAttributes\"> & {\n  className: string;\n  dataStatic?: any[];\n  hasDataDynamic?: boolean;\n  dataDynamic?: QueryResult;\n  suggestionItem: React.ReactNode;\n  searchField?: string;\n  popupClassName?: string;\n  itemClassName?: string;\n  selectedItemClassName?: string;\n  mentionClassName?: string;\n  maxSuggestionCount?: number;\n};\n\nexport function Mention(props: MentionProps) {\n  const {\n    dataStatic = [],\n    dataDynamic,\n    hasDataDynamic,\n    suggestionItem,\n    searchField = \"id\",\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n    mentionClassName,\n    maxSuggestionCount = 5,\n  } = props;\n\n  /**\n   * Although refs should be sparingly used, we need all these refs here due to the way tiptap works:\n   *\n   * It needs to be passed the async function that returns the suggestion items, when the extension is initialized (ie. in the .configure() call). Whenever there is a need for new suggestions, the same async callback is called. Without refs, that callback would always use stale data. That is why we absolutely need these here.\n   */\n  const dataDynamicRef = useRef(dataDynamic);\n  const hasDataDynamicRef = useRef(hasDataDynamic);\n  const maxSuggestionCountRef = useRef(maxSuggestionCount);\n  dataDynamicRef.current = dataDynamic;\n  hasDataDynamicRef.current = hasDataDynamic;\n  maxSuggestionCountRef.current = maxSuggestionCount;\n\n  const { setMention } = useTiptapContext();\n  useEffect(() => {\n    setMention(\n      TiptapMention.configure({\n        HTMLAttributes: {\n          class: mentionClassName,\n        },\n        renderLabel: ({ options, node }) => {\n          return `${options.suggestion.char}${node.attrs.id}`;\n        },\n        suggestion: {\n          /**\n           * This function below only does static filtering. It can't give query parameters to the Plasmic query for filtering at the server side to avoid some complexities.\n           *\n           * Before we move on to the issues, lets first explain how it could have supported server-side filtering via query params:\n           * - The user creates a plasmic query to fetch the suggestions. These suggestions are filtered by some query parameter. The value of the query parameter is bound to the currentMention state.\n           *\n           * - When the user types `@abc` for example, the following async function `items` is triggered. It knows the query and returns the new set of suggestions. The returned array is rendered in the suggestions popup\n           *\n           * Issues:\n           * 1. Stale Query issue:\n           * The same async function is responsible for setting the currentMention state, and also return the new suggestion results. We can't await the Plasmic query after it is triggered by the currentMention state change. So query results it has are stale.\n           *\n           * Solution: We poll the Plasmic query's isLoading field (indefinitely)\n           *\n           * For simplicity, therefore, we are just supporting static filtering for now, and may consider the approach highlighted above for filtering via query params.\n           *\n           * 2. The async function is provided at the time of extension initialization. That async function only knows the state/props in its render cycle, so these props are outdated at the time the async function is triggered.\n           *\n           * We can't put all of them in the useEffect dependencies array, because change in any of them will cause the Mention extension to be removed/re-added, resulting in a flicker on every keystroke + lost input focus (which causes the suggestion popup to never show)\n           *\n           * Solution: Use refs\n           *\n           * @param param0\n           * @returns\n           */\n          items: ({ query }: { query: string }) => {\n            if (!query) return [];\n\n            if (!hasDataDynamicRef.current) {\n              // for static data, just filter the static array and return results\n              const res =\n                dataStatic\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || [];\n              return res;\n            }\n\n            if (!dataDynamicRef.current) return [];\n\n            if (dataDynamicRef.current?.isLoading === false) {\n              const data = dataDynamicRef.current.data?.response;\n              if (!Array.isArray(data)) return [];\n              return (\n                data\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || []\n              );\n            }\n\n            return [];\n          },\n          render: () => {\n            let component: ReactRenderer<\n              { onKeyDown: (e: KeyboardEvent) => boolean },\n              typeof MentionList\n            >;\n            let popup: Instance<Props>[];\n            const otherProps = {\n              suggestionItem,\n              searchField,\n              popupClassName,\n              itemClassName,\n              selectedItemClassName,\n            };\n\n            return {\n              // eslint-disable-next-line no-shadow\n              onStart: (props) => {\n                component = new ReactRenderer<any, any>(MentionList, {\n                  props: {\n                    ...props,\n                    ...otherProps,\n                  },\n                  editor: props.editor,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup = tippy(\"body\", {\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                  appendTo: () => document.body,\n                  content: component.element,\n                  showOnCreate: true,\n                  interactive: true,\n                  trigger: \"manual\",\n                  placement: \"bottom-start\",\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onUpdate(props) {\n                component.updateProps({\n                  ...props,\n                  ...otherProps,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup?.[0]?.setProps({\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onKeyDown(props) {\n                if (props.event.key === \"Escape\") {\n                  popup?.[0]?.hide();\n\n                  return true;\n                }\n\n                return component.ref?.onKeyDown(props.event) || false;\n              },\n\n              onExit() {\n                popup?.[0]?.destroy();\n                component.destroy();\n              },\n            };\n          },\n        },\n      })\n    );\n    return () => {\n      setMention(undefined);\n    };\n    // add only those dependencies that are OK to trigger a flicker in the tiptap editor, while it re-initializes. ie. changes that are one-time (or not frequent / not per keystroke)\n  }, [\n    searchField,\n    mentionClassName,\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n  ]);\n\n  const inCanvas = !!usePlasmicCanvasContext();\n\n  const providerData = useMemo(() => {\n    const noData = [{ [searchField]: \"No data\" }];\n    let data = inCanvas ? noData : [];\n    if (!hasDataDynamic) {\n      if (dataStatic?.length && Array.isArray(dataStatic)) {\n        data = [...dataStatic];\n      }\n      return data;\n    }\n\n    if (!dataDynamic || dataDynamic.isLoading) return noData;\n    data = dataDynamic.data?.response ?? noData;\n    if (!Array.isArray(data)) return noData;\n    return data.slice(0, maxSuggestionCount);\n  }, [\n    dataDynamic,\n    searchField,\n    hasDataDynamic,\n    maxSuggestionCount,\n    dataStatic,\n  ]);\n\n  return (\n    <div\n      style={{\n        // ...(showSuggestionItem ? {} : { display: \"none\" }),\n        ...{\n          // bare minimum styles (that need not be overridden)\n          // We just want to make the dataProvider data available to the MentionList component (<DataProvider> is needed to be returned from the returned JSX). It should not be shown in the UI, hence the display: none\n          display: \"none\",\n          position: \"absolute\",\n          top: 0,\n          background: \"white\",\n        },\n      }}\n    >\n      {providerData?.slice(0, maxSuggestionCount).map((item, index) => (\n        // Data provider needs to be in the returned JSX (the actual use of the \"suggestionItem\" data is in the MentionList component.)\n        <DataProvider key={item.id} name={\"suggestionItem\"} data={item}>\n          {repeatedElement(index === 0, suggestionItem) ?? item[searchField]}\n        </DataProvider>\n      ))}\n    </div>\n  );\n  // return null;\n}\nMention.displayName = \"Mention\";\n\nexport function registerMention(loader?: Registerable) {\n  registerComponentHelper(loader, Mention, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-mention`,\n    displayName: \"Tiptap Mention\",\n    providesData: true,\n    props: {\n      dataDynamic: {\n        type: \"dataSourceOpData\" as any,\n        description: \"Filtered suggestions\",\n        disableDynamicValue: true, // we don't want the users to temper with the Plasmic's default query type.\n        hidden: (ps) => !ps.hasDataDynamic,\n      },\n      searchField: {\n        type: \"string\",\n        defaultValueHint: \"id\",\n      },\n      maxSuggestionCount: {\n        type: \"number\",\n        defaultValueHint: 5,\n        description:\n          \"Limits the number of suggestions that appear in the suggestions popup\",\n      },\n      dataStatic: {\n        type: \"array\",\n        hidden: (ps) => Boolean(ps.hasDataDynamic),\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            id: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            id: \"thomasEd1\",\n            label: \"Thomas Edison\",\n          },\n          {\n            id: \"sherlock221b\",\n            label: \"Sherlock Holmes\",\n          },\n          {\n            id: \"eliot_thomas\",\n            label: \"T.S Eliot\",\n          },\n          {\n            id: \"shakespeare74\",\n            label: \"William Shakespeare\",\n          },\n        ],\n      },\n      hasDataDynamic: {\n        type: \"boolean\",\n      },\n      mentionClassName: {\n        type: \"class\",\n        displayName: \"Mention label\",\n      },\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Popup\",\n      },\n      itemClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Item\",\n      },\n      selectedItemClassName: {\n        type: \"class\",\n        displayName: \"Selected Item\",\n      },\n      suggestionItem: {\n        type: \"slot\",\n      },\n      currentMention: {\n        type: \"string\",\n        hidden: () => true,\n      },\n    },\n    importName: \"Mention\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerMention\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["_a","_b","props"],"mappings":"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"}
+{"version":3,"file":"registerMention.esm.js","sources":["../src/components/MentionList.tsx","../src/registerMention.tsx"],"sourcesContent":["import { DataProvider, repeatedElement } from \"@plasmicapp/host\";\nimport { SuggestionProps } from \"@tiptap/suggestion\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from \"react\";\n\ntype MentionListProps = SuggestionProps<any> & {\n  suggestionItem: React.ReactNode;\n  searchField: string;\n  popupClassName: string;\n  itemClassName: string;\n  selectedItemClassName: string;\n};\n\nexport default forwardRef(\n  (\n    props: MentionListProps,\n    ref: React.ForwardedRef<{ onKeyDown: (e: KeyboardEvent) => boolean }>\n  ) => {\n    const [selectedIndex, setSelectedIndex] = useState(0);\n    const {\n      items = [],\n      suggestionItem,\n      searchField,\n      popupClassName,\n      itemClassName,\n      selectedItemClassName,\n    } = props;\n\n    const selectItem = (index: number) => {\n      const item = items[index];\n\n      if (item) {\n        props.command?.({ id: item[searchField] });\n      }\n    };\n\n    const upHandler = () => {\n      setSelectedIndex((selectedIndex + items?.length - 1) % items.length);\n    };\n\n    const downHandler = () => {\n      setSelectedIndex((selectedIndex + 1) % items.length);\n    };\n\n    const enterHandler = () => {\n      selectItem(selectedIndex);\n    };\n\n    useEffect(() => setSelectedIndex(0), [items]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: (event) => {\n        if (event.key === \"ArrowUp\") {\n          upHandler();\n          return true;\n        }\n\n        if (event.key === \"ArrowDown\") {\n          downHandler();\n          return true;\n        }\n\n        if (event.key === \"Enter\") {\n          enterHandler();\n          return true;\n        }\n\n        return false;\n      },\n    }));\n\n    // bare minimum styles that can easily be overridden.\n    const css = `\n    .SuggestionsList {\n        background: #eee;\n        position: relative;\n        border-radius: 0.5rem;\n\n      & .item {\n        display: block;\n        width: 100%;\n\n        & .is-selected {\n          color: purple;\n        }\n      }\n    }\n\n    `;\n\n    const hasSuggestionItemSlot = (suggestionItem as any)?.props.children;\n    return (\n      <div className={`SuggestionsList`}>\n        <div className={popupClassName}>\n          {props.items.length ? (\n            props.items.map((item, index: number) => (\n              <div\n                role=\"button\"\n                className={`item`}\n                key={index}\n                onClick={() => selectItem(index)}\n              >\n                <DataProvider\n                  key={item[searchField]}\n                  name={\"suggestionItem\"}\n                  data={item}\n                >\n                  <div\n                    className={`${itemClassName} ${\n                      index === selectedIndex ? \"is-selected\" : \"\"\n                    }`}\n                  >\n                    <div\n                      /**\n                       * override styles from is-selected.\n                       * Reason: The styles added by Plasmic user via the Design tab in the studio have low-proiorty selectors\n                       * compared to the default styles defined above. And we do not have a choice on the selector either, so its not possible to increase its selector priority\n                       * What we do here though is add a child div with the className that should be able to overWrite the default styles instead.\n                       */\n                      className={\n                        index === selectedIndex ? selectedItemClassName : \"\"\n                      }\n                    >\n                      {hasSuggestionItemSlot\n                        ? repeatedElement(index === 0, suggestionItem)\n                        : item[searchField]}\n                    </div>\n                  </div>\n                </DataProvider>\n              </div>\n            ))\n          ) : (\n            <div className=\"item\">No result</div>\n          )}\n        </div>\n        <style dangerouslySetInnerHTML={{ __html: css }} />\n      </div>\n    );\n  }\n);\n","import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport TiptapMention, { MentionOptions } from \"@tiptap/extension-mention\";\nimport { ReactRenderer } from \"@tiptap/react\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport tippy, { GetReferenceClientRect, Instance, Props } from \"tippy.js\";\nimport MentionList from \"./components/MentionList\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type QueryResult = {\n  data?: { response: any[] };\n  error?: Error;\n  isLoading?: boolean;\n};\n\nexport type MentionProps = Omit<MentionOptions, \"HTMLAttributes\"> & {\n  className: string;\n  dataStatic?: any[];\n  hasDataDynamic?: boolean;\n  dataDynamic?: QueryResult;\n  suggestionItem: React.ReactNode;\n  searchField?: string;\n  popupClassName?: string;\n  itemClassName?: string;\n  selectedItemClassName?: string;\n  mentionClassName?: string;\n  maxSuggestionCount?: number;\n};\n\nexport function Mention(props: MentionProps) {\n  const {\n    dataStatic = [],\n    dataDynamic,\n    hasDataDynamic,\n    suggestionItem,\n    searchField = \"id\",\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n    mentionClassName,\n    maxSuggestionCount = 5,\n  } = props;\n\n  /**\n   * Although refs should be sparingly used, we need all these refs here due to the way tiptap works:\n   *\n   * It needs to be passed the async function that returns the suggestion items, when the extension is initialized (ie. in the .configure() call). Whenever there is a need for new suggestions, the same async callback is called. Without refs, that callback would always use stale data. That is why we absolutely need these here.\n   */\n  const dataDynamicRef = useRef(dataDynamic);\n  const hasDataDynamicRef = useRef(hasDataDynamic);\n  const maxSuggestionCountRef = useRef(maxSuggestionCount);\n  dataDynamicRef.current = dataDynamic;\n  hasDataDynamicRef.current = hasDataDynamic;\n  maxSuggestionCountRef.current = maxSuggestionCount;\n\n  const { setMention } = useTiptapContext();\n  useEffect(() => {\n    setMention(\n      TiptapMention.configure({\n        HTMLAttributes: {\n          class: mentionClassName,\n        },\n        renderLabel: ({ options, node }) => {\n          return `${options.suggestion.char}${node.attrs.id}`;\n        },\n        suggestion: {\n          /**\n           * This function below only does static filtering. It can't give query parameters to the Plasmic query for filtering at the server side to avoid some complexities.\n           *\n           * Before we move on to the issues, lets first explain how it could have supported server-side filtering via query params:\n           * - The user creates a plasmic query to fetch the suggestions. These suggestions are filtered by some query parameter. The value of the query parameter is bound to the currentMention state.\n           *\n           * - When the user types `@abc` for example, the following async function `items` is triggered. It knows the query and returns the new set of suggestions. The returned array is rendered in the suggestions popup\n           *\n           * Issues:\n           * 1. Stale Query issue:\n           * The same async function is responsible for setting the currentMention state, and also return the new suggestion results. We can't await the Plasmic query after it is triggered by the currentMention state change. So query results it has are stale.\n           *\n           * Solution: We poll the Plasmic query's isLoading field (indefinitely)\n           *\n           * For simplicity, therefore, we are just supporting static filtering for now, and may consider the approach highlighted above for filtering via query params.\n           *\n           * 2. The async function is provided at the time of extension initialization. That async function only knows the state/props in its render cycle, so these props are outdated at the time the async function is triggered.\n           *\n           * We can't put all of them in the useEffect dependencies array, because change in any of them will cause the Mention extension to be removed/re-added, resulting in a flicker on every keystroke + lost input focus (which causes the suggestion popup to never show)\n           *\n           * Solution: Use refs\n           *\n           * @param param0\n           * @returns\n           */\n          items: ({ query }: { query: string }) => {\n            if (!query) return [];\n\n            if (!hasDataDynamicRef.current) {\n              // for static data, just filter the static array and return results\n              const res =\n                dataStatic\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || [];\n              return res;\n            }\n\n            if (!dataDynamicRef.current) return [];\n\n            if (dataDynamicRef.current?.isLoading === false) {\n              const data = dataDynamicRef.current.data?.response;\n              if (!Array.isArray(data)) return [];\n              return (\n                data\n                  ?.filter((item) =>\n                    item[searchField]\n                      .toLowerCase?.()\n                      ?.includes(query.toLowerCase())\n                  )\n                  .slice(0, maxSuggestionCountRef.current) || []\n              );\n            }\n\n            return [];\n          },\n          render: () => {\n            let component: ReactRenderer<\n              { onKeyDown: (e: KeyboardEvent) => boolean },\n              typeof MentionList\n            >;\n            let popup: Instance<Props>[];\n            const otherProps = {\n              suggestionItem,\n              searchField,\n              popupClassName,\n              itemClassName,\n              selectedItemClassName,\n            };\n\n            return {\n              // eslint-disable-next-line no-shadow\n              onStart: (props) => {\n                component = new ReactRenderer<any, any>(MentionList, {\n                  props: {\n                    ...props,\n                    ...otherProps,\n                  },\n                  editor: props.editor,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup = tippy(\"body\", {\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                  appendTo: () => document.body,\n                  content: component.element,\n                  showOnCreate: true,\n                  interactive: true,\n                  trigger: \"manual\",\n                  placement: \"bottom-start\",\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onUpdate(props) {\n                component.updateProps({\n                  ...props,\n                  ...otherProps,\n                });\n\n                if (!props.clientRect) {\n                  return;\n                }\n\n                popup?.[0]?.setProps({\n                  getReferenceClientRect:\n                    props.clientRect as GetReferenceClientRect,\n                });\n              },\n\n              // eslint-disable-next-line no-shadow\n              onKeyDown(props) {\n                if (props.event.key === \"Escape\") {\n                  popup?.[0]?.hide();\n\n                  return true;\n                }\n\n                return component.ref?.onKeyDown(props.event) || false;\n              },\n\n              onExit() {\n                popup?.[0]?.destroy();\n                component.destroy();\n              },\n            };\n          },\n        },\n      })\n    );\n    return () => {\n      setMention(undefined);\n    };\n    // add only those dependencies that are OK to trigger a flicker in the tiptap editor, while it re-initializes. ie. changes that are one-time (or not frequent / not per keystroke)\n  }, [\n    searchField,\n    mentionClassName,\n    popupClassName,\n    itemClassName,\n    selectedItemClassName,\n  ]);\n\n  const inCanvas = !!usePlasmicCanvasContext();\n\n  const providerData = useMemo(() => {\n    const noData = [{ [searchField]: \"No data\" }];\n    let data = inCanvas ? noData : [];\n    if (!hasDataDynamic) {\n      if (dataStatic?.length && Array.isArray(dataStatic)) {\n        data = [...dataStatic];\n      }\n      return data;\n    }\n\n    if (!dataDynamic || dataDynamic.isLoading) return noData;\n    data = dataDynamic.data?.response ?? noData;\n    if (!Array.isArray(data)) return noData;\n    return data.slice(0, maxSuggestionCount);\n  }, [\n    dataDynamic,\n    searchField,\n    hasDataDynamic,\n    maxSuggestionCount,\n    dataStatic,\n  ]);\n\n  return (\n    <div\n      style={{\n        // ...(showSuggestionItem ? {} : { display: \"none\" }),\n        ...{\n          // bare minimum styles (that need not be overridden)\n          // We just want to make the dataProvider data available to the MentionList component (<DataProvider> is needed to be returned from the returned JSX). It should not be shown in the UI, hence the display: none\n          display: \"none\",\n          position: \"absolute\",\n          top: 0,\n          background: \"white\",\n        },\n      }}\n    >\n      {providerData?.slice(0, maxSuggestionCount).map((item, index) => (\n        // Data provider needs to be in the returned JSX (the actual use of the \"suggestionItem\" data is in the MentionList component.)\n        <DataProvider key={item.id} name={\"suggestionItem\"} data={item}>\n          {repeatedElement(index === 0, suggestionItem) ?? item[searchField]}\n        </DataProvider>\n      ))}\n    </div>\n  );\n  // return null;\n}\nMention.displayName = \"Mention\";\n\nexport function registerMention(loader?: Registerable) {\n  registerComponentHelper(loader, Mention, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-mention`,\n    displayName: \"Tiptap Mention\",\n    providesData: true,\n    props: {\n      dataDynamic: {\n        type: \"dataSourceOpData\" as any,\n        description: \"Filtered suggestions\",\n        disableDynamicValue: true, // we don't want the users to temper with the Plasmic's default query type.\n        hidden: (ps) => !ps.hasDataDynamic,\n      },\n      searchField: {\n        type: \"string\",\n        defaultValueHint: \"id\",\n      },\n      maxSuggestionCount: {\n        type: \"number\",\n        defaultValueHint: 5,\n        description:\n          \"Limits the number of suggestions that appear in the suggestions popup\",\n      },\n      dataStatic: {\n        type: \"array\",\n        hidden: (ps) => Boolean(ps.hasDataDynamic),\n        itemType: {\n          type: \"object\",\n          nameFunc: (item) => item.label,\n          fields: {\n            id: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            id: \"thomasEd1\",\n            label: \"Thomas Edison\",\n          },\n          {\n            id: \"sherlock221b\",\n            label: \"Sherlock Holmes\",\n          },\n          {\n            id: \"eliot_thomas\",\n            label: \"T.S Eliot\",\n          },\n          {\n            id: \"shakespeare74\",\n            label: \"William Shakespeare\",\n          },\n        ],\n      },\n      hasDataDynamic: {\n        type: \"boolean\",\n      },\n      mentionClassName: {\n        type: \"class\",\n        displayName: \"Mention label\",\n      },\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Popup\",\n      },\n      itemClassName: {\n        type: \"class\",\n        displayName: \"Suggestion Item\",\n      },\n      selectedItemClassName: {\n        type: \"class\",\n        displayName: \"Selected Item\",\n      },\n      suggestionItem: {\n        type: \"slot\",\n      },\n      currentMention: {\n        type: \"string\",\n        hidden: () => true,\n      },\n    },\n    importName: \"Mention\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerMention\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["_a","_b","props"],"mappings":"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"}

package/skinny/registerStrike.cjs.js

@@ -2,7 +2,7 @@
 
 var TiptapStrike = require('@tiptap/extension-strike');
 var React = require('react');
-var registerTiptap = require('./registerTiptap-004bd7c8.cjs.js');
+var registerTiptap = require('./registerTiptap-b077cd09.cjs.js');
 require('@plasmicapp/host');
 require('@tiptap/extension-document');
 require('@tiptap/extension-paragraph');

package/skinny/registerStrike.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerStrike.cjs.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapStrike","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAAC,oCAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}
+{"version":3,"file":"registerStrike.cjs.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useTiptapContext","useEffect","TiptapStrike","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIA,+BAAiB,EAAA,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACEC,8BAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAAC,sCAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,IAAA,EAAM,GAAGC,oCAAqB,CAAA,iBAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerStrike.esm.js

@@ -1,6 +1,6 @@
 import TiptapStrike from '@tiptap/extension-strike';
 import { useEffect } from 'react';
-import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-3c71865b.esm.js';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-385a5c96.esm.js';
 import '@plasmicapp/host';
 import '@tiptap/extension-document';
 import '@tiptap/extension-paragraph';

package/skinny/registerStrike.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerStrike.esm.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,MAAM,CAAG,EAAA,qBAAA,CAAA,iBAAA,CAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerStrike.esm.js","sources":["../src/registerStrike.tsx"],"sourcesContent":["import TiptapStrike from \"@tiptap/extension-strike\";\nimport { useEffect } from \"react\";\nimport { useTiptapContext } from \"./contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"./registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport interface StrikeProps {\n  className: string;\n}\n\nexport function Strike(props: StrikeProps) {\n  const { setStrike } = useTiptapContext();\n\n  useEffect(() => {\n    setStrike(\n      TiptapStrike.configure({\n        HTMLAttributes: {\n          class: props.className,\n        },\n      })\n    );\n    return () => {\n      setStrike(undefined);\n    };\n  }, []);\n\n  return null;\n}\nStrike.displayName = \"Strike\";\n\nexport function registerStrike(loader?: Registerable) {\n  registerComponentHelper(loader, Strike, {\n    name: `${TIPTAP_COMPONENT_NAME}-extension-strike`,\n    displayName: \"Tiptap Strike\",\n    props: {},\n    importName: \"Strike\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerStrike\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAUO,SAAS,OAAO,KAAoB,EAAA;AACzC,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,aAAa,SAAU,CAAA;AAAA,QACrB,cAAgB,EAAA;AAAA,UACd,OAAO,KAAM,CAAA,SAAA;AAAA,SACf;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACrB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AACA,MAAA,CAAO,WAAc,GAAA,QAAA,CAAA;AAEd,SAAS,eAAe,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,MAAQ,EAAA;AAAA,IACtC,IAAA,EAAM,GAAG,qBAAqB,CAAA,iBAAA,CAAA;AAAA,IAC9B,WAAa,EAAA,eAAA;AAAA,IACb,OAAO,EAAC;AAAA,IACR,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}