@payloadcms/ui 3.35.0-internal.b3d367c → 3.35.0

package/dist/elements/HTMLDiff/index.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { HtmlDiff } from './diff/index.js';
-import './index.scss';
-const baseClass = 'html-diff';
-export const getHTMLDiffComponents = ({
-  fromHTML,
-  toHTML,
-  tokenizeByCharacter
-}) => {
-  const diffHTML = new HtmlDiff(fromHTML, toHTML, {
-    tokenizeByCharacter
-  });
-  const [oldHTML, newHTML] = diffHTML.getSideBySideContents();
-  const From = oldHTML ? /*#__PURE__*/_jsx("div", {
-    className: `${baseClass}__diff-old html-diff`,
-    dangerouslySetInnerHTML: {
-      __html: oldHTML
-    }
-  }) : null;
-  const To = newHTML ? /*#__PURE__*/_jsx("div", {
-    className: `${baseClass}__diff-new html-diff`,
-    dangerouslySetInnerHTML: {
-      __html: newHTML
-    }
-  }) : null;
-  return {
-    From,
-    To
-  };
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/HTMLDiff/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","HtmlDiff","baseClass","getHTMLDiffComponents","fromHTML","toHTML","tokenizeByCharacter","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './index.scss'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  toHTML,\n  tokenizeByCharacter,\n}: {\n  fromHTML: string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  const [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  const From = oldHTML ? (\n    <div\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,MAAM;EACNC;AAAmB,CAKpB;EAIC,MAAMC,QAAA,GAAW,IAAIN,QAAA,CAASG,QAAA,EAAUC,MAAA,EAAQ;IAC9CC;EACF;EAEA,MAAM,CAACE,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEzD,MAAMC,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGX,SAAA,sBAA+B;IAC7CY,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;OAE3C;EAEJ,MAAMQ,EAAA,GAAKP,OAAA,gBACTG,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGX,SAAA,sBAA+B;IAC7CY,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;OAE3C;EAEJ,OAAO;IAAEE,IAAA;IAAMK;EAAG;AACpB","ignoreList":[]}

package/dist/elements/HTMLDiff/index.scss

@@ -1,158 +0,0 @@
-@import '../../scss/styles.scss';
-@import './colors.scss';
-
-@layer payload-default {
-  .html-diff {
-    font-size: base(0.7);
-    letter-spacing: 0.02em;
-
-    &-no-value {
-      color: var(--theme-elevation-400);
-    }
-
-    pre {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-
-    // Apply background color to parents that have children with diffs
-    p,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    blockquote,
-    pre,
-    h6 {
-      &:has([data-match-type='create']) {
-        position: relative;
-        z-index: 1;
-        &::before {
-          content: '';
-          position: absolute;
-          top: -(base(0.5));
-          bottom: -(base(0.5));
-          left: -10px;
-          right: -(base(0.5));
-          display: block;
-          background-color: var(--diff-create-parent-bg);
-          color: var(--diff-create-parent-color);
-          z-index: -1; /* Place behind the text */
-        }
-      }
-
-      &:has([data-match-type='delete']) {
-        position: relative;
-        z-index: 1;
-        &::before {
-          content: '';
-          position: absolute;
-          top: -(base(0.5));
-          bottom: -(base(0.5));
-          left: -(base(0.5));
-          right: -10px;
-          display: block;
-          background-color: var(--diff-delete-parent-bg);
-          color: var(--diff-delete-parent-color);
-          z-index: -1; /* Place behind the text */
-        }
-      }
-    }
-
-    li {
-      &:has([data-match-type='create']) {
-        position: relative;
-        z-index: 1;
-        &::before {
-          content: '';
-          position: absolute;
-          top: 0;
-          bottom: 0;
-          left: -10px;
-          right: -(base(0.5));
-          display: block;
-          background-color: var(--diff-create-parent-bg);
-          color: var(--diff-create-parent-color);
-          z-index: -1; /* Place behind the text */
-        }
-      }
-
-      &:has([data-match-type='delete']) {
-        position: relative;
-        z-index: 1;
-        &::before {
-          content: '';
-          position: absolute;
-          top: 0;
-          bottom: 0;
-          left: -(base(0.5));
-          right: -10px;
-          display: block;
-          background-color: var(--diff-delete-parent-bg);
-          color: var(--diff-delete-parent-color);
-          z-index: -1; /* Place behind the text */
-        }
-      }
-    }
-
-    li::marker {
-      color: var(--theme-text);
-    }
-
-    [data-match-type='delete'] {
-      color: var(--diff-delete-pill-color);
-      text-decoration-color: var(--diff-delete-pill-color);
-      text-decoration-line: line-through;
-      background-color: var(--diff-delete-pill-bg);
-      border-radius: 4px;
-      text-decoration-thickness: 1px;
-    }
-
-    a[data-match-type='delete'] {
-      color: var(--diff-delete-link-color);
-    }
-
-    a[data-match-type='create']:not(img) {
-      // :not(img) required to increase specificity
-      color: var(--diff-create-link-color);
-    }
-
-    [data-match-type='create']:not(img) {
-      background-color: var(--diff-create-pill-bg);
-      color: var(--diff-create-pill-color);
-      border-radius: 4px;
-    }
-
-    .html-diff {
-      &-create-inline-wrapper,
-      &-delete-inline-wrapper {
-        display: inline-flex;
-      }
-
-      &-create-block-wrapper,
-      &-delete-block-wrapper {
-        display: flex;
-      }
-
-      &-create-inline-wrapper,
-      &-delete-inline-wrapper,
-      &-create-block-wrapper,
-      &-delete-block-wrapper {
-        position: relative;
-        align-items: center;
-        flex-direction: row;
-
-        &::after {
-          position: absolute;
-          top: 0;
-          left: 0;
-          display: block;
-          width: 100%;
-          height: 100%;
-          content: '';
-        }
-      }
-    }
-  }
-}

package/dist/elements/PillSelector/index.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import './index.scss';
-export type SelectablePill = {
-    key?: string;
-    Label?: React.ReactNode;
-    name: string;
-    selected: boolean;
-};
-export type Props = {
-    draggable?: {
-        onDragEnd: (args: {
-            moveFromIndex: number;
-            moveToIndex: number;
-        }) => void;
-    };
-    onClick?: (args: {
-        pill: SelectablePill;
-    }) => Promise<void> | void;
-    pills: SelectablePill[];
-};
-/**
- * Displays a wrappable list of pills that can be selected or deselected.
- * If `draggable` is true, the pills can be reordered by dragging.
- */
-export declare const PillSelector: React.FC<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/PillSelector/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PillSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE;QACV,SAAS,EAAE,CAAC,IAAI,EAAE;YAAE,aAAa,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAA;KAC1E,CAAA;IACD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAClE,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDxC,CAAA"}

package/dist/elements/PillSelector/index.js

@@ -1,71 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { PlusIcon } from '../../icons/Plus/index.js';
-import { XIcon } from '../../icons/X/index.js';
-import { DraggableSortable } from '../DraggableSortable/index.js';
-import { Pill } from '../Pill/index.js';
-import './index.scss';
-const baseClass = 'pill-selector';
-/**
- * Displays a wrappable list of pills that can be selected or deselected.
- * If `draggable` is true, the pills can be reordered by dragging.
- */
-export const PillSelector = ({
-  draggable,
-  onClick,
-  pills
-}) => {
-  const Wrapper = React.useMemo(() => {
-    if (draggable) {
-      return ({
-        children
-      }) => /*#__PURE__*/_jsx(DraggableSortable, {
-        className: baseClass,
-        ids: pills.map(pill => pill.name),
-        onDragEnd: ({
-          moveFromIndex,
-          moveToIndex
-        }) => {
-          draggable.onDragEnd({
-            moveFromIndex,
-            moveToIndex
-          });
-        },
-        children: children
-      });
-    } else {
-      return ({
-        children: children_0
-      }) => /*#__PURE__*/_jsx("div", {
-        className: baseClass,
-        children: children_0
-      });
-    }
-  }, [draggable, pills]);
-  return /*#__PURE__*/_jsx(Wrapper, {
-    children: pills.map((pill_0, i) => {
-      return /*#__PURE__*/_jsx(Pill, {
-        alignIcon: "left",
-        "aria-checked": pill_0.selected,
-        className: [`${baseClass}__pill`, pill_0.selected && `${baseClass}__pill--selected`].filter(Boolean).join(' '),
-        draggable: true,
-        icon: pill_0.selected ? /*#__PURE__*/_jsx(XIcon, {}) : /*#__PURE__*/_jsx(PlusIcon, {}),
-        id: pill_0.name,
-        onClick: () => {
-          if (onClick) {
-            void onClick({
-              pill: pill_0
-            });
-          }
-        },
-        children: pill_0.Label ?? /*#__PURE__*/_jsx("span", {
-          className: `${baseClass}__pill-label`,
-          children: pill_0.name
-        })
-      }, pill_0.key ?? `${pill_0.name}-${i}`);
-    })
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/PillSelector/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","Wrapper","useMemo","children","_jsx","className","ids","map","pill","name","onDragEnd","moveFromIndex","moveToIndex","i","alignIcon","selected","filter","Boolean","join","icon","id","Label","key"],"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  const Wrapper = React.useMemo(() => {\n    if (draggable) {\n      return ({ children }) => (\n        <DraggableSortable\n          className={baseClass}\n          ids={pills.map((pill) => pill.name)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => {\n            draggable.onDragEnd({\n              moveFromIndex,\n              moveToIndex,\n            })\n          }}\n        >\n          {children}\n        </DraggableSortable>\n      )\n    } else {\n      return ({ children }) => <div className={baseClass}>{children}</div>\n    }\n  }, [draggable, pills])\n\n  return (\n    <Wrapper>\n      {pills.map((pill, i) => {\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={pill.selected}\n            className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={pill.selected ? <XIcon /> : <PlusIcon />}\n            id={pill.name}\n            key={pill.key ?? `${pill.name}-${i}`}\n            onClick={() => {\n              if (onClick) {\n                void onClick({ pill })\n              }\n            }}\n          >\n            {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n          </Pill>\n        )\n      })}\n    </Wrapper>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,KAAK,QAAQ;AACtB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCA,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAK,CAAE;EACzE,MAAMC,OAAA,GAAUV,KAAA,CAAMW,OAAO,CAAC;IAC5B,IAAIJ,SAAA,EAAW;MACb,OAAO,CAAC;QAAEK;MAAQ,CAAE,kBAClBC,IAAA,CAACV,iBAAA;QACCW,SAAA,EAAWT,SAAA;QACXU,GAAA,EAAKN,KAAA,CAAMO,GAAG,CAAEC,IAAA,IAASA,IAAA,CAAKC,IAAI;QAClCC,SAAA,EAAWA,CAAC;UAAEC,aAAa;UAAEC;QAAW,CAAE;UACxCd,SAAA,CAAUY,SAAS,CAAC;YAClBC,aAAA;YACAC;UACF;QACF;kBAECT;;IAGP,OAAO;MACL,OAAO,CAAC;QAAEA,QAAQ,EAARA;MAAQ,CAAE,kBAAKC,IAAA,CAAC;QAAIC,SAAA,EAAWT,SAAA;kBAAYO;;IACvD;EACF,GAAG,CAACL,SAAA,EAAWE,KAAA,CAAM;EAErB,oBACEI,IAAA,CAACH,OAAA;cACED,KAAA,CAAMO,GAAG,CAAC,CAACC,MAAA,EAAMK,CAAA;MAChB,oBACET,IAAA,CAACT,IAAA;QACCmB,SAAA,EAAU;QACV,gBAAcN,MAAA,CAAKO,QAAQ;QAC3BV,SAAA,EAAW,CAAC,GAAGT,SAAA,QAAiB,EAAEY,MAAA,CAAKO,QAAQ,IAAI,GAAGnB,SAAA,kBAA2B,CAAC,CAC/EoB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRpB,SAAS;QACTqB,IAAA,EAAMX,MAAA,CAAKO,QAAQ,gBAAGX,IAAA,CAACX,KAAA,qBAAWW,IAAA,CAACZ,QAAA;QACnC4B,EAAA,EAAIZ,MAAA,CAAKC,IAAI;QAEbV,OAAA,EAASA,CAAA;UACP,IAAIA,OAAA,EAAS;YACX,KAAKA,OAAA,CAAQ;cAAES,IAAA,EAAAA;YAAK;UACtB;QACF;kBAECA,MAAA,CAAKa,KAAK,iBAAIjB,IAAA,CAAC;UAAKC,SAAA,EAAW,GAAGT,SAAA,cAAuB;oBAAGY,MAAA,CAAKC;;SAP7DD,MAAA,CAAKc,GAAG,IAAI,GAAGd,MAAA,CAAKC,IAAI,IAAII,CAAA,EAAG;IAU1C;;AAGN","ignoreList":[]}