@ruya.sa/ui 3.71.3

package/dist/fields/Relationship/optionsReducer.js

@@ -0,0 +1,147 @@
+'use client';
+
+import { getTranslation } from '@ruya.sa/translations';
+import { formatDocTitle } from '../../utilities/formatDocTitle/index.js';
+const reduceToIDs = options => options.reduce((ids, option) => {
+  if (option.options) {
+    return [...ids, ...reduceToIDs(option.options)];
+  }
+  return [...ids, {
+    id: option.value,
+    relationTo: option.relationTo
+  }];
+}, []);
+const sortOptions = options => options.sort((a, b) => {
+  if (typeof a?.label?.localeCompare === 'function' && typeof b?.label?.localeCompare === 'function') {
+    return a.label.localeCompare(b.label);
+  }
+  return 0;
+});
+export const optionsReducer = (state, action) => {
+  switch (action.type) {
+    case 'ADD':
+      {
+        const {
+          collection,
+          config,
+          docs,
+          i18n,
+          ids = [],
+          sort
+        } = action;
+        const relation = collection.slug;
+        const loadedIDs = reduceToIDs(state);
+        const newOptions = [...state];
+        const optionsToAddTo = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
+        const newSubOptions = docs.reduce((docSubOptions, doc) => {
+          if (loadedIDs.filter(item => item.id === doc.id && item.relationTo === relation).length === 0) {
+            loadedIDs.push({
+              id: doc.id,
+              relationTo: relation
+            });
+            const docTitle = formatDocTitle({
+              collectionConfig: collection,
+              data: doc,
+              dateFormat: config.admin.dateFormat,
+              fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+              i18n
+            });
+            return [...docSubOptions, {
+              label: docTitle,
+              relationTo: relation,
+              value: doc.id
+            }];
+          }
+          return docSubOptions;
+        }, []);
+        ids.forEach(id => {
+          if (loadedIDs.filter(item => item.id === id && item.relationTo === relation).length === 0) {
+            loadedIDs.push({
+              id,
+              relationTo: relation
+            });
+            newSubOptions.push({
+              allowEdit: false,
+              label: `${i18n.t('general:untitled')} - ID: ${id}`,
+              relationTo: relation,
+              value: id
+            });
+          }
+        });
+        if (optionsToAddTo) {
+          const subOptions = [...optionsToAddTo.options, ...newSubOptions];
+          optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions;
+        } else {
+          newOptions.push({
+            label: getTranslation(collection.labels.plural, i18n),
+            options: sort ? sortOptions(newSubOptions) : newSubOptions
+          });
+        }
+        return newOptions;
+      }
+    case 'CLEAR':
+      {
+        const exemptValues = action.exemptValues ? Array.isArray(action.exemptValues) ? action.exemptValues : [action.exemptValues] : [];
+        const clearedStateWithExemptValues = state.filter(optionGroup => {
+          const clearedOptions = optionGroup.options.filter(option => {
+            if (exemptValues) {
+              return exemptValues.some(exemptValue => {
+                return exemptValue && option.value === exemptValue.value;
+              });
+            }
+            return false;
+          });
+          optionGroup.options = clearedOptions;
+          return clearedOptions.length > 0;
+        });
+        return clearedStateWithExemptValues;
+      }
+    case 'REMOVE':
+      {
+        const {
+          id,
+          collection
+        } = action;
+        const newOptions = [...state];
+        const indexOfGroup = newOptions.findIndex(optionGroup => optionGroup.label === collection.labels.plural);
+        if (indexOfGroup === -1) {
+          return newOptions;
+        }
+        newOptions[indexOfGroup] = {
+          ...newOptions[indexOfGroup],
+          options: newOptions[indexOfGroup].options.filter(option => option.value !== id)
+        };
+        return newOptions;
+      }
+    case 'UPDATE':
+      {
+        const {
+          collection,
+          config,
+          doc,
+          i18n
+        } = action;
+        const relation = collection.slug;
+        const newOptions = [...state];
+        const docTitle = formatDocTitle({
+          collectionConfig: collection,
+          data: doc,
+          dateFormat: config.admin.dateFormat,
+          fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,
+          i18n
+        });
+        const foundOptionGroup = newOptions.find(optionGroup => optionGroup.label === collection.labels.plural);
+        const foundOption = foundOptionGroup?.options?.find(option => option.value === doc.id);
+        if (foundOption) {
+          foundOption.label = docTitle;
+          foundOption.relationTo = relation;
+        }
+        return newOptions;
+      }
+    default:
+      {
+        return state;
+      }
+  }
+};
+//# sourceMappingURL=optionsReducer.js.map

package/dist/fields/Relationship/optionsReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionsReducer.js","names":["getTranslation","formatDocTitle","reduceToIDs","options","reduce","ids","option","id","value","relationTo","sortOptions","sort","a","b","label","localeCompare","optionsReducer","state","action","type","collection","config","docs","i18n","relation","slug","loadedIDs","newOptions","optionsToAddTo","find","optionGroup","labels","plural","newSubOptions","docSubOptions","doc","filter","item","length","push","docTitle","collectionConfig","data","dateFormat","admin","fallback","t","forEach","allowEdit","subOptions","exemptValues","Array","isArray","clearedStateWithExemptValues","clearedOptions","some","exemptValue","indexOfGroup","findIndex","foundOptionGroup","foundOption"],"sources":["../../../src/fields/Relationship/optionsReducer.ts"],"sourcesContent":["'use client'\nimport { getTranslation } from '@ruya.sa/translations'\n\nimport type { Action, Option, OptionGroup } from './types.js'\n\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\n\nconst reduceToIDs = (options) =>\n  options.reduce((ids, option) => {\n    if (option.options) {\n      return [...ids, ...reduceToIDs(option.options)]\n    }\n\n    return [...ids, { id: option.value, relationTo: option.relationTo }]\n  }, [])\n\nconst sortOptions = (options: Option[]): Option[] =>\n  options.sort((a: Option, b: Option) => {\n    if (\n      typeof a?.label?.localeCompare === 'function' &&\n      typeof b?.label?.localeCompare === 'function'\n    ) {\n      return a.label.localeCompare(b.label)\n    }\n\n    return 0\n  })\n\nexport const optionsReducer = (state: OptionGroup[], action: Action): OptionGroup[] => {\n  switch (action.type) {\n    case 'ADD': {\n      const { collection, config, docs, i18n, ids = [], sort } = action\n      const relation = collection.slug\n      const loadedIDs = reduceToIDs(state)\n      const newOptions = [...state]\n      const optionsToAddTo = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const newSubOptions = docs.reduce((docSubOptions, doc) => {\n        if (\n          loadedIDs.filter((item) => item.id === doc.id && item.relationTo === relation).length ===\n          0\n        ) {\n          loadedIDs.push({ id: doc.id, relationTo: relation })\n\n          const docTitle = formatDocTitle({\n            collectionConfig: collection,\n            data: doc,\n            dateFormat: config.admin.dateFormat,\n            fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n            i18n,\n          })\n\n          return [\n            ...docSubOptions,\n            {\n              label: docTitle,\n              relationTo: relation,\n              value: doc.id,\n            },\n          ]\n        }\n\n        return docSubOptions\n      }, [])\n\n      ids.forEach((id) => {\n        if (\n          loadedIDs.filter((item) => item.id === id && item.relationTo === relation).length === 0\n        ) {\n          loadedIDs.push({ id, relationTo: relation })\n          newSubOptions.push({\n            allowEdit: false,\n            label: `${i18n.t('general:untitled')} - ID: ${id}`,\n            relationTo: relation,\n            value: id,\n          })\n        }\n      })\n\n      if (optionsToAddTo) {\n        const subOptions = [...optionsToAddTo.options, ...newSubOptions]\n\n        optionsToAddTo.options = sort ? sortOptions(subOptions) : subOptions\n      } else {\n        newOptions.push({\n          label: getTranslation(collection.labels.plural, i18n),\n          options: sort ? sortOptions(newSubOptions) : newSubOptions,\n        })\n      }\n\n      return newOptions\n    }\n\n    case 'CLEAR': {\n      const exemptValues = action.exemptValues\n        ? Array.isArray(action.exemptValues)\n          ? action.exemptValues\n          : [action.exemptValues]\n        : []\n\n      const clearedStateWithExemptValues = state.filter((optionGroup) => {\n        const clearedOptions = optionGroup.options.filter((option) => {\n          if (exemptValues) {\n            return exemptValues.some((exemptValue) => {\n              return exemptValue && option.value === exemptValue.value\n            })\n          }\n\n          return false\n        })\n\n        optionGroup.options = clearedOptions\n\n        return clearedOptions.length > 0\n      })\n\n      return clearedStateWithExemptValues\n    }\n\n    case 'REMOVE': {\n      const { id, collection } = action\n\n      const newOptions = [...state]\n\n      const indexOfGroup = newOptions.findIndex(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n\n      if (indexOfGroup === -1) {\n        return newOptions\n      }\n\n      newOptions[indexOfGroup] = {\n        ...newOptions[indexOfGroup],\n        options: newOptions[indexOfGroup].options.filter((option) => option.value !== id),\n      }\n\n      return newOptions\n    }\n\n    case 'UPDATE': {\n      const { collection, config, doc, i18n } = action\n      const relation = collection.slug\n      const newOptions = [...state]\n\n      const docTitle = formatDocTitle({\n        collectionConfig: collection,\n        data: doc,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${i18n.t('general:untitled')} - ID: ${doc.id}`,\n        i18n,\n      })\n\n      const foundOptionGroup = newOptions.find(\n        (optionGroup) => optionGroup.label === collection.labels.plural,\n      )\n      const foundOption = foundOptionGroup?.options?.find((option) => option.value === doc.id)\n\n      if (foundOption) {\n        foundOption.label = docTitle\n        foundOption.relationTo = relation\n      }\n\n      return newOptions\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts

@@ -0,0 +1,11 @@
+import type { MultiValueProps } from 'react-select';
+import React from 'react';
+import type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js';
+import type { Option } from '../../types.js';
+import './index.scss';
+export declare const MultiValueLabel: React.FC<{
+    selectProps: {
+        customProps: ReactSelectAdapterProps['customProps'];
+    };
+} & MultiValueProps<Option>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Relationship/select-components/MultiValueLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CACpC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,eAAe,CAAC,MAAM,CAAC,CAyD5B,CAAA"}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js

@@ -0,0 +1,93 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useState } from 'react';
+import { components } from 'react-select';
+import { Tooltip } from '../../../../elements/Tooltip/index.js';
+import { EditIcon } from '../../../../icons/Edit/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'relationship--multi-value-label';
+export const MultiValueLabel = props => {
+  const {
+    data: t0,
+    selectProps: t1
+  } = props;
+  const {
+    allowEdit,
+    label,
+    relationTo,
+    value
+  } = t0;
+  const {
+    customProps: t2
+  } = t1 === undefined ? {} : t1;
+  const {
+    draggableProps,
+    onDocumentOpen
+  } = t2 === undefined ? {} : t2;
+  const {
+    permissions
+  } = useAuth();
+  const [showTooltip, setShowTooltip] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
+  return _jsxs("div", {
+    className: baseClass,
+    title: label || "",
+    children: [_jsx("div", {
+      className: `${baseClass}__content`,
+      children: _jsx(components.MultiValueLabel, {
+        ...props,
+        innerProps: {
+          className: `${baseClass}__text`,
+          ...(draggableProps || {})
+        }
+      })
+    }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
+      children: _jsxs("button", {
+        "aria-label": `Edit ${label}`,
+        className: `${baseClass}__drawer-toggler`,
+        onClick: event => {
+          setShowTooltip(false);
+          onDocumentOpen({
+            id: value,
+            collectionSlug: relationTo,
+            hasReadPermission,
+            openInNewTab: event.metaKey || event.ctrlKey
+          });
+        },
+        onKeyDown: _temp,
+        onMouseDown: _temp2,
+        onMouseEnter: () => setShowTooltip(true),
+        onMouseLeave: () => setShowTooltip(false),
+        onTouchEnd: _temp3,
+        type: "button",
+        children: [_jsx(Tooltip, {
+          className: `${baseClass}__tooltip`,
+          show: showTooltip,
+          children: t("general:editLabel", {
+            label: ""
+          })
+        }), _jsx(EditIcon, {
+          className: `${baseClass}__icon`
+        })]
+      })
+    })]
+  });
+};
+function _temp(e) {
+  if (e.key === "Enter") {
+    e.stopPropagation();
+  }
+}
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
+function _temp3(e_1) {
+  return e_1.stopPropagation();
+}
+//# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Fragment","useState","components","Tooltip","EditIcon","useAuth","useTranslation","baseClass","MultiValueLabel","props","data","t0","selectProps","t1","allowEdit","label","relationTo","value","customProps","t2","undefined","draggableProps","onDocumentOpen","permissions","showTooltip","setShowTooltip","t","hasReadPermission","Boolean","collections","read","_jsxs","className","title","children","_jsx","innerProps","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/MultiValueLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { MultiValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--multi-value-label'\n\nexport const MultiValueLabel: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & MultiValueProps<Option>\n> = (props) => {\n  const {\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { draggableProps, onDocumentOpen } = {} } = {},\n  } = props\n\n  const { permissions } = useAuth()\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <div className={baseClass} title={label || ''}>\n      <div className={`${baseClass}__content`}>\n        <components.MultiValueLabel\n          {...props}\n          innerProps={{\n            className: `${baseClass}__text`,\n            ...(draggableProps || {}),\n          }}\n        />\n      </div>\n      {relationTo && hasReadPermission && allowEdit !== false && (\n        <Fragment>\n          <button\n            aria-label={`Edit ${label}`}\n            className={`${baseClass}__drawer-toggler`}\n            onClick={(event) => {\n              setShowTooltip(false)\n              onDocumentOpen({\n                id: value,\n                collectionSlug: relationTo,\n                hasReadPermission,\n                openInNewTab: event.metaKey || event.ctrlKey,\n              })\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.stopPropagation()\n              }\n            }}\n            onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n            onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n            type=\"button\"\n          >\n            <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n              {t('general:editLabel', { label: '' })}\n            </Tooltip>\n            <EditIcon className={`${baseClass}__icon`} />\n          </button>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,QAAQ,QAAQ;AAC1C,SAASC,UAAU,QAAQ;AAK3B,SAASC,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAOTC,KAAA;EACF;IAAAC,IAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIJ,KAAA;EAFI;IAAAK,SAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAN,EAAuC;EAChC;IAAAO,WAAA,EAAAC;EAAA,IAAAN,EAA6D,KAAAO,SAAA,QAA7DP,EAA6D;EAA9C;IAAAQ,cAAA;IAAAC;EAAA,IAAAH,EAAuC,KAAAC,SAAA,QAAvCD,EAAuC;EAGrE;IAAAI;EAAA,IAAwBlB,OAAA;EACxB,OAAAmB,WAAA,EAAAC,cAAA,IAAsCxB,QAAA,MAAS;EAC/C;IAAAyB;EAAA,IAAcpB,cAAA;EACd,MAAAqB,iBAAA,GAA0BC,OAAA,CAAQL,WAAA,EAAAM,WAAA,GAA2Bb,UAAA,GAAAc,IAAa;EAAA,OAGxEC,KAAA,CAAC;IAAAC,SAAA,EAAAzB,SAAA;IAAA0B,KAAA,EAAiClB,KAAA,IAAS;IAAAmB,QAAA,GACzCC,IAAA,CAAC;MAAAH,SAAA,EAAe,GAAAzB,SAAA,WAAuB;MAAA2B,QAAA,EACrCC,IAAA,CAAAjC,UAAA,CAAAM,eAAA;QAAA,GACMC,KAAK;QAAA2B,UAAA;UAAAJ,SAAA,EAEI,GAAAzB,SAAA,QAAoB;UAAA,IAC3Bc,cAAA,MAAoB;QAAA;MAAA,C;QAI7BL,UAAA,IAAcW,iBAAA,IAAqBb,SAAA,UAAc,IAChDqB,IAAA,CAAAnC,QAAA;MAAAkC,QAAA,EACEH,KAAA,CAAC;QAAA,cACa,QAAQhB,KAAA,EAAO;QAAAiB,SAAA,EAChB,GAAAzB,SAAA,kBAA8B;QAAA8B,OAAA,EAAAC,KAAA;UAEvCb,cAAA,MAAe;UACfH,cAAA;YAAAiB,EAAA,EACMtB,KAAA;YAAAuB,cAAA,EACYxB,UAAA;YAAAW,iBAAA;YAAAc,YAAA,EAEFH,KAAA,CAAAI,OAAA,IAAiBJ,KAAA,CAAAK;UAAa,CAC9C;QAAA;QAAAC,SAAA,EAAAC,KAAA;QAAAC,WAAA,EAAAC,MAAA;QAAAC,YAAA,EAAAA,CAAA,KAQkBvB,cAAA,KAAe;QAAAwB,YAAA,EAAAA,CAAA,KACfxB,cAAA,MAAe;QAAAyB,UAAA,EAAAC,MAAA;QAAAC,IAAA,EAE9B;QAAAlB,QAAA,GAELC,IAAA,CAAAhC,OAAA;UAAA6B,SAAA,EAAoB,GAAAzB,SAAA,WAAuB;UAAA8C,IAAA,EAAQ7B,WAAA;UAAAU,QAAA,EAChDR,CAAA,CAAE;YAAAX,KAAA,EAA8B;UAAA,CAAG;QAAA,C,GAEtCoB,IAAA,CAAA/B,QAAA;UAAA4B,SAAA,EAAqB,GAAAzB,SAAA;QAAoB,C;;;;CAMrD;AAxDI,SAAAsC,MAAAS,CAAA;EAAA,IAqCcA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,eAAA,CAAiB;EAAA;AAAA;AAtC7B,SAAAT,OAAAU,GAAA;EAAA,OAyC4BH,GAAA,CAAAE,eAAA,CAAiB;AAAA;AAzC7C,SAAAL,OAAAO,GAAA;EAAA,OA4C2BJ,GAAA,CAAAE,eAAA,CAAiB;AAAA","ignoreList":[]}

package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss

@@ -0,0 +1,51 @@
+@import '../../../../scss/styles.scss';
+
+@layer payload-default {
+  .relationship--multi-value-label {
+    display: flex;
+    padding-inline-start: base(0.4);
+    gap: base(0.2);
+
+    &__content {
+      @extend %small;
+      line-height: base(1.1);
+      max-width: 150px;
+      color: currentColor;
+      display: flex;
+      align-items: center;
+    }
+
+    &__text {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+
+    &__drawer-toggler {
+      border: none;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: base(0.2);
+      pointer-events: all;
+
+      .icon {
+        width: base(1);
+        height: base(1);
+        padding: base(0.1);
+      }
+
+      &:hover {
+        background-color: var(--theme-elevation-150);
+      }
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+      }
+    }
+  }
+}

package/dist/fields/Relationship/select-components/SingleValue/index.d.ts

@@ -0,0 +1,11 @@
+import type { SingleValueProps } from 'react-select';
+import React from 'react';
+import type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js';
+import type { Option } from '../../types.js';
+import './index.scss';
+export declare const SingleValue: React.FC<{
+    selectProps: {
+        customProps: ReactSelectAdapterProps['customProps'];
+    };
+} & SingleValueProps<Option>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Relationship/select-components/SingleValue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAM5C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC;IACE,WAAW,EAAE;QAEX,WAAW,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAA;KACpD,CAAA;CACF,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAsD7B,CAAA"}

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -0,0 +1,129 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useState } from 'react';
+import { components as SelectComponents } from 'react-select';
+import { Tooltip } from '../../../../elements/Tooltip/index.js';
+import { EditIcon } from '../../../../icons/Edit/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'relationship--single-value';
+export const SingleValue = props => {
+  const $ = _c(16);
+  const {
+    children,
+    data: t0,
+    selectProps: t1
+  } = props;
+  const {
+    allowEdit,
+    label,
+    relationTo,
+    value
+  } = t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    customProps: t3
+  } = t2;
+  let t4;
+  if ($[2] !== t3) {
+    t4 = t3 === undefined ? {} : t3;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const {
+    onDocumentOpen
+  } = t4;
+  const [showTooltip, setShowTooltip] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
+  const t5 = label || "";
+  let t6;
+  if ($[4] !== allowEdit || $[5] !== children || $[6] !== hasReadPermission || $[7] !== label || $[8] !== onDocumentOpen || $[9] !== props || $[10] !== relationTo || $[11] !== showTooltip || $[12] !== t || $[13] !== t5 || $[14] !== value) {
+    t6 = _jsx(SelectComponents.SingleValue, {
+      ...props,
+      className: baseClass,
+      children: _jsx("div", {
+        className: `${baseClass}__label`,
+        title: t5,
+        children: _jsxs("div", {
+          className: `${baseClass}__label-text`,
+          children: [_jsx("div", {
+            className: `${baseClass}__text`,
+            children
+          }), relationTo && hasReadPermission && allowEdit !== false && _jsx(Fragment, {
+            children: _jsxs("button", {
+              "aria-label": t("general:editLabel", {
+                label
+              }),
+              className: `${baseClass}__drawer-toggler`,
+              onClick: event => {
+                setShowTooltip(false);
+                onDocumentOpen({
+                  id: value,
+                  collectionSlug: relationTo,
+                  hasReadPermission,
+                  openInNewTab: event.metaKey || event.ctrlKey
+                });
+              },
+              onKeyDown: _temp,
+              onMouseDown: _temp2,
+              onMouseEnter: () => setShowTooltip(true),
+              onMouseLeave: () => setShowTooltip(false),
+              onTouchEnd: _temp3,
+              type: "button",
+              children: [_jsx(Tooltip, {
+                className: `${baseClass}__tooltip`,
+                show: showTooltip,
+                children: t("general:edit")
+              }), _jsx(EditIcon, {})]
+            })
+          })]
+        })
+      })
+    });
+    $[4] = allowEdit;
+    $[5] = children;
+    $[6] = hasReadPermission;
+    $[7] = label;
+    $[8] = onDocumentOpen;
+    $[9] = props;
+    $[10] = relationTo;
+    $[11] = showTooltip;
+    $[12] = t;
+    $[13] = t5;
+    $[14] = value;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
+};
+function _temp(e) {
+  if (e.key === "Enter") {
+    e.stopPropagation();
+  }
+}
+function _temp2(e_0) {
+  return e_0.stopPropagation();
+}
+function _temp3(e_1) {
+  return e_1.stopPropagation();
+}
+//# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","$","children","data","t0","selectProps","t1","allowEdit","label","relationTo","value","t2","undefined","customProps","t3","t4","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","t5","t6","_jsx","className","title","_jsxs","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","_temp","onMouseDown","_temp2","onMouseEnter","onMouseLeave","onTouchEnd","_temp3","type","show","e","key","stopPropagation","e_0","e_1"],"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    e.stopPropagation()\n                  }\n                }}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -0,0 +1,54 @@
+@import '../../../../scss/styles.scss';
+
+@layer payload-default {
+  .relationship--single-value {
+    &.rs__single-value {
+      overflow: visible;
+      min-width: 0;
+    }
+
+    &__label-text {
+      max-width: unset;
+      display: flex;
+      align-items: center;
+      overflow: visible;
+      width: 100%;
+      flex-shrink: 1;
+    }
+
+    &__text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    &__drawer-toggler {
+      border: none;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: base(0.25);
+      pointer-events: all;
+
+      .icon {
+        width: base(0.75);
+        height: base(0.75);
+      }
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+      }
+
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
+    }
+
+    &__label {
+      flex-grow: 1;
+    }
+  }
+}

package/dist/fields/Relationship/types.d.ts

@@ -0,0 +1,99 @@
+import type { I18nClient } from '@ruya.sa/translations';
+import type { ClientCollectionConfig, ClientConfig, CollectionSlug, FilterOptionsResult, LabelFunction, StaticDescription, StaticLabel, ValueWithRelation } from '@ruya.sa/payload';
+export type Option = {
+    allowEdit: boolean;
+    label: string;
+    options?: Option[];
+    relationTo?: string;
+    value: number | string;
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type MonomorphicRelationValue = number | string;
+export type Value = MonomorphicRelationValue | MonomorphicRelationValue[] | ValueWithRelation | ValueWithRelation[];
+type CLEAR = {
+    exemptValues?: ValueWithRelation | ValueWithRelation[];
+    type: 'CLEAR';
+};
+type UPDATE = {
+    collection: ClientCollectionConfig;
+    config: ClientConfig;
+    doc: any;
+    i18n: I18nClient;
+    type: 'UPDATE';
+};
+type ADD = {
+    collection: ClientCollectionConfig;
+    config: ClientConfig;
+    docs: any[];
+    i18n: I18nClient;
+    ids?: (number | string)[];
+    sort?: boolean;
+    type: 'ADD';
+};
+type REMOVE = {
+    collection: ClientCollectionConfig;
+    config: ClientConfig;
+    i18n: I18nClient;
+    id: string;
+    type: 'REMOVE';
+};
+export type Action = ADD | CLEAR | REMOVE | UPDATE;
+export type HasManyValueUnion = {
+    hasMany: false;
+    value?: ValueWithRelation;
+} | {
+    hasMany: true;
+    value?: ValueWithRelation[];
+};
+export type UpdateResults = (args: {
+    filterOptions?: FilterOptionsResult;
+    lastFullyLoadedRelation?: number;
+    lastLoadedPage: Record<string, number>;
+    onSuccess?: () => void;
+    search?: string;
+    sort?: boolean;
+} & HasManyValueUnion) => void;
+export type RelationshipInputProps = {
+    readonly AfterInput?: React.ReactNode;
+    readonly allowCreate?: boolean;
+    readonly allowEdit?: boolean;
+    readonly appearance?: 'drawer' | 'select';
+    readonly BeforeInput?: React.ReactNode;
+    readonly className?: string;
+    readonly Description?: React.ReactNode;
+    readonly description?: StaticDescription;
+    readonly Error?: React.ReactNode;
+    readonly filterOptions?: FilterOptionsResult;
+    readonly formatDisplayedOptions?: (options: OptionGroup[]) => Option[] | OptionGroup[];
+    readonly isSortable?: boolean;
+    readonly Label?: React.ReactNode;
+    readonly label?: StaticLabel;
+    readonly localized?: boolean;
+    readonly maxResultsPerRequest?: number;
+    readonly maxRows?: number;
+    readonly minRows?: number;
+    readonly path: string;
+    readonly placeholder?: LabelFunction | string;
+    readonly readOnly?: boolean;
+    readonly relationTo: string[];
+    readonly required?: boolean;
+    readonly showError?: boolean;
+    readonly sortOptions?: Partial<Record<CollectionSlug, string>>;
+    readonly style?: React.CSSProperties;
+} & SharedRelationshipInputProps;
+type SharedRelationshipInputProps = {
+    readonly hasMany: false;
+    readonly initialValue?: null | ValueWithRelation;
+    readonly onChange: (value: ValueWithRelation) => void;
+    readonly value?: null | ValueWithRelation;
+} | {
+    readonly hasMany: true;
+    readonly initialValue?: null | ValueWithRelation[];
+    readonly onChange: (value: ValueWithRelation[]) => void;
+    readonly value?: null | ValueWithRelation[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map