payload-richtext-tiptap 0.0.9 → 0.0.10

package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.jsx\";\nimport { Toolbar } from \"./Toolbar.jsx\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n  children: React.ReactNode;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  customTrigger?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (state: boolean) => void;\n  withPortal?: boolean;\n  tooltip?: string;\n  isActive?: boolean;\n};\n\nexport const Menu = ({\n  customTrigger,\n  trigger,\n  triggerClassName,\n  children,\n  isOpen,\n  withPortal,\n  tooltip,\n  onOpenChange,\n}: MenuProps) => {\n  return (\n    <Popover.Root onOpenChange={onOpenChange}>\n      {customTrigger ? (\n        <Trigger asChild>{trigger}</Trigger>\n      ) : (\n        <Trigger asChild>\n          <Toolbar.Button\n            type=\"button\"\n            className={triggerClassName}\n            tooltip={!isOpen ? tooltip : \"\"}\n          >\n            {trigger}\n          </Toolbar.Button>\n        </Trigger>\n      )}\n      {withPortal ? (\n        <Popover.Portal>\n          <Popover.Content asChild sideOffset={8}>\n            <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n            {children}\n          </Surface>\n        </Popover.Content>\n      )}\n    </Popover.Root>\n  );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n  label,\n  close = true,\n  icon,\n  iconComponent,\n  disabled,\n  onClick,\n  isActive,\n}: {\n  label: string | React.ReactNode;\n  icon?: LucideIcon;\n  iconComponent?: React.ReactNode;\n  close?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  isActive?: boolean;\n}) => {\n  const className = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n  );\n\n  const IconComponent = icon ? icon : null;\n  const IconCustomComponent = iconComponent || null;\n\n  const ItemComponent = close ? Popover.Close : \"button\";\n\n  return (\n    <ItemComponent className={className} onClick={onClick} disabled={disabled}>\n      {IconComponent && <IconComponent className=\"w-4 h-4\" />}\n      {IconCustomComponent}\n      {label}\n    </ItemComponent>\n  );\n};\n\nexport type CategoryTitle = {\n  children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n  return (\n    <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      className=\"my-1 border-neutral-200 dark:border-neutral-800\"\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,OAAO,QAAQ,gBAAgB;AAExC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.js\";\nimport { Toolbar } from \"./Toolbar.js\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n  children: React.ReactNode;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  customTrigger?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (state: boolean) => void;\n  withPortal?: boolean;\n  tooltip?: string;\n  isActive?: boolean;\n};\n\nexport const Menu = ({\n  customTrigger,\n  trigger,\n  triggerClassName,\n  children,\n  isOpen,\n  withPortal,\n  tooltip,\n  onOpenChange,\n}: MenuProps) => {\n  return (\n    <Popover.Root onOpenChange={onOpenChange}>\n      {customTrigger ? (\n        <Trigger asChild>{trigger}</Trigger>\n      ) : (\n        <Trigger asChild>\n          <Toolbar.Button\n            type=\"button\"\n            className={triggerClassName}\n            tooltip={!isOpen ? tooltip : \"\"}\n          >\n            {trigger}\n          </Toolbar.Button>\n        </Trigger>\n      )}\n      {withPortal ? (\n        <Popover.Portal>\n          <Popover.Content asChild sideOffset={8}>\n            <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n            {children}\n          </Surface>\n        </Popover.Content>\n      )}\n    </Popover.Root>\n  );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n  label,\n  close = true,\n  icon,\n  iconComponent,\n  disabled,\n  onClick,\n  isActive,\n}: {\n  label: string | React.ReactNode;\n  icon?: LucideIcon;\n  iconComponent?: React.ReactNode;\n  close?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  isActive?: boolean;\n}) => {\n  const className = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n  );\n\n  const IconComponent = icon ? icon : null;\n  const IconCustomComponent = iconComponent || null;\n\n  const ItemComponent = close ? Popover.Close : \"button\";\n\n  return (\n    <ItemComponent className={className} onClick={onClick} disabled={disabled}>\n      {IconComponent && <IconComponent className=\"w-4 h-4\" />}\n      {IconCustomComponent}\n      {label}\n    </ItemComponent>\n  );\n};\n\nexport type CategoryTitle = {\n  children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n  return (\n    <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      className=\"my-1 border-neutral-200 dark:border-neutral-800\"\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AAEvC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Spinner/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Spinner.jsx";
+export * from "./Spinner.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/Spinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Spinner/index.js

@@ -1,3 +1,3 @@
-export * from "./Spinner.jsx";
+export * from "./Spinner.js";
 
 //# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/features/ui/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"sourcesContent":["export * from \"./Spinner.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"sourcesContent":["export * from \"./Spinner.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,eAAe"}

package/dist/src/fields/TiptapEditor/features/ui/Textarea/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Textarea.jsx";
+export * from "./Textarea.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Textarea/index.js

@@ -1,3 +1,3 @@
-export * from "./Textarea.jsx";
+export * from "./Textarea.js";
 
 //# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/features/ui/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/index.tsx"],"sourcesContent":["export * from \"./Textarea.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iBAAiB"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Textarea/index.tsx"],"sourcesContent":["export * from \"./Textarea.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/dist/src/fields/TiptapEditor/features/ui/Toggle/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Toggle.jsx";
+export * from "./Toggle.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/Toggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Toggle/index.js

@@ -1,3 +1,3 @@
-export * from "./Toggle.jsx";
+export * from "./Toggle.js";
 
 //# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/features/ui/Toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/index.tsx"],"sourcesContent":["export * from \"./Toggle.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Toggle/index.tsx"],"sourcesContent":["export * from \"./Toggle.js\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,cAAc"}

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, HTMLProps } from "react";
-import { ButtonProps } from "./Button/Button.jsx";
+import { ButtonProps } from "./Button/Button.js";
 export type ToolbarWrapperProps = {
     shouldShowContent?: boolean;
     isVertical?: boolean;

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AA+B9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAkB9B,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AA8CF,eAAO,MAAM,OAAO;;;;iBApDT,OAAO;0BACE,MAAM;kBACd,MAAM;0BACE,MAAM,EAAE;qBACb,WAAW,CAAC,YAAY,CAAC;kBAC5B,WAAW,CAAC,SAAS,CAAC;;CAmDjC,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AA+B9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;AAkB9B,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AA8CF,eAAO,MAAM,OAAO;;;;iBApDT,OAAO;0BACE,MAAM;kBACd,MAAM;0BACE,MAAM,EAAE;qBACb,WAAW,CAAC,YAAY,CAAC;kBAC5B,WAAW,CAAC,SAAS,CAAC;;CAmDjC,CAAC"}

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utils/index.js";
-import { Button } from "./Button/Button.jsx";
-import { Surface } from "./Surface.jsx";
-import Tooltip from "./Tooltip/index.jsx";
+import { Button } from "./Button/Button.js";
+import { Surface } from "./Surface.js";
+import Tooltip from "./Tooltip/index.js";
 const ToolbarWrapper = /*#__PURE__*/ forwardRef(({ shouldShowContent = true, children, isVertical = false, className, ...rest }, ref)=>{
     const toolbarClassName = cn("text-black inline-flex h-full leading-none gap-0.5", isVertical ? "flex-col p-2" : "flex-row p-1 items-center", className);
     return shouldShowContent && /*#__PURE__*/ _jsx(Surface, {

package/dist/src/fields/TiptapEditor/features/ui/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Button, ButtonProps } from \"./Button/Button.jsx\";\nimport { Surface } from \"./Surface.jsx\";\nimport Tooltip from \"./Tooltip/index.jsx\";\n\nexport type ToolbarWrapperProps = {\n  shouldShowContent?: boolean;\n  isVertical?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarWrapper = forwardRef<HTMLDivElement, ToolbarWrapperProps>(\n  (\n    {\n      shouldShowContent = true,\n      children,\n      isVertical = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const toolbarClassName = cn(\n      \"text-black inline-flex h-full leading-none gap-0.5\",\n      isVertical ? \"flex-col p-2\" : \"flex-row p-1 items-center\",\n      className\n    );\n\n    return (\n      shouldShowContent && (\n        <Surface className={toolbarClassName} {...rest} ref={ref}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarWrapper.displayName = \"Toolbar\";\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(\n  ({ horizontal, className, ...rest }, ref) => {\n    const dividerClassName = cn(\n      \"bg-neutral-200 dark:bg-neutral-800\",\n      horizontal\n        ? \"w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0\"\n        : \"h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0\",\n      className\n    );\n\n    return <div className={dividerClassName} ref={ref} {...rest} />;\n  }\n);\n\nToolbarDivider.displayName = \"Toolbar.Divider\";\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  buttonSize?: ButtonProps[\"buttonSize\"];\n  variant?: ButtonProps[\"variant\"];\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      children,\n      buttonSize = \"icon\",\n      variant = \"ghost\",\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClass = cn(\"gap-1 min-w-[2rem] px-2 w-auto\", className);\n\n    const content = (\n      <Button\n        type=\"button\"\n        activeClassname={activeClassname}\n        className={buttonClass}\n        variant={variant}\n        buttonSize={buttonSize}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip title={tooltip} shortcut={tooltipShortcut}>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport const Toolbar = {\n  Wrapper: ToolbarWrapper,\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n};\n"],"names":["forwardRef","cn","Button","Surface","Tooltip","ToolbarWrapper","shouldShowContent","children","isVertical","className","rest","ref","toolbarClassName","displayName","ToolbarDivider","horizontal","dividerClassName","div","ToolbarButton","buttonSize","variant","tooltip","tooltipShortcut","activeClassname","buttonClass","content","type","title","shortcut","Toolbar","Wrapper","Divider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0CA,UAAU,QAAQ,QAAQ;AACpE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAqB,sBAAsB;AAC1D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,aAAa,sBAAsB;AAO1C,MAAMC,+BAAiBL,WACrB,CACE,EACEM,oBAAoB,IAAI,EACxBC,QAAQ,EACRC,aAAa,KAAK,EAClBC,SAAS,EACT,GAAGC,MACJ,EACDC;IAEA,MAAMC,mBAAmBX,GACvB,sDACAO,aAAa,iBAAiB,6BAC9BC;IAGF,OACEH,mCACE,KAACH;QAAQM,WAAWG;QAAmB,GAAGF,IAAI;QAAEC,KAAKA;kBAClDJ;;AAIT;AAGFF,eAAeQ,WAAW,GAAG;AAM7B,MAAMC,+BAAiBd,WACrB,CAAC,EAAEe,UAAU,EAAEN,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACnC,MAAMK,mBAAmBf,GACvB,sCACAc,aACI,4DACA,2DACJN;IAGF,qBAAO,KAACQ;QAAIR,WAAWO;QAAkBL,KAAKA;QAAM,GAAGD,IAAI;;AAC7D;AAGFI,eAAeD,WAAW,GAAG;AAW7B,MAAMK,8BAAgBlB,WACpB,CACE,EACEO,QAAQ,EACRY,aAAa,MAAM,EACnBC,UAAU,OAAO,EACjBX,SAAS,EACTY,OAAO,EACPC,eAAe,EACfC,eAAe,EACf,GAAGb,MACJ,EACDC;IAEA,MAAMa,cAAcvB,GAAG,kCAAkCQ;IAEzD,MAAMgB,wBACJ,KAACvB;QACCwB,MAAK;QACLH,iBAAiBA;QACjBd,WAAWe;QACXJ,SAASA;QACTD,YAAYA;QACZR,KAAKA;QACJ,GAAGD,IAAI;kBAEPH;;IAIL,IAAIc,SAAS;QACX,qBACE,KAACjB;YAAQuB,OAAON;YAASO,UAAUN;sBAChCG;;IAGP;IAEA,OAAOA;AACT;AAGFP,cAAcL,WAAW,GAAG;AAE5B,OAAO,MAAMgB,UAAU;IACrBC,SAASzB;IACT0B,SAASjB;IACTZ,QAAQgB;AACV,EAAE"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Button, ButtonProps } from \"./Button/Button.js\";\nimport { Surface } from \"./Surface.js\";\nimport Tooltip from \"./Tooltip/index.js\";\n\nexport type ToolbarWrapperProps = {\n  shouldShowContent?: boolean;\n  isVertical?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarWrapper = forwardRef<HTMLDivElement, ToolbarWrapperProps>(\n  (\n    {\n      shouldShowContent = true,\n      children,\n      isVertical = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const toolbarClassName = cn(\n      \"text-black inline-flex h-full leading-none gap-0.5\",\n      isVertical ? \"flex-col p-2\" : \"flex-row p-1 items-center\",\n      className\n    );\n\n    return (\n      shouldShowContent && (\n        <Surface className={toolbarClassName} {...rest} ref={ref}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarWrapper.displayName = \"Toolbar\";\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(\n  ({ horizontal, className, ...rest }, ref) => {\n    const dividerClassName = cn(\n      \"bg-neutral-200 dark:bg-neutral-800\",\n      horizontal\n        ? \"w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0\"\n        : \"h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0\",\n      className\n    );\n\n    return <div className={dividerClassName} ref={ref} {...rest} />;\n  }\n);\n\nToolbarDivider.displayName = \"Toolbar.Divider\";\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  buttonSize?: ButtonProps[\"buttonSize\"];\n  variant?: ButtonProps[\"variant\"];\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      children,\n      buttonSize = \"icon\",\n      variant = \"ghost\",\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClass = cn(\"gap-1 min-w-[2rem] px-2 w-auto\", className);\n\n    const content = (\n      <Button\n        type=\"button\"\n        activeClassname={activeClassname}\n        className={buttonClass}\n        variant={variant}\n        buttonSize={buttonSize}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip title={tooltip} shortcut={tooltipShortcut}>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport const Toolbar = {\n  Wrapper: ToolbarWrapper,\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n};\n"],"names":["forwardRef","cn","Button","Surface","Tooltip","ToolbarWrapper","shouldShowContent","children","isVertical","className","rest","ref","toolbarClassName","displayName","ToolbarDivider","horizontal","dividerClassName","div","ToolbarButton","buttonSize","variant","tooltip","tooltipShortcut","activeClassname","buttonClass","content","type","title","shortcut","Toolbar","Wrapper","Divider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0CA,UAAU,QAAQ,QAAQ;AACpE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAqB,qBAAqB;AACzD,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAOC,aAAa,qBAAqB;AAOzC,MAAMC,+BAAiBL,WACrB,CACE,EACEM,oBAAoB,IAAI,EACxBC,QAAQ,EACRC,aAAa,KAAK,EAClBC,SAAS,EACT,GAAGC,MACJ,EACDC;IAEA,MAAMC,mBAAmBX,GACvB,sDACAO,aAAa,iBAAiB,6BAC9BC;IAGF,OACEH,mCACE,KAACH;QAAQM,WAAWG;QAAmB,GAAGF,IAAI;QAAEC,KAAKA;kBAClDJ;;AAIT;AAGFF,eAAeQ,WAAW,GAAG;AAM7B,MAAMC,+BAAiBd,WACrB,CAAC,EAAEe,UAAU,EAAEN,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACnC,MAAMK,mBAAmBf,GACvB,sCACAc,aACI,4DACA,2DACJN;IAGF,qBAAO,KAACQ;QAAIR,WAAWO;QAAkBL,KAAKA;QAAM,GAAGD,IAAI;;AAC7D;AAGFI,eAAeD,WAAW,GAAG;AAW7B,MAAMK,8BAAgBlB,WACpB,CACE,EACEO,QAAQ,EACRY,aAAa,MAAM,EACnBC,UAAU,OAAO,EACjBX,SAAS,EACTY,OAAO,EACPC,eAAe,EACfC,eAAe,EACf,GAAGb,MACJ,EACDC;IAEA,MAAMa,cAAcvB,GAAG,kCAAkCQ;IAEzD,MAAMgB,wBACJ,KAACvB;QACCwB,MAAK;QACLH,iBAAiBA;QACjBd,WAAWe;QACXJ,SAASA;QACTD,YAAYA;QACZR,KAAKA;QACJ,GAAGD,IAAI;kBAEPH;;IAIL,IAAIc,SAAS;QACX,qBACE,KAACjB;YAAQuB,OAAON;YAASO,UAAUN;sBAChCG;;IAGP;IAEA,OAAOA;AACT;AAGFP,cAAcL,WAAW,GAAG;AAE5B,OAAO,MAAMgB,UAAU;IACrBC,SAASzB;IACT0B,SAASjB;IACTZ,QAAQgB;AACV,EAAE"}

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.d.ts

@@ -14,6 +14,6 @@ export declare const useBlockEditor: ({ content, handleChange, }: {
     editor: Editor;
     users: any;
     characterCount: any;
-    leftSidebar: import("./useSidebar.jsx").SidebarState;
+    leftSidebar: import("./useSidebar.js").SidebarState;
 };
 //# sourceMappingURL=useBlockEditor.d.ts.map

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js

@@ -2,7 +2,7 @@
 import { useMemo } from "react";
 import { useEditor } from "@tiptap/react";
 import ExtensionKit from "../extensions/extension-kit.js";
-import { useSidebar } from "./useSidebar.jsx";
+import { useSidebar } from "./useSidebar.js";
 import TurndownService from "turndown";
 import { gfm } from "turndown-plugin-gfm";
 import { useTranslation } from "@payloadcms/ui/providers/Translation";

package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.jsx\";\nimport { useSidebar } from \"./useSidebar.jsx\";\n\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n  const users = useMemo(() => {\n    if (!editor?.storage.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor.storage.collaborationCursor?.users.map((user: EditorUser) => {\n      const names = user.name?.split(\" \");\n      const firstName = names?.[0];\n      const lastName = names?.[names.length - 1];\n      const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n      return { ...user, initials: initials.length ? initials : \"?\" };\n    });\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (window) window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useMemo","useEditor","ExtensionKit","useSidebar","TurndownService","gfm","useTranslation","useBlockEditor","content","handleChange","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","users","storage","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAC1C,SAASC,cAAc,QAAQ,uCAAuC;AAOtE,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EAIb;IACC,MAAMC,cAAcP;IAEpB,MAAMQ,kBAAkB,IAAIP,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBO,gBAAgBC,GAAG,CAACP;IACpBM,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUP,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEQ,CAAC,EAAEC,IAAI,EAAE,GAAGX;IAEpB,MAAMY,SAASjB,UACb;QACEO,SAASA,SAASW,QAAQX,WAAW,CAAC;QACtCY,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPpB,aAAa;YAEhB;SAWD;QACDqB,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBT,aAAaS,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAEJ,MAAMC,QAAQjC,QAAQ;QACpB,IAAI,CAACkB,QAAQgB,QAAQC,qBAAqBF,OAAO;YAC/C,OAAO,EAAE;QACX;QAEA,OAAOf,OAAOgB,OAAO,CAACC,mBAAmB,EAAEF,MAAMG,IAAI,CAACC;YACpD,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IACF,GAAG;QAAC1B,QAAQgB,QAAQC,qBAAqBF;KAAM;IAE/C,MAAMY,iBAAiB3B,QAAQgB,QAAQW,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAIC,QAAQA,OAAO9B,MAAM,GAAGA;IAE5B,OAAO;QAAEA;QAAQe;QAAOY;QAAgBnC;IAAY;AACtD,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n  const users = useMemo(() => {\n    if (!editor?.storage.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor.storage.collaborationCursor?.users.map((user: EditorUser) => {\n      const names = user.name?.split(\" \");\n      const firstName = names?.[0];\n      const lastName = names?.[names.length - 1];\n      const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n      return { ...user, initials: initials.length ? initials : \"?\" };\n    });\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (window) window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useMemo","useEditor","ExtensionKit","useSidebar","TurndownService","gfm","useTranslation","useBlockEditor","content","handleChange","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","users","storage","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAC1C,SAASC,cAAc,QAAQ,uCAAuC;AAOtE,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EAIb;IACC,MAAMC,cAAcP;IAEpB,MAAMQ,kBAAkB,IAAIP,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBO,gBAAgBC,GAAG,CAACP;IACpBM,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUP,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEQ,CAAC,EAAEC,IAAI,EAAE,GAAGX;IAEpB,MAAMY,SAASjB,UACb;QACEO,SAASA,SAASW,QAAQX,WAAW,CAAC;QACtCY,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPpB,aAAa;YAEhB;SAWD;QACDqB,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBT,aAAaS,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAEJ,MAAMC,QAAQjC,QAAQ;QACpB,IAAI,CAACkB,QAAQgB,QAAQC,qBAAqBF,OAAO;YAC/C,OAAO,EAAE;QACX;QAEA,OAAOf,OAAOgB,OAAO,CAACC,mBAAmB,EAAEF,MAAMG,IAAI,CAACC;YACpD,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IACF,GAAG;QAAC1B,QAAQgB,QAAQC,qBAAqBF;KAAM;IAE/C,MAAMY,iBAAiB3B,QAAQgB,QAAQW,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAIC,QAAQA,OAAO9B,MAAM,GAAGA;IAE5B,OAAO;QAAEA;QAAQe;QAAOY;QAAgBnC;IAAY;AACtD,EAAE"}

package/dist/src/fields/TiptapEditor/index.js

@@ -1,5 +1,5 @@
 import deepMerge from "./lib/utils/deepMerge.js";
-import { EditorComponent } from "./Components.jsx";
+import { EditorComponent } from "./Components.js";
 export const TipTapEditor = (overrides)=>{
     const editorField = deepMerge({
         name: "editor",

package/dist/src/fields/TiptapEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/TiptapEditor/index.tsx"],"sourcesContent":["import deepMerge from \"./lib/utils/deepMerge.js\";\nimport { PartialRequired } from \"./lib/utils/partialRequired.js\";\nimport { EditorComponent } from \"./Components.jsx\";\nimport { Field, JSONField } from \"payload\";\n\ntype TextEditor = (\n  /**\n   * Field overrides\n   */\n  overrides: PartialRequired<JSONField, \"name\">\n) => Field[];\n\nexport const TipTapEditor: TextEditor = (overrides) => {\n  const editorField = deepMerge<JSONField, Partial<JSONField>>(\n    {\n      name: \"editor\",\n      type: \"json\",\n      defaultValue: {},\n      admin: {\n        components: {\n          Field: EditorComponent,\n        },\n      },\n    },\n    overrides\n  );\n\n  const fields = [editorField];\n\n  return fields;\n};\n"],"names":["deepMerge","EditorComponent","TipTapEditor","overrides","editorField","name","type","defaultValue","admin","components","Field","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,eAAe,2BAA2B;AAEjD,SAASC,eAAe,QAAQ,mBAAmB;AAUnD,OAAO,MAAMC,eAA2B,CAACC;IACvC,MAAMC,cAAcJ,UAClB;QACEK,MAAM;QACNC,MAAM;QACNC,cAAc,CAAC;QACfC,OAAO;YACLC,YAAY;gBACVC,OAAOT;YACT;QACF;IACF,GACAE;IAGF,MAAMQ,SAAS;QAACP;KAAY;IAE5B,OAAOO;AACT,EAAE"}
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/index.tsx"],"sourcesContent":["import deepMerge from \"./lib/utils/deepMerge.js\";\nimport { PartialRequired } from \"./lib/utils/partialRequired.js\";\nimport { EditorComponent } from \"./Components.js\";\nimport { Field, JSONField } from \"payload\";\n\ntype TextEditor = (\n  /**\n   * Field overrides\n   */\n  overrides: PartialRequired<JSONField, \"name\">\n) => Field[];\n\nexport const TipTapEditor: TextEditor = (overrides) => {\n  const editorField = deepMerge<JSONField, Partial<JSONField>>(\n    {\n      name: \"editor\",\n      type: \"json\",\n      defaultValue: {},\n      admin: {\n        components: {\n          Field: EditorComponent,\n        },\n      },\n    },\n    overrides\n  );\n\n  const fields = [editorField];\n\n  return fields;\n};\n"],"names":["deepMerge","EditorComponent","TipTapEditor","overrides","editorField","name","type","defaultValue","admin","components","Field","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,eAAe,2BAA2B;AAEjD,SAASC,eAAe,QAAQ,kBAAkB;AAUlD,OAAO,MAAMC,eAA2B,CAACC;IACvC,MAAMC,cAAcJ,UAClB;QACEK,MAAM;QACNC,MAAM;QACNC,cAAc,CAAC;QACfC,OAAO;YACLC,YAAY;gBACVC,OAAOT;YACT;QACF;IACF,GACAE;IAGF,MAAMQ,SAAS;QAACP;KAAY;IAE5B,OAAOO;AACT,EAAE"}

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-export { TipTapEditor } from "./fields/TiptapEditor/index.jsx";
-export { EditorComponent } from "./fields/TiptapEditor/Components.jsx";
-export { BlockEditor } from "./fields/TiptapEditor/features/BlockEditor/BlockEditor.jsx";
+export { TipTapEditor } from "./fields/TiptapEditor/index.js";
+export { EditorComponent } from "./fields/TiptapEditor/Components.js";
+export { BlockEditor } from "./fields/TiptapEditor/features/BlockEditor/BlockEditor.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,4DAA4D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC"}

package/dist/src/index.js

@@ -1,5 +1,5 @@
-export { TipTapEditor } from "./fields/TiptapEditor/index.jsx";
-export { EditorComponent } from "./fields/TiptapEditor/Components.jsx";
-export { BlockEditor } from "./fields/TiptapEditor/features/BlockEditor/BlockEditor.jsx";
+export { TipTapEditor } from "./fields/TiptapEditor/index.js";
+export { EditorComponent } from "./fields/TiptapEditor/Components.js";
+export { BlockEditor } from "./fields/TiptapEditor/features/BlockEditor/BlockEditor.js";
 
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { TipTapEditor } from \"./fields/TiptapEditor/index.jsx\";\nexport { EditorComponent } from \"./fields/TiptapEditor/Components.jsx\";\nexport { BlockEditor } from \"./fields/TiptapEditor/features/BlockEditor/BlockEditor.jsx\";\n"],"names":["TipTapEditor","EditorComponent","BlockEditor"],"rangeMappings":";;","mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,eAAe,QAAQ,uCAAuC;AACvE,SAASC,WAAW,QAAQ,6DAA6D"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { TipTapEditor } from \"./fields/TiptapEditor/index.js\";\nexport { EditorComponent } from \"./fields/TiptapEditor/Components.js\";\nexport { BlockEditor } from \"./fields/TiptapEditor/features/BlockEditor/BlockEditor.js\";\n"],"names":["TipTapEditor","EditorComponent","BlockEditor"],"rangeMappings":";;","mappings":"AAAA,SAASA,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,WAAW,QAAQ,4DAA4D"}