@ruya.sa/ui 3.71.3

package/dist/elements/Card/index.js

@@ -0,0 +1,39 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../Button/index.js';
+import './index.scss';
+const baseClass = 'card';
+export const Card = props => {
+  const {
+    id,
+    actions,
+    buttonAriaLabel,
+    href,
+    onClick,
+    title,
+    titleAs
+  } = props;
+  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`].filter(Boolean).join(' ');
+  const Tag = titleAs ?? 'div';
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes,
+    id: id,
+    children: [/*#__PURE__*/_jsx(Tag, {
+      className: `${baseClass}__title`,
+      children: title
+    }), actions && /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__actions`,
+      children: actions
+    }), (onClick || href) && /*#__PURE__*/_jsx(Button, {
+      "aria-label": buttonAriaLabel,
+      buttonStyle: "none",
+      className: `${baseClass}__click`,
+      el: "link",
+      onClick: onClick,
+      to: href
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","_jsxs","className","_jsx","buttonStyle","el","to"],"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: React.ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,OAAO;AAkBP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAyBC,KAAA;EACpC,MAAM;IAAEC,EAAE;IAAEC,OAAO;IAAEC,eAAe;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAE,GAAGP,KAAA;EAExE,MAAMQ,OAAA,GAAU,CAACV,SAAA,EAAWG,EAAA,EAAK,CAAAI,OAAA,IAAWD,IAAG,KAAM,GAAGN,SAAA,eAAwB,CAAC,CAC9EW,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMC,GAAA,GAAML,OAAA,IAAW;EAEvB,oBACEM,KAAA,CAAC;IAAIC,SAAA,EAAWN,OAAA;IAASP,EAAA,EAAIA,EAAA;4BAC3Bc,IAAA,CAACH,GAAA;MAAIE,SAAA,EAAW,GAAGhB,SAAA,SAAkB;gBAAGQ;QACvCJ,OAAA,iBAAWa,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGhB,SAAA,WAAoB;gBAAGI;QACpD,CAAAG,OAAA,IAAWD,IAAG,kBACdW,IAAA,CAAClB,MAAA;MACC,cAAYM,eAAA;MACZa,WAAA,EAAY;MACZF,SAAA,EAAW,GAAGhB,SAAA,SAAkB;MAChCmB,EAAA,EAAG;MACHZ,OAAA,EAASA,OAAA;MACTa,EAAA,EAAId;;;AAKd","ignoreList":[]}

package/dist/elements/Card/index.scss

@@ -0,0 +1,73 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .card {
+    background: var(--theme-elevation-50);
+    padding: base(0.8);
+    width: 100%;
+    min-height: base(4);
+    position: relative;
+    border-radius: var(--style-radius-m);
+    border: 1px solid var(--theme-border-color);
+    transition-property: border, box-shadow, background;
+    transition-duration: 100ms;
+    transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
+    display: flex;
+    justify-content: space-between;
+    align-self: start;
+    gap: base(0.8);
+
+    &__title {
+      @extend %h5;
+      letter-spacing: 0;
+      font-weight: 600;
+      line-height: base(0.8);
+      width: 100%;
+      margin: base(0.1) 0;
+    }
+
+    &__actions {
+      position: relative;
+      z-index: 2;
+      display: inline-flex;
+      .btn {
+        margin: 0;
+        flex-shrink: 0;
+      }
+
+      .btn__icon {
+        border: 1px solid var(--theme-border-color);
+        transition-property: border, box-shadow, color, background;
+        transition-duration: 100ms;
+        transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
+
+        &:hover {
+          border: 1px solid var(--theme-elevation-500);
+          background-color: var(--theme-elevation-0);
+          color: currentColor;
+          @include shadow-sm;
+        }
+      }
+    }
+
+    &--has-onclick {
+      cursor: pointer;
+
+      &:hover {
+        background: var(--theme-elevation-50);
+        border: 1px solid var(--theme-elevation-250);
+        box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.05);
+      }
+    }
+
+    &__click {
+      z-index: 1;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      margin: 0;
+    }
+  }
+}

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

@@ -0,0 +1,17 @@
+import type { PopupProps } from '../Popup/index.js';
+import './index.scss';
+type CheckboxPopupProps = {
+    Button: React.ReactNode;
+    onChange: (args: {
+        close: () => void;
+        selectedValues: string[];
+    }) => void;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    selectedValues: string[];
+} & Omit<PopupProps, 'button' | 'render'>;
+export declare function CheckboxPopup({ Button, className, onChange, options, selectedValues, ...popupProps }: CheckboxPopupProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CheckboxPopup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAInD,OAAO,cAAc,CAAA;AAIrB,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAC;QAAC,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAA;AACzC,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,UAAU,EACd,EAAE,kBAAkB,+BA4BpB"}

package/dist/elements/CheckboxPopup/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckboxInput } from '../../fields/Checkbox/Input.js';
+import { Popup } from '../Popup/index.js';
+import './index.scss';
+const baseClass = 'checkbox-popup';
+export function CheckboxPopup({
+  Button,
+  className,
+  onChange,
+  options,
+  selectedValues,
+  ...popupProps
+}) {
+  return /*#__PURE__*/_jsx(Popup, {
+    button: Button,
+    className: [baseClass, className].filter(Boolean).join(' '),
+    horizontalAlign: "right",
+    render: ({
+      close
+    }) => /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__options`,
+      children: options.map(({
+        label,
+        value
+      }) => /*#__PURE__*/_jsx(CheckboxInput, {
+        checked: selectedValues?.includes(value),
+        label: label,
+        onToggle: () => {
+          const newSelectedValues = selectedValues?.includes(value) ? selectedValues.filter(v => v !== value) : [...selectedValues, value];
+          onChange({
+            close,
+            selectedValues: newSelectedValues
+          });
+        }
+      }, value))
+    }),
+    showScrollbar: true,
+    verticalAlign: "bottom",
+    ...popupProps
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CheckboxInput","Popup","baseClass","CheckboxPopup","Button","className","onChange","options","selectedValues","popupProps","_jsx","button","filter","Boolean","join","horizontalAlign","render","close","map","label","value","checked","includes","onToggle","newSelectedValues","v","showScrollbar","verticalAlign"],"sources":["../../../src/elements/CheckboxPopup/index.tsx"],"sourcesContent":["import type { PopupProps } from '../Popup/index.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox-popup'\n\ntype CheckboxPopupProps = {\n  Button: React.ReactNode\n  onChange: (args: { close: () => void; selectedValues: string[] }) => void\n  options: {\n    label: string\n    value: string\n  }[]\n  selectedValues: string[]\n} & Omit<PopupProps, 'button' | 'render'>\nexport function CheckboxPopup({\n  Button,\n  className,\n  onChange,\n  options,\n  selectedValues,\n  ...popupProps\n}: CheckboxPopupProps) {\n  return (\n    <Popup\n      button={Button}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <div className={`${baseClass}__options`}>\n          {options.map(({ label, value }) => (\n            <CheckboxInput\n              checked={selectedValues?.includes(value)}\n              key={value}\n              label={label}\n              onToggle={() => {\n                const newSelectedValues = selectedValues?.includes(value)\n                  ? selectedValues.filter((v) => v !== value)\n                  : [...selectedValues, value]\n                onChange({ close, selectedValues: newSelectedValues })\n              }}\n            />\n          ))}\n        </div>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n      {...popupProps}\n    />\n  )\n}\n"],"mappings":";AAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB,OAAO,SAASC,cAAc;EAC5BC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACd,GAAGC;AAAA,CACgB;EACnB,oBACEC,IAAA,CAACT,KAAA;IACCU,MAAA,EAAQP,MAAA;IACRC,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACO,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,eAAA,EAAgB;IAChBC,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBP,IAAA,CAAC;MAAIL,SAAA,EAAW,GAAGH,SAAA,WAAoB;gBACpCK,OAAA,CAAQW,GAAG,CAAC,CAAC;QAAEC,KAAK;QAAEC;MAAK,CAAE,kBAC5BV,IAAA,CAACV,aAAA;QACCqB,OAAA,EAASb,cAAA,EAAgBc,QAAA,CAASF,KAAA;QAElCD,KAAA,EAAOA,KAAA;QACPI,QAAA,EAAUA,CAAA;UACR,MAAMC,iBAAA,GAAoBhB,cAAA,EAAgBc,QAAA,CAASF,KAAA,IAC/CZ,cAAA,CAAeI,MAAM,CAAEa,CAAA,IAAMA,CAAA,KAAML,KAAA,IACnC,C,GAAIZ,cAAA,EAAgBY,KAAA,CAAM;UAC9Bd,QAAA,CAAS;YAAEW,KAAA;YAAOT,cAAA,EAAgBgB;UAAkB;QACtD;SAPKJ,KAAA;;IAYbM,aAAa;IACbC,aAAA,EAAc;IACb,GAAGlB;;AAGV","ignoreList":[]}

package/dist/elements/CheckboxPopup/index.scss

@@ -0,0 +1,19 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .checkbox-popup {
+    &__options {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) * 0.5);
+      padding: 0 3px;
+    }
+
+    .checkbox-input {
+      align-items: center;
+      label {
+        padding-bottom: 0;
+      }
+    }
+  }
+}

package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts

@@ -0,0 +1,5 @@
+export declare const ClipboardActionLabel: ({ isPaste, isRow, }: {
+    isPaste?: boolean;
+    isRow?: boolean;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=ClipboardActionLabel.d.ts.map

package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardActionLabel.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,wBAG9B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,gCAiBA,CAAA"}

package/dist/elements/ClipboardAction/ClipboardActionLabel.js

@@ -0,0 +1,44 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { CopyIcon } from '../../icons/Copy/index.js';
+import { EditIcon } from '../../icons/Edit/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export const ClipboardActionLabel = t0 => {
+  const $ = _c(4);
+  const {
+    isPaste,
+    isRow
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== isPaste || $[1] !== isRow || $[2] !== t) {
+    let label = t("general:copyField");
+    if (!isRow && isPaste) {
+      label = t("general:pasteField");
+    } else {
+      if (isRow && !isPaste) {
+        label = t("general:copyRow");
+      } else {
+        if (isRow && isPaste) {
+          label = t("general:pasteRow");
+        }
+      }
+    }
+    t1 = _jsxs(Fragment, {
+      children: [isPaste ? _jsx(EditIcon, {}) : _jsx(CopyIcon, {}), " ", label]
+    });
+    $[0] = isPaste;
+    $[1] = isRow;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+//# sourceMappingURL=ClipboardActionLabel.js.map

package/dist/elements/ClipboardAction/ClipboardActionLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardActionLabel.js","names":["c","_c","Fragment","CopyIcon","EditIcon","useTranslation","ClipboardActionLabel","t0","$","isPaste","isRow","t","t1","label","_jsxs","children","_jsx"],"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const ClipboardActionLabel = ({\n  isPaste,\n  isRow,\n}: {\n  isPaste?: boolean\n  isRow?: boolean\n}) => {\n  const { t } = useTranslation()\n\n  let label = t('general:copyField')\n  if (!isRow && isPaste) {\n    label = t('general:pasteField')\n  } else if (isRow && !isPaste) {\n    label = t('general:copyRow')\n  } else if (isRow && isPaste) {\n    label = t('general:pasteRow')\n  }\n\n  return (\n    <Fragment>\n      {isPaste ? <EditIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AAEzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,oBAAA,GAAuBC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,OAAA;IAAAC;EAAA,IAAAH,EAMpC;EACC;IAAAI;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAG,CAAA;IAEd,IAAAE,KAAA,GAAYF,CAAA,CAAE;IAAA,IACV,CAACD,KAAA,IAASD,OAAA;MACZI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;IAAV;MAAA,IACSD,KAAA,KAAUD,OAAA;QACnBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;MAAV;QAAA,IACSD,KAAA,IAASD,OAAA;UAClBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;QAAV;MAAA;IAAA;IAIAC,EAAA,GAAAE,KAAA,CAAAZ,QAAA;MAAAa,QAAA,GACGN,OAAA,GAAUO,IAAA,CAAAZ,QAAA,IAAC,IAAcY,IAAA,CAAAb,QAAA,IAAC,GAAY,KAAEU,KAAA;IAAA,C;;;;;;;;SAD3CD,E;CAIJ","ignoreList":[]}

package/dist/elements/ClipboardAction/clipboardUtilities.d.ts

@@ -0,0 +1,10 @@
+import type { ClipboardCopyActionArgs, ClipboardPasteActionArgs } from './types.js';
+/**
+ * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export declare function clipboardCopy(args: ClipboardCopyActionArgs): string | true;
+/**
+ * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export declare function clipboardPaste({ onPaste, path: fieldPath, t, ...args }: ClipboardPasteActionArgs): string | true;
+//# sourceMappingURL=clipboardUtilities.d.ts.map

package/dist/elements/ClipboardAction/clipboardUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboardUtilities.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EAGzB,MAAM,YAAY,CAAA;AAMnB;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,GAAG,IAAI,CAc1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EAAE,SAAS,EACf,CAAC,EACD,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,MAAM,GAAG,IAAI,CA4B1C"}

package/dist/elements/ClipboardAction/clipboardUtilities.js

@@ -0,0 +1,53 @@
+import { isClipboardDataValid } from './isClipboardDataValid.js';
+const localStorageClipboardKey = '_payloadClipboard';
+/**
+ * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export function clipboardCopy(args) {
+  const {
+    getDataToCopy,
+    t,
+    ...rest
+  } = args;
+  const dataToWrite = {
+    data: getDataToCopy(),
+    ...rest
+  };
+  try {
+    localStorage.setItem(localStorageClipboardKey, JSON.stringify(dataToWrite));
+    return true;
+  } catch (_err) {
+    return t('error:unableToCopy');
+  }
+}
+/**
+ * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export function clipboardPaste({
+  onPaste,
+  path: fieldPath,
+  t,
+  ...args
+}) {
+  let dataToPaste;
+  try {
+    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey);
+    if (!jsonFromClipboard) {
+      return t('error:invalidClipboardData');
+    }
+    dataToPaste = JSON.parse(jsonFromClipboard);
+  } catch (_err) {
+    return t('error:invalidClipboardData');
+  }
+  const dataToValidate = {
+    ...dataToPaste,
+    ...args,
+    fieldPath
+  };
+  if (!isClipboardDataValid(dataToValidate)) {
+    return t('error:invalidClipboardData');
+  }
+  onPaste(dataToPaste);
+  return true;
+}
+//# sourceMappingURL=clipboardUtilities.js.map

package/dist/elements/ClipboardAction/clipboardUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboardUtilities.js","names":["isClipboardDataValid","localStorageClipboardKey","clipboardCopy","args","getDataToCopy","t","rest","dataToWrite","data","localStorage","setItem","JSON","stringify","_err","clipboardPaste","onPaste","path","fieldPath","dataToPaste","jsonFromClipboard","getItem","parse","dataToValidate"],"sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"sourcesContent":["import type {\n  ClipboardCopyActionArgs,\n  ClipboardPasteActionArgs,\n  ClipboardPasteActionValidateArgs,\n  ClipboardPasteData,\n} from './types.js'\n\nimport { isClipboardDataValid } from './isClipboardDataValid.js'\n\nconst localStorageClipboardKey = '_payloadClipboard'\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardCopy(args: ClipboardCopyActionArgs): string | true {\n  const { getDataToCopy, t, ...rest } = args\n\n  const dataToWrite = {\n    data: getDataToCopy(),\n    ...rest,\n  }\n\n  try {\n    localStorage.setItem(localStorageClipboardKey, JSON.stringify(dataToWrite))\n    return true\n  } catch (_err) {\n    return t('error:unableToCopy')\n  }\n}\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardPaste({\n  onPaste,\n  path: fieldPath,\n  t,\n  ...args\n}: ClipboardPasteActionArgs): string | true {\n  let dataToPaste: ClipboardPasteData\n\n  try {\n    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey)\n\n    if (!jsonFromClipboard) {\n      return t('error:invalidClipboardData')\n    }\n\n    dataToPaste = JSON.parse(jsonFromClipboard)\n  } catch (_err) {\n    return t('error:invalidClipboardData')\n  }\n\n  const dataToValidate = {\n    ...dataToPaste,\n    ...args,\n    fieldPath,\n  } as ClipboardPasteActionValidateArgs\n\n  if (!isClipboardDataValid(dataToValidate)) {\n    return t('error:invalidClipboardData')\n  }\n\n  onPaste(dataToPaste)\n\n  return true\n}\n"],"mappings":"AAOA,SAASA,oBAAoB,QAAQ;AAErC,MAAMC,wBAAA,GAA2B;AAEjC;;;AAGA,OAAO,SAASC,cAAcC,IAA6B;EACzD,MAAM;IAAEC,aAAa;IAAEC,CAAC;IAAE,GAAGC;EAAA,CAAM,GAAGH,IAAA;EAEtC,MAAMI,WAAA,GAAc;IAClBC,IAAA,EAAMJ,aAAA;IACN,GAAGE;EACL;EAEA,IAAI;IACFG,YAAA,CAAaC,OAAO,CAACT,wBAAA,EAA0BU,IAAA,CAAKC,SAAS,CAACL,WAAA;IAC9D,OAAO;EACT,EAAE,OAAOM,IAAA,EAAM;IACb,OAAOR,CAAA,CAAE;EACX;AACF;AAEA;;;AAGA,OAAO,SAASS,eAAe;EAC7BC,OAAO;EACPC,IAAA,EAAMC,SAAS;EACfZ,CAAC;EACD,GAAGF;AAAA,CACsB;EACzB,IAAIe,WAAA;EAEJ,IAAI;IACF,MAAMC,iBAAA,GAAoBV,YAAA,CAAaW,OAAO,CAACnB,wBAAA;IAE/C,IAAI,CAACkB,iBAAA,EAAmB;MACtB,OAAOd,CAAA,CAAE;IACX;IAEAa,WAAA,GAAcP,IAAA,CAAKU,KAAK,CAACF,iBAAA;EAC3B,EAAE,OAAON,IAAA,EAAM;IACb,OAAOR,CAAA,CAAE;EACX;EAEA,MAAMiB,cAAA,GAAiB;IACrB,GAAGJ,WAAW;IACd,GAAGf,IAAI;IACPc;EACF;EAEA,IAAI,CAACjB,oBAAA,CAAqBsB,cAAA,GAAiB;IACzC,OAAOjB,CAAA,CAAE;EACX;EAEAU,OAAA,CAAQG,WAAA;EAER,OAAO;AACT","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+import type { FormStateWithoutComponents } from '@ruya.sa/payload';
+import { type FC } from 'react';
+import type { ClipboardCopyData, OnPasteFn } from './types.js';
+type Props = {
+    allowCopy?: boolean;
+    allowPaste?: boolean;
+    className?: string;
+    copyClassName?: string;
+    disabled?: boolean;
+    getDataToCopy: () => FormStateWithoutComponents;
+    isRow?: boolean;
+    onPaste: OnPasteFn;
+    pasteClassName?: string;
+} & ClipboardCopyData;
+/**
+ * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.
+ * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export declare const ClipboardAction: FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAElE,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAU9D,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA0FrC,CAAA"}

package/dist/elements/ClipboardAction/index.js

@@ -0,0 +1,98 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { toast } from 'sonner';
+import { MoreIcon } from '../../icons/More/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
+import { ClipboardActionLabel } from './ClipboardActionLabel.js';
+import { clipboardCopy, clipboardPaste } from './clipboardUtilities.js';
+const baseClass = 'clipboard-action';
+/**
+ * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.
+ * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+export const ClipboardAction = ({
+  allowCopy,
+  allowPaste,
+  className,
+  copyClassName,
+  disabled,
+  isRow,
+  onPaste,
+  pasteClassName,
+  path,
+  ...rest
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ');
+  const handleCopy = useCallback(() => {
+    const clipboardResult = clipboardCopy({
+      path,
+      t,
+      ...rest
+    });
+    if (typeof clipboardResult === 'string') {
+      toast.error(clipboardResult);
+    } else {
+      toast.success(t('general:copied'));
+    }
+  }, [t, rest, path]);
+  const handlePaste = useCallback(() => {
+    const clipboardResult_0 = clipboardPaste(rest.type === 'array' ? {
+      onPaste,
+      path,
+      schemaFields: rest.fields,
+      t
+    } : {
+      onPaste,
+      path,
+      schemaBlocks: rest.blocks,
+      t
+    });
+    if (typeof clipboardResult_0 === 'string') {
+      toast.error(clipboardResult_0);
+    }
+  }, [onPaste, rest, path, t]);
+  if (!allowPaste && !allowCopy) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Popup, {
+    button: /*#__PURE__*/_jsx(MoreIcon, {}),
+    className: classes,
+    disabled: disabled,
+    horizontalAlign: "center",
+    render: ({
+      close
+    }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+      children: [/*#__PURE__*/_jsx(PopupList.Button, {
+        className: copyClassName,
+        disabled: !allowCopy,
+        onClick: () => {
+          void handleCopy();
+          close();
+        },
+        children: /*#__PURE__*/_jsx(ClipboardActionLabel, {
+          isRow: isRow
+        })
+      }), /*#__PURE__*/_jsx(PopupList.Button, {
+        className: pasteClassName,
+        disabled: !allowPaste,
+        onClick: () => {
+          void handlePaste();
+          close();
+        },
+        children: /*#__PURE__*/_jsx(ClipboardActionLabel, {
+          isPaste: true,
+          isRow: isRow
+        })
+      })]
+    }),
+    size: "large",
+    verticalAlign: "bottom"
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","_jsx","button","horizontalAlign","render","close","_jsxs","ButtonGroup","Button","onClick","isPaste","size","verticalAlign"],"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from '@ruya.sa/payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"center\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      size=\"large\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAAkBA,WAAW,QAAQ;AACrC,SAASC,KAAK,QAAQ;AAItB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,EAAEC,cAAc,QAAQ;AAE9C,MAAMC,SAAA,GAAY;AAclB;;;;AAIA,OAAO,MAAMC,eAAA,GAA6BA,CAAC;EACzCC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJ,GAAGC;AAAA,CACJ;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGlB,cAAA;EAEd,MAAMmB,OAAA,GAAU,CAAC,GAAGb,SAAA,SAAkB,EAAEI,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAExE,MAAMC,UAAA,GAAa1B,WAAA,CAAY;IAC7B,MAAM2B,eAAA,GAAkBpB,aAAA,CAAc;MACpCY,IAAA;MACAE,CAAA;MACA,GAAGD;IACL;IAEA,IAAI,OAAOO,eAAA,KAAoB,UAAU;MACvC1B,KAAA,CAAM2B,KAAK,CAACD,eAAA;IACd,OAAO;MACL1B,KAAA,CAAM4B,OAAO,CAACR,CAAA,CAAE;IAClB;EACF,GAAG,CAACA,CAAA,EAAGD,IAAA,EAAMD,IAAA,CAAK;EAElB,MAAMW,WAAA,GAAc9B,WAAA,CAAY;IAC9B,MAAM2B,iBAAA,GAAkBnB,cAAA,CACtBY,IAAA,CAAKW,IAAI,KAAK,UACV;MACEd,OAAA;MACAE,IAAA;MACAa,YAAA,EAAcZ,IAAA,CAAKa,MAAM;MACzBZ;IACF,IACA;MACEJ,OAAA;MACAE,IAAA;MACAe,YAAA,EAAcd,IAAA,CAAKe,MAAM;MACzBd;IACF;IAGN,IAAI,OAAOM,iBAAA,KAAoB,UAAU;MACvC1B,KAAA,CAAM2B,KAAK,CAACD,iBAAA;IACd;EACF,GAAG,CAACV,OAAA,EAASG,IAAA,EAAMD,IAAA,EAAME,CAAA,CAAE;EAE3B,IAAI,CAACT,UAAA,IAAc,CAACD,SAAA,EAAW;IAC7B,OAAO;EACT;EAEA,oBACEyB,IAAA,CAAChC,KAAA;IACCiC,MAAA,eAAQD,IAAA,CAAClC,QAAA;IACTW,SAAA,EAAWS,OAAA;IACXP,QAAA,EAAUA,QAAA;IACVuB,eAAA,EAAgB;IAChBC,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBC,KAAA,CAACpC,SAAA,CAAUqC,WAAW;8BACpBN,IAAA,CAAC/B,SAAA,CAAUsC,MAAM;QACf9B,SAAA,EAAWC,aAAA;QACXC,QAAA,EAAU,CAACJ,SAAA;QACXiC,OAAA,EAASA,CAAA;UACP,KAAKlB,UAAA;UACLc,KAAA;QACF;kBAEA,aAAAJ,IAAA,CAAC9B,oBAAA;UAAqBU,KAAA,EAAOA;;uBAE/BoB,IAAA,CAAC/B,SAAA,CAAUsC,MAAM;QACf9B,SAAA,EAAWK,cAAA;QACXH,QAAA,EAAU,CAACH,UAAA;QACXgC,OAAA,EAASA,CAAA;UACP,KAAKd,WAAA;UACLU,KAAA;QACF;kBAEA,aAAAJ,IAAA,CAAC9B,oBAAA;UAAqBuC,OAAO;UAAC7B,KAAA,EAAOA;;;;IAI3C8B,IAAA,EAAK;IACLC,aAAA,EAAc;;AAGpB","ignoreList":[]}

package/dist/elements/ClipboardAction/isClipboardDataValid.d.ts

@@ -0,0 +1,10 @@
+import type { ClipboardPasteActionValidateArgs } from './types.js';
+/**
+ * Validates whether clipboard data is compatible with the target schema.
+ * For this to be true, the copied field and the target to be pasted must
+ * be structurally equivalent (same schema)
+ *
+ * @returns True if the clipboard data is valid and can be pasted, false otherwise
+ */
+export declare function isClipboardDataValid({ data, path, ...args }: ClipboardPasteActionValidateArgs): boolean;
+//# sourceMappingURL=isClipboardDataValid.d.ts.map

package/dist/elements/ClipboardAction/isClipboardDataValid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClipboardDataValid.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/isClipboardDataValid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAA;AAElE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,gCAAgC,WAgB7F"}

package/dist/elements/ClipboardAction/isClipboardDataValid.js

@@ -0,0 +1,86 @@
+import { fieldAffectsData, fieldHasSubFields } from '@ruya.sa/payload/shared';
+/**
+ * Validates whether clipboard data is compatible with the target schema.
+ * For this to be true, the copied field and the target to be pasted must
+ * be structurally equivalent (same schema)
+ *
+ * @returns True if the clipboard data is valid and can be pasted, false otherwise
+ */
+export function isClipboardDataValid({
+  data,
+  path,
+  ...args
+}) {
+  if (typeof data === 'undefined' || !path || !args.type) {
+    return false;
+  }
+  if (args.type === 'blocks') {
+    return isClipboardBlocksValid({
+      blocksFromClipboard: args.blocks,
+      blocksFromConfig: args.schemaBlocks
+    });
+  } else {
+    return isClipboardFieldsValid({
+      fieldsFromClipboard: args.fields,
+      fieldsFromConfig: args.schemaFields
+    });
+  }
+}
+function isClipboardFieldsValid({
+  fieldsFromClipboard,
+  fieldsFromConfig
+}) {
+  if (!fieldsFromConfig || fieldsFromClipboard.length !== fieldsFromConfig?.length) {
+    return false;
+  }
+  return fieldsFromClipboard.every((clipboardField, i) => {
+    const configField = fieldsFromConfig[i];
+    if (clipboardField.type !== configField.type) {
+      return false;
+    }
+    const affectsData = fieldAffectsData(clipboardField) && fieldAffectsData(configField);
+    if (affectsData && clipboardField.name !== configField.name) {
+      return false;
+    }
+    const hasNestedFieldsConfig = fieldHasSubFields(configField);
+    const hasNestedFieldsClipboard = fieldHasSubFields(clipboardField);
+    if (hasNestedFieldsClipboard !== hasNestedFieldsConfig) {
+      return false;
+    }
+    if (hasNestedFieldsClipboard && hasNestedFieldsConfig) {
+      return isClipboardFieldsValid({
+        fieldsFromClipboard: clipboardField.fields,
+        fieldsFromConfig: configField.fields
+      });
+    }
+    return true;
+  });
+}
+function isClipboardBlocksValid({
+  blocksFromClipboard,
+  blocksFromConfig
+}) {
+  const configBlockMap = new Map(blocksFromConfig?.map(block => [block.slug, block]));
+  if (!configBlockMap.size) {
+    return false;
+  }
+  const checkedSlugs = new Set();
+  for (const currBlock of blocksFromClipboard) {
+    const currSlug = currBlock.slug;
+    if (!checkedSlugs.has(currSlug)) {
+      const configBlock = configBlockMap.get(currSlug);
+      if (!configBlock) {
+        return false;
+      }
+      if (!isClipboardFieldsValid({
+        fieldsFromClipboard: currBlock.fields,
+        fieldsFromConfig: configBlock.fields
+      })) {
+        return false;
+      }
+      checkedSlugs.add(currSlug);
+    }
+  }
+  return true;
+}
+//# sourceMappingURL=isClipboardDataValid.js.map

package/dist/elements/ClipboardAction/isClipboardDataValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClipboardDataValid.js","names":["fieldAffectsData","fieldHasSubFields","isClipboardDataValid","data","path","args","type","isClipboardBlocksValid","blocksFromClipboard","blocks","blocksFromConfig","schemaBlocks","isClipboardFieldsValid","fieldsFromClipboard","fields","fieldsFromConfig","schemaFields","length","every","clipboardField","i","configField","affectsData","name","hasNestedFieldsConfig","hasNestedFieldsClipboard","configBlockMap","Map","map","block","slug","size","checkedSlugs","Set","currBlock","currSlug","has","configBlock","get","add"],"sources":["../../../src/elements/ClipboardAction/isClipboardDataValid.ts"],"sourcesContent":["import type { ClientBlock, ClientField } from '@ruya.sa/payload'\n\nimport { fieldAffectsData, fieldHasSubFields } from '@ruya.sa/payload/shared'\n\nimport type { ClipboardPasteActionValidateArgs } from './types.js'\n\n/**\n * Validates whether clipboard data is compatible with the target schema.\n * For this to be true, the copied field and the target to be pasted must\n * be structurally equivalent (same schema)\n *\n * @returns True if the clipboard data is valid and can be pasted, false otherwise\n */\nexport function isClipboardDataValid({ data, path, ...args }: ClipboardPasteActionValidateArgs) {\n  if (typeof data === 'undefined' || !path || !args.type) {\n    return false\n  }\n\n  if (args.type === 'blocks') {\n    return isClipboardBlocksValid({\n      blocksFromClipboard: args.blocks,\n      blocksFromConfig: args.schemaBlocks,\n    })\n  } else {\n    return isClipboardFieldsValid({\n      fieldsFromClipboard: args.fields,\n      fieldsFromConfig: args.schemaFields,\n    })\n  }\n}\n\nfunction isClipboardFieldsValid({\n  fieldsFromClipboard,\n  fieldsFromConfig,\n}: {\n  fieldsFromClipboard: ClientField[]\n  fieldsFromConfig?: ClientField[]\n}): boolean {\n  if (!fieldsFromConfig || fieldsFromClipboard.length !== fieldsFromConfig?.length) {\n    return false\n  }\n\n  return fieldsFromClipboard.every((clipboardField, i) => {\n    const configField = fieldsFromConfig[i]\n\n    if (clipboardField.type !== configField.type) {\n      return false\n    }\n\n    const affectsData = fieldAffectsData(clipboardField) && fieldAffectsData(configField)\n    if (affectsData && clipboardField.name !== configField.name) {\n      return false\n    }\n\n    const hasNestedFieldsConfig = fieldHasSubFields(configField)\n    const hasNestedFieldsClipboard = fieldHasSubFields(clipboardField)\n    if (hasNestedFieldsClipboard !== hasNestedFieldsConfig) {\n      return false\n    }\n\n    if (hasNestedFieldsClipboard && hasNestedFieldsConfig) {\n      return isClipboardFieldsValid({\n        fieldsFromClipboard: clipboardField.fields,\n        fieldsFromConfig: configField.fields,\n      })\n    }\n\n    return true\n  })\n}\n\nfunction isClipboardBlocksValid({\n  blocksFromClipboard,\n  blocksFromConfig,\n}: {\n  blocksFromClipboard: ClientBlock[]\n  blocksFromConfig?: ClientBlock[]\n}) {\n  const configBlockMap = new Map(blocksFromConfig?.map((block) => [block.slug, block]))\n\n  if (!configBlockMap.size) {\n    return false\n  }\n\n  const checkedSlugs = new Set<string>()\n\n  for (const currBlock of blocksFromClipboard) {\n    const currSlug = currBlock.slug\n\n    if (!checkedSlugs.has(currSlug)) {\n      const configBlock = configBlockMap.get(currSlug)\n      if (!configBlock) {\n        return false\n      }\n\n      if (\n        !isClipboardFieldsValid({\n          fieldsFromClipboard: currBlock.fields,\n          fieldsFromConfig: configBlock.fields,\n        })\n      ) {\n        return false\n      }\n\n      checkedSlugs.add(currSlug)\n    }\n  }\n  return true\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,iBAAiB,QAAQ;AAIpD;;;;;;;AAOA,OAAO,SAASC,qBAAqB;EAAEC,IAAI;EAAEC,IAAI;EAAE,GAAGC;AAAA,CAAwC;EAC5F,IAAI,OAAOF,IAAA,KAAS,eAAe,CAACC,IAAA,IAAQ,CAACC,IAAA,CAAKC,IAAI,EAAE;IACtD,OAAO;EACT;EAEA,IAAID,IAAA,CAAKC,IAAI,KAAK,UAAU;IAC1B,OAAOC,sBAAA,CAAuB;MAC5BC,mBAAA,EAAqBH,IAAA,CAAKI,MAAM;MAChCC,gBAAA,EAAkBL,IAAA,CAAKM;IACzB;EACF,OAAO;IACL,OAAOC,sBAAA,CAAuB;MAC5BC,mBAAA,EAAqBR,IAAA,CAAKS,MAAM;MAChCC,gBAAA,EAAkBV,IAAA,CAAKW;IACzB;EACF;AACF;AAEA,SAASJ,uBAAuB;EAC9BC,mBAAmB;EACnBE;AAAgB,CAIjB;EACC,IAAI,CAACA,gBAAA,IAAoBF,mBAAA,CAAoBI,MAAM,KAAKF,gBAAA,EAAkBE,MAAA,EAAQ;IAChF,OAAO;EACT;EAEA,OAAOJ,mBAAA,CAAoBK,KAAK,CAAC,CAACC,cAAA,EAAgBC,CAAA;IAChD,MAAMC,WAAA,GAAcN,gBAAgB,CAACK,CAAA,CAAE;IAEvC,IAAID,cAAA,CAAeb,IAAI,KAAKe,WAAA,CAAYf,IAAI,EAAE;MAC5C,OAAO;IACT;IAEA,MAAMgB,WAAA,GAActB,gBAAA,CAAiBmB,cAAA,KAAmBnB,gBAAA,CAAiBqB,WAAA;IACzE,IAAIC,WAAA,IAAeH,cAAA,CAAeI,IAAI,KAAKF,WAAA,CAAYE,IAAI,EAAE;MAC3D,OAAO;IACT;IAEA,MAAMC,qBAAA,GAAwBvB,iBAAA,CAAkBoB,WAAA;IAChD,MAAMI,wBAAA,GAA2BxB,iBAAA,CAAkBkB,cAAA;IACnD,IAAIM,wBAAA,KAA6BD,qBAAA,EAAuB;MACtD,OAAO;IACT;IAEA,IAAIC,wBAAA,IAA4BD,qBAAA,EAAuB;MACrD,OAAOZ,sBAAA,CAAuB;QAC5BC,mBAAA,EAAqBM,cAAA,CAAeL,MAAM;QAC1CC,gBAAA,EAAkBM,WAAA,CAAYP;MAChC;IACF;IAEA,OAAO;EACT;AACF;AAEA,SAASP,uBAAuB;EAC9BC,mBAAmB;EACnBE;AAAgB,CAIjB;EACC,MAAMgB,cAAA,GAAiB,IAAIC,GAAA,CAAIjB,gBAAA,EAAkBkB,GAAA,CAAKC,KAAA,IAAU,CAACA,KAAA,CAAMC,IAAI,EAAED,KAAA,CAAM;EAEnF,IAAI,CAACH,cAAA,CAAeK,IAAI,EAAE;IACxB,OAAO;EACT;EAEA,MAAMC,YAAA,GAAe,IAAIC,GAAA;EAEzB,KAAK,MAAMC,SAAA,IAAa1B,mBAAA,EAAqB;IAC3C,MAAM2B,QAAA,GAAWD,SAAA,CAAUJ,IAAI;IAE/B,IAAI,CAACE,YAAA,CAAaI,GAAG,CAACD,QAAA,GAAW;MAC/B,MAAME,WAAA,GAAcX,cAAA,CAAeY,GAAG,CAACH,QAAA;MACvC,IAAI,CAACE,WAAA,EAAa;QAChB,OAAO;MACT;MAEA,IACE,CAACzB,sBAAA,CAAuB;QACtBC,mBAAA,EAAqBqB,SAAA,CAAUpB,MAAM;QACrCC,gBAAA,EAAkBsB,WAAA,CAAYvB;MAChC,IACA;QACA,OAAO;MACT;MAEAkB,YAAA,CAAaO,GAAG,CAACJ,QAAA;IACnB;EACF;EACA,OAAO;AACT","ignoreList":[]}

package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.d.ts

@@ -0,0 +1,14 @@
+import type { FieldState, FormState } from '@ruya.sa/payload';
+import type { ClipboardPasteData } from './types.js';
+export declare function reduceFormStateByPath({ formState, path, rowIndex, }: {
+    formState: FormState;
+    path: string;
+    rowIndex?: number;
+}): Record<string, FieldState>;
+export declare function mergeFormStateFromClipboard({ dataFromClipboard: clipboardData, formState, path, rowIndex, }: {
+    dataFromClipboard: ClipboardPasteData;
+    formState: FormState;
+    path: string;
+    rowIndex?: number;
+}): FormState;
+//# sourceMappingURL=mergeFormStateFromClipboard.d.ts.map

package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeFormStateFromClipboard.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/mergeFormStateFromClipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAEpD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,8BAyBA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,iBAAiB,EAAE,aAAa,EAChC,SAAS,EACT,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,iBAAiB,EAAE,kBAAkB,CAAA;IACrC,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,aAiFA"}