@ruya.sa/ui 3.71.3

package/dist/elements/Tooltip/index.js

@@ -0,0 +1,71 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useIntersect } from '../../hooks/useIntersect.js';
+import './index.scss';
+export const Tooltip = props => {
+  const {
+    alignCaret = 'center',
+    boundingRef,
+    children,
+    className,
+    delay = 350,
+    position: positionFromProps,
+    show: showFromProps = true,
+    staticPositioning = false
+  } = props;
+  const [show, setShow] = React.useState(showFromProps);
+  const [position, setPosition] = React.useState('top');
+  const getTitleAttribute = content => typeof content === 'string' ? content : '';
+  const [ref, intersectionEntry] = useIntersect({
+    root: boundingRef?.current || null,
+    rootMargin: '-145px 0px 0px 100px',
+    threshold: 0
+  }, staticPositioning);
+  useEffect(() => {
+    let timerID;
+    // do not use the delay on transition-out
+    if (delay && showFromProps) {
+      timerID = setTimeout(() => {
+        setShow(showFromProps);
+      }, delay);
+    } else {
+      setShow(showFromProps);
+    }
+    return () => {
+      if (timerID) {
+        clearTimeout(timerID);
+      }
+    };
+  }, [showFromProps, delay]);
+  useEffect(() => {
+    if (staticPositioning) {
+      return;
+    }
+    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
+  }, [intersectionEntry, staticPositioning]);
+  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [!staticPositioning && /*#__PURE__*/_jsx("aside", {
+      "aria-hidden": "true",
+      className: ['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top'].filter(Boolean).join(' '),
+      ref: ref,
+      style: {
+        opacity: '0'
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: "tooltip-content",
+        children: children
+      })
+    }), /*#__PURE__*/_jsx("aside", {
+      className: ['tooltip', className, show && 'tooltip--show', `tooltip--caret-${alignCaret}`, `tooltip--position-${positionFromProps || position}`].filter(Boolean).join(' '),
+      title: getTitleAttribute(children),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "tooltip-content",
+        children: children
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","useState","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","_jsxs","Fragment","_jsx","filter","Boolean","join","style","opacity","title"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerID: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerID = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerID) {\n        clearTimeout(timerID)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAgBP,OAAO,MAAMC,OAAA,GAA4BC,KAAA;EACvC,MAAM;IACJC,UAAA,GAAa,QAAQ;IACrBC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,KAAA,GAAQ,GAAG;IACXC,QAAA,EAAUC,iBAAiB;IAC3BC,IAAA,EAAMC,aAAA,GAAgB,IAAI;IAC1BC,iBAAA,GAAoB;EAAK,CAC1B,GAAGV,KAAA;EAEJ,MAAM,CAACQ,IAAA,EAAMG,OAAA,CAAQ,GAAGf,KAAA,CAAMgB,QAAQ,CAACH,aAAA;EACvC,MAAM,CAACH,QAAA,EAAUO,WAAA,CAAY,GAAGjB,KAAA,CAAMgB,QAAQ,CAAmB;EAEjE,MAAME,iBAAA,GAAqBC,OAAA,IAAa,OAAOA,OAAA,KAAY,WAAWA,OAAA,GAAU;EAEhF,MAAM,CAACC,GAAA,EAAKC,iBAAA,CAAkB,GAAGnB,YAAA,CAC/B;IACEoB,IAAA,EAAMhB,WAAA,EAAaiB,OAAA,IAAW;IAC9BC,UAAA,EAAY;IACZC,SAAA,EAAW;EACb,GACAX,iBAAA;EAGFb,SAAA,CAAU;IACR,IAAIyB,OAAA;IAEJ;IACA,IAAIjB,KAAA,IAASI,aAAA,EAAe;MAC1Ba,OAAA,GAAUC,UAAA,CAAW;QACnBZ,OAAA,CAAQF,aAAA;MACV,GAAGJ,KAAA;IACL,OAAO;MACLM,OAAA,CAAQF,aAAA;IACV;IAEA,OAAO;MACL,IAAIa,OAAA,EAAS;QACXE,YAAA,CAAaF,OAAA;MACf;IACF;EACF,GAAG,CAACb,aAAA,EAAeJ,KAAA,CAAM;EAEzBR,SAAA,CAAU;IACR,IAAIa,iBAAA,EAAmB;MACrB;IACF;IACAG,WAAA,CAAYI,iBAAA,EAAmBQ,cAAA,GAAiB,QAAQ;EAC1D,GAAG,CAACR,iBAAA,EAAmBP,iBAAA,CAAkB;EAEzC;EACA,oBACEgB,KAAA,CAAC9B,KAAA,CAAM+B,QAAQ;eACZ,CAACjB,iBAAA,iBACAkB,IAAA,CAAC;MACC,eAAY;MACZxB,SAAA,EAAW,CAAC,WAAWA,SAAA,EAAW,kBAAkBH,UAAA,EAAY,EAAE,wBAAwB,CACvF4B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRf,GAAA,EAAKA,GAAA;MACLgB,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAI;gBAEtB,aAAAL,IAAA,CAAC;QAAIxB,SAAA,EAAU;kBAAmBD;;qBAGtCyB,IAAA,CAAC;MACCxB,SAAA,EAAW,CACT,WACAA,SAAA,EACAI,IAAA,IAAQ,iBACR,kBAAkBP,UAAA,EAAY,EAC9B,qBAAqBM,iBAAA,IAAqBD,QAAA,EAAU,CACrD,CACEuB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRG,KAAA,EAAOpB,iBAAA,CAAkBX,QAAA;gBAEzB,aAAAyB,IAAA,CAAC;QAAIxB,SAAA,EAAU;kBAAmBD;;;;AAI1C","ignoreList":[]}

package/dist/elements/Tooltip/index.scss

@@ -0,0 +1,101 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .tooltip {
+    --caret-size: 6px;
+
+    opacity: 0;
+    background-color: var(--theme-elevation-800);
+    position: absolute;
+    z-index: 3;
+    left: 50%;
+    padding: base(0.2) base(0.4);
+    color: var(--theme-elevation-0);
+    line-height: base(0.75);
+    font-weight: normal;
+    white-space: nowrap;
+    border-radius: 2px;
+    visibility: hidden;
+
+    &::after {
+      content: ' ';
+      display: block;
+      position: absolute;
+      transform: translate3d(-50%, 100%, 0);
+      width: 0;
+      height: 0;
+      border-left: var(--caret-size) solid transparent;
+      border-right: var(--caret-size) solid transparent;
+    }
+
+    &--show {
+      visibility: visible;
+      opacity: 1;
+      transition: opacity 0.2s ease-in-out;
+      cursor: default;
+    }
+
+    &--caret-center {
+      &::after {
+        left: 50%;
+      }
+    }
+
+    &--caret-left {
+      &::after {
+        left: calc(var(--base) * 0.5);
+      }
+    }
+
+    &--caret-right {
+      &::after {
+        right: calc(var(--base) * 0.5);
+      }
+    }
+
+    &--position-top {
+      top: calc(var(--base) * -1.25);
+      transform: translate3d(-50%, calc(var(--caret-size) * -1), 0);
+
+      &::after {
+        bottom: 1px;
+        border-top: var(--caret-size) solid var(--theme-elevation-800);
+      }
+    }
+
+    &--position-bottom {
+      bottom: calc(var(--base) * -1.25);
+      transform: translate3d(-50%, var(--caret-size), 0);
+
+      &::after {
+        bottom: calc(100% + var(--caret-size) - 1px);
+        border-bottom: var(--caret-size) solid var(--theme-elevation-800);
+      }
+    }
+
+    .tooltip-content {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+    }
+
+    @include mid-break {
+      display: none;
+    }
+  }
+
+  html[data-theme='light'] {
+    .tooltip:not(.field-error) {
+      background-color: var(--theme-elevation-100);
+      color: var(--theme-elevation-1000);
+    }
+
+    .tooltip--position-top:not(.field-error):after {
+      border-top-color: var(--theme-elevation-100);
+    }
+
+    .tooltip--position-bottom:not(.field-error):after {
+      border-bottom-color: var(--theme-elevation-100);
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+import type { ClientTranslationKeys, TFunction } from '@ruya.sa/translations';
+import * as React from 'react';
+export type TranslationProps = {
+    elements?: Record<string, React.FC<{
+        children: React.ReactNode;
+    }>>;
+    i18nKey: ClientTranslationKeys;
+    t: TFunction;
+    variables?: Record<string, unknown>;
+};
+export declare const Translation: React.FC<TranslationProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Translation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAE7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC,CAAA;IAClE,OAAO,EAAE,qBAAqB,CAAA;IAC9B,CAAC,EAAE,SAAS,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAA"}

package/dist/elements/Translation/index.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+const RecursiveTranslation = ({
+  elements,
+  translationString
+}) => {
+  const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
+  const sections = translationString.split(regex);
+  return /*#__PURE__*/_jsx("span", {
+    children: sections.map((section, index) => {
+      if (elements && section.startsWith('<') && section.endsWith('>')) {
+        const elementKey = section[1];
+        const Element = elements[elementKey];
+        if (Element) {
+          const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
+          const children = section.replace(regex, (_, group) => group);
+          return /*#__PURE__*/_jsx(Element, {
+            children: /*#__PURE__*/_jsx(RecursiveTranslation, {
+              translationString: children
+            })
+          }, index);
+        }
+      }
+      return section;
+    })
+  });
+};
+export const Translation = ({
+  elements,
+  i18nKey,
+  t,
+  variables
+}) => {
+  const stringWithVariables = t(i18nKey, variables || {});
+  if (!elements) {
+    return stringWithVariables;
+  }
+  return /*#__PURE__*/_jsx(RecursiveTranslation, {
+    elements: elements,
+    translationString: stringWithVariables
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","_jsx","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@ruya.sa/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"mappings":";AAEA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,oBAAA,GAGDA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAE;EACnC,MAAMC,KAAA,GAAQ;EACd,MAAMC,QAAA,GAAWF,iBAAA,CAAkBG,KAAK,CAACF,KAAA;EAEzC,oBACEG,IAAA,CAAC;cACEF,QAAA,CAASG,GAAG,CAAC,CAACC,OAAA,EAASC,KAAA;MACtB,IAAIR,QAAA,IAAYO,OAAA,CAAQE,UAAU,CAAC,QAAQF,OAAA,CAAQG,QAAQ,CAAC,MAAM;QAChE,MAAMC,UAAA,GAAaJ,OAAO,CAAC,EAAE;QAC7B,MAAMK,OAAA,GAAUZ,QAAQ,CAACW,UAAA,CAAW;QAEpC,IAAIC,OAAA,EAAS;UACX,MAAMV,KAAA,GAAQ,IAAIW,MAAA,CAAO,IAAIF,UAAA,YAAsBA,UAAA,GAAa,EAAE;UAClE,MAAMG,QAAA,GAAWP,OAAA,CAAQQ,OAAO,CAACb,KAAA,EAAO,CAACc,CAAA,EAAGC,KAAA,KAAUA,KAAA;UAEtD,oBACEZ,IAAA,CAACO,OAAA;sBACC,aAAAP,IAAA,CAACN,oBAAA;cAAqBE,iBAAA,EAAmBa;;aAD7BN,KAAA;QAIlB;MACF;MAEA,OAAOD,OAAA;IACT;;AAGN;AASA,OAAO,MAAMW,WAAA,GAA0CA,CAAC;EAAElB,QAAQ;EAAEmB,OAAO;EAAEC,CAAC;EAAEC;AAAS,CAAE;EACzF,MAAMC,mBAAA,GAAsBF,CAAA,CAAED,OAAA,EAASE,SAAA,IAAa,CAAC;EAErD,IAAI,CAACrB,QAAA,EAAU;IACb,OAAOsB,mBAAA;EACT;EAEA,oBAAOjB,IAAA,CAACN,oBAAA;IAAqBC,QAAA,EAAUA,QAAA;IAAUC,iBAAA,EAAmBqB;;AACtE","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const TrashBanner: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TrashBanner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiB/B,CAAA"}

package/dist/elements/TrashBanner/index.js

@@ -0,0 +1,37 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { TrashIcon } from '../../icons/Trash/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import './index.scss';
+const baseClass = 'trash-banner';
+export const TrashBanner = () => {
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    collectionSlug
+  } = useDocumentInfo();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels
+  } = collectionConfig;
+  const {
+    i18n
+  } = useTranslation();
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsx(TrashIcon, {}), _jsx("p", {
+      children: i18n.t("general:documentIsTrashed", {
+        label: `${getTranslation(labels?.singular, i18n)}`
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","TrashIcon","useConfig","useDocumentInfo","useTranslation","baseClass","TrashBanner","getEntityConfig","collectionSlug","collectionConfig","labels","i18n","_jsxs","className","children","_jsx","t","label","singular"],"sources":["../../../src/elements/TrashBanner/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'trash-banner'\n\nexport const TrashBanner: React.FC = () => {\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels } = collectionConfig\n  const { i18n } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <TrashIcon />\n      <p>\n        {i18n.t('general:documentIsTrashed', {\n          label: `${getTranslation(labels?.singular, i18n)}`,\n        })}\n      </p>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EACnC;IAAAC;EAAA,IAA4BL,SAAA;EAC5B;IAAAM;EAAA,IAA2BL,eAAA;EAC3B,MAAAM,gBAAA,GAAyBF,eAAA;IAAAC;EAAA,CAAiC;EAE1D;IAAAE;EAAA,IAAmBD,gBAAA;EACnB;IAAAE;EAAA,IAAiBP,cAAA;EAAA,OAEfQ,KAAA,CAAC;IAAAC,SAAA,EAAAR,SAAA;IAAAS,QAAA,GACCC,IAAA,CAAAd,SAAA,IAAC,GACDc,IAAA,CAAC;MAAAD,QAAA,EACEH,IAAA,CAAAK,CAAA,CAAO;QAAAC,KAAA,EACC,GAAGlB,cAAA,CAAeW,MAAA,EAAAQ,QAAA,EAAkBP,IAAA;MAAO,CACpD;IAAA,C;;CAIR","ignoreList":[]}

package/dist/elements/TrashBanner/index.scss

@@ -0,0 +1,20 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .trash-banner {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) * 0.5);
+    margin-bottom: var(--base);
+    padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
+    border-radius: var(--style-radius-s);
+    background: var(--theme-warning-100);
+    color: var(--theme-warning-600);
+  }
+
+  html[data-theme='dark'] {
+    .trash-banner {
+      color: var(--theme-warning-800);
+    }
+  }
+}

package/dist/elements/UnpublishMany/DrawerContent.d.ts

@@ -0,0 +1,13 @@
+import type { Where } from '@ruya.sa/payload';
+import React from 'react';
+import type { UnpublishManyProps } from './index.js';
+type UnpublishManyDrawerContentProps = {
+    drawerSlug: string;
+    ids: (number | string)[];
+    onSuccess?: () => void;
+    selectAll: boolean;
+    where?: Where;
+} & UnpublishManyProps;
+export declare function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DrawerContent.d.ts.map

package/dist/elements/UnpublishMany/DrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAM7C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAUpD,KAAK,+BAA+B,GAAG;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,kBAAkB,CAAA;AAEtB,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,qBA4JhF"}

package/dist/elements/UnpublishMany/DrawerContent.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from '@ruya.sa/payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback } from 'react';
+import { toast } from 'sonner';
+import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { requests } from '../../utilities/api.js';
+import { parseSearchParams } from '../../utilities/parseSearchParams.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+export function UnpublishManyDrawerContent(props) {
+  const {
+    collection,
+    collection: {
+      slug,
+      labels: {
+        plural,
+        singular
+      }
+    } = {},
+    drawerSlug,
+    ids,
+    onSuccess,
+    selectAll,
+    where
+  } = props;
+  const {
+    config: {
+      routes: {
+        api
+      }
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const addDefaultError = useCallback(() => {
+    toast.error(t('error:unknown'));
+  }, [t]);
+  const queryString = React.useMemo(() => {
+    const whereConstraints = [{
+      _status: {
+        not_equals: 'draft'
+      }
+    }];
+    if (where) {
+      whereConstraints.push(where);
+    }
+    const queryWithSearch = mergeListSearchAndWhere({
+      collectionConfig: collection,
+      search: searchParams.get('search')
+    });
+    if (queryWithSearch) {
+      whereConstraints.push(queryWithSearch);
+    }
+    if (!selectAll) {
+      // If we're not selecting all, we need to select specific docs
+      whereConstraints.push({
+        id: {
+          in: ids || []
+        }
+      });
+    }
+    return qs.stringify({
+      locale,
+      select: {},
+      where: combineWhereConstraints(whereConstraints)
+    }, {
+      addQueryPrefix: true
+    });
+  }, [collection, searchParams, selectAll, ids, locale, where]);
+  const handleUnpublish = useCallback(async () => {
+    const url = formatAdminURL({
+      apiRoute: api,
+      path: `/${slug}${queryString}`
+    });
+    await requests.patch(url, {
+      body: JSON.stringify({
+        _status: 'draft'
+      }),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    }).then(async res => {
+      try {
+        const json = await res.json();
+        const deletedDocs = json?.docs.length || 0;
+        const successLabel = deletedDocs > 1 ? plural : singular;
+        if (res.status < 400 || deletedDocs > 0) {
+          toast.success(t('general:updatedCountSuccessfully', {
+            count: deletedDocs,
+            label: getTranslation(successLabel, i18n)
+          }));
+          if (json?.errors.length > 0) {
+            toast.error(json.message, {
+              description: json.errors.map(error => error.message).join('\n')
+            });
+          }
+          router.replace(qs.stringify({
+            ...parseSearchParams(searchParams),
+            page: selectAll ? '1' : undefined
+          }, {
+            addQueryPrefix: true
+          }));
+          clearRouteCache();
+          if (typeof onSuccess === 'function') {
+            onSuccess();
+          }
+          return null;
+        }
+        if (json.errors) {
+          json.errors.forEach(error => toast.error(error.message));
+        } else {
+          addDefaultError();
+        }
+        return false;
+      } catch (_err) {
+        return addDefaultError();
+      }
+    });
+  }, [api, slug, queryString, i18n, plural, singular, t, router, searchParams, selectAll, clearRouteCache, addDefaultError, onSuccess]);
+  return /*#__PURE__*/_jsx(ConfirmationModal, {
+    body: t('version:aboutToUnpublishSelection', {
+      label: getTranslation(plural, i18n)
+    }),
+    confirmingLabel: t('version:unpublishing'),
+    heading: t('version:confirmUnpublish'),
+    modalSlug: drawerSlug,
+    onConfirm: handleUnpublish
+  });
+}
+//# sourceMappingURL=DrawerContent.js.map

package/dist/elements/UnpublishMany/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["getTranslation","useRouter","useSearchParams","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","config","routes","api","code","locale","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handleUnpublish","url","apiRoute","path","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from '@ruya.sa/payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n} & UnpublishManyProps\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handleUnpublish = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${slug}${queryString}`,\n    })\n    await requests\n      .patch(url, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import type { ClientCollectionConfig, Where } from '@ruya.sa/payload';
+import React from 'react';
+export type UnpublishManyProps = {
+    collection: ClientCollectionConfig;
+};
+export declare const UnpublishMany: React.FC<UnpublishManyProps>;
+export declare const UnpublishMany_v4: React.FC<{
+    count: number;
+    ids: (number | string)[];
+    /**
+     * When multiple UnpublishMany components are rendered on the page, this will differentiate them.
+     */
+    modalPrefix?: string;
+    onSuccess?: () => void;
+    selectAll: boolean;
+    where?: Where;
+} & UnpublishManyProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAYtD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC;IACE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,kBAAkB,CA8CvB,CAAA"}

package/dist/elements/UnpublishMany/index.js

@@ -0,0 +1,121 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import React from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { ListSelectionButton } from '../ListSelection/index.js';
+import { UnpublishManyDrawerContent } from './DrawerContent.js';
+export const UnpublishMany = props => {
+  const $ = _c(8);
+  const {
+    count,
+    selectAll,
+    selectedIDs,
+    toggleAll
+  } = useSelection();
+  let t0;
+  if ($[0] !== toggleAll) {
+    t0 = () => toggleAll();
+    $[0] = toggleAll;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const t1 = selectAll === SelectAllStatus.AllAvailable;
+  let t2;
+  if ($[2] !== count || $[3] !== props || $[4] !== selectedIDs || $[5] !== t0 || $[6] !== t1) {
+    t2 = _jsx(UnpublishMany_v4, {
+      ...props,
+      count,
+      ids: selectedIDs,
+      onSuccess: t0,
+      selectAll: t1
+    });
+    $[2] = count;
+    $[3] = props;
+    $[4] = selectedIDs;
+    $[5] = t0;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+};
+export const UnpublishMany_v4 = props => {
+  const $ = _c(12);
+  const {
+    collection,
+    collection: t0,
+    count,
+    ids,
+    modalPrefix,
+    onSuccess,
+    selectAll,
+    where
+  } = props;
+  const {
+    slug,
+    versions
+  } = t0 === undefined ? {} : t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    toggleModal
+  } = useModal();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasPermission = collectionPermissions?.update;
+  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ""}unpublish-${slug}`;
+  if (!versions?.drafts || count === 0 || !hasPermission) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== ids || $[3] !== onSuccess || $[4] !== selectAll || $[5] !== t || $[6] !== toggleModal || $[7] !== where) {
+    let t2;
+    if ($[9] !== drawerSlug || $[10] !== toggleModal) {
+      t2 = () => {
+        toggleModal(drawerSlug);
+      };
+      $[9] = drawerSlug;
+      $[10] = toggleModal;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    t1 = _jsxs(React.Fragment, {
+      children: [_jsx(ListSelectionButton, {
+        "aria-label": t("version:unpublish"),
+        onClick: t2,
+        children: t("version:unpublish")
+      }), _jsx(UnpublishManyDrawerContent, {
+        collection,
+        drawerSlug,
+        ids,
+        onSuccess,
+        selectAll,
+        where
+      })]
+    });
+    $[0] = collection;
+    $[1] = drawerSlug;
+    $[2] = ids;
+    $[3] = onSuccess;
+    $[4] = selectAll;
+    $[5] = t;
+    $[6] = toggleModal;
+    $[7] = where;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map