@ruya.sa/next 3.71.3

package/dist/views/Version/SelectComparison/VersionDrawer/index.js

@@ -0,0 +1,240 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer, LoadingOverlay, toast, useDocumentInfo, useEditDepth, useModal, useServerFunctions, useTranslation } from '@ruya.sa/ui';
+import { useSearchParams } from 'next/navigation.js';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+export const baseClass = 'version-drawer';
+export const formatVersionDrawerSlug = ({
+  depth,
+  uuid
+}) => `version-drawer_${depth}_${uuid}`;
+export const VersionDrawerContent = props => {
+  const {
+    collectionSlug,
+    docID,
+    drawerSlug,
+    globalSlug
+  } = props;
+  const {
+    isTrashed
+  } = useDocumentInfo();
+  const {
+    closeModal
+  } = useModal();
+  const searchParams = useSearchParams();
+  const prevSearchParams = useRef(searchParams);
+  const {
+    renderDocument
+  } = useServerFunctions();
+  const [DocumentView, setDocumentView] = useState(undefined);
+  const [isLoading, setIsLoading] = useState(true);
+  const hasRenderedDocument = useRef(false);
+  const {
+    t
+  } = useTranslation();
+  const getDocumentView = useCallback(docID_0 => {
+    const fetchDocumentView = async () => {
+      setIsLoading(true);
+      try {
+        const isGlobal = Boolean(globalSlug);
+        const entitySlug = collectionSlug ?? globalSlug;
+        const result = await renderDocument({
+          collectionSlug: entitySlug,
+          docID: docID_0,
+          drawerSlug,
+          paramsOverride: {
+            segments: [isGlobal ? 'globals' : 'collections', entitySlug, ...(isTrashed ? ['trash'] : []), isGlobal ? undefined : String(docID_0), 'versions'].filter(Boolean)
+          },
+          redirectAfterDelete: false,
+          redirectAfterDuplicate: false,
+          searchParams: Object.fromEntries(searchParams.entries()),
+          versions: {
+            disableGutter: true,
+            useVersionDrawerCreatedAtCell: true
+          }
+        });
+        if (result?.Document) {
+          setDocumentView(result.Document);
+          setIsLoading(false);
+        }
+      } catch (error) {
+        toast.error(error?.message || t('error:unspecific'));
+        closeModal(drawerSlug);
+        // toast.error(data?.errors?.[0].message || t('error:unspecific'))
+      }
+    };
+    void fetchDocumentView();
+  }, [closeModal, collectionSlug, drawerSlug, globalSlug, isTrashed, renderDocument, searchParams, t]);
+  useEffect(() => {
+    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {
+      prevSearchParams.current = searchParams;
+      getDocumentView(docID);
+      hasRenderedDocument.current = true;
+    }
+  }, [docID, getDocumentView, searchParams]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
+  }
+  return DocumentView;
+};
+export const VersionDrawer = props => {
+  const $ = _c(6);
+  const {
+    collectionSlug,
+    docID,
+    drawerSlug,
+    globalSlug
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== docID || $[2] !== drawerSlug || $[3] !== globalSlug || $[4] !== t) {
+    t0 = _jsx(Drawer, {
+      className: baseClass,
+      gutter: true,
+      slug: drawerSlug,
+      title: t("version:selectVersionToCompare"),
+      children: _jsx(VersionDrawerContent, {
+        collectionSlug,
+        docID,
+        drawerSlug,
+        globalSlug
+      })
+    });
+    $[0] = collectionSlug;
+    $[1] = docID;
+    $[2] = drawerSlug;
+    $[3] = globalSlug;
+    $[4] = t;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  return t0;
+};
+export const useVersionDrawer = t0 => {
+  const $ = _c(29);
+  const {
+    collectionSlug,
+    docID,
+    globalSlug
+  } = t0;
+  const drawerDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  let t1;
+  if ($[0] !== drawerDepth || $[1] !== uuid) {
+    t1 = formatVersionDrawerSlug({
+      depth: drawerDepth,
+      uuid
+    });
+    $[0] = drawerDepth;
+    $[1] = uuid;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const drawerSlug = t1;
+  let t2;
+  let t3;
+  if ($[3] !== drawerSlug || $[4] !== modalState) {
+    t2 = () => {
+      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    };
+    t3 = [modalState, drawerSlug];
+    $[3] = drawerSlug;
+    $[4] = modalState;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[7] !== drawerSlug || $[8] !== toggleModal) {
+    t4 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[7] = drawerSlug;
+    $[8] = toggleModal;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const toggleDrawer = t4;
+  let t5;
+  if ($[10] !== closeModal || $[11] !== drawerSlug) {
+    t5 = () => {
+      closeModal(drawerSlug);
+    };
+    $[10] = closeModal;
+    $[11] = drawerSlug;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const closeDrawer = t5;
+  let t6;
+  if ($[13] !== drawerSlug || $[14] !== openModal) {
+    t6 = () => {
+      openModal(drawerSlug);
+    };
+    $[13] = drawerSlug;
+    $[14] = openModal;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const openDrawer = t6;
+  let t7;
+  if ($[16] !== collectionSlug || $[17] !== docID || $[18] !== drawerSlug || $[19] !== globalSlug) {
+    t7 = () => _jsx(VersionDrawer, {
+      collectionSlug,
+      docID,
+      drawerSlug,
+      globalSlug
+    });
+    $[16] = collectionSlug;
+    $[17] = docID;
+    $[18] = drawerSlug;
+    $[19] = globalSlug;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  const MemoizedDrawer = t7;
+  let t8;
+  if ($[21] !== MemoizedDrawer || $[22] !== closeDrawer || $[23] !== drawerDepth || $[24] !== drawerSlug || $[25] !== isOpen || $[26] !== openDrawer || $[27] !== toggleDrawer) {
+    t8 = {
+      closeDrawer,
+      Drawer: MemoizedDrawer,
+      drawerDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      toggleDrawer
+    };
+    $[21] = MemoizedDrawer;
+    $[22] = closeDrawer;
+    $[23] = drawerDepth;
+    $[24] = drawerSlug;
+    $[25] = isOpen;
+    $[26] = openDrawer;
+    $[27] = toggleDrawer;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  return t8;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Version/SelectComparison/VersionDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Drawer","LoadingOverlay","toast","useDocumentInfo","useEditDepth","useModal","useServerFunctions","useTranslation","useSearchParams","React","useCallback","useEffect","useId","useMemo","useRef","useState","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","disableGutter","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","gutter","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\nimport {\n  Drawer,\n  LoadingOverlay,\n  toast,\n  useDocumentInfo,\n  useEditDepth,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              disableGutter: true,\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={true}\n      slug={drawerSlug}\n      title={t('version:selectVersionToCompare')}\n    >\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/SelectComparison/index.js

@@ -0,0 +1,57 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fieldBaseClass, ReactSelect, useTranslation } from '@ruya.sa/ui';
+import React, { memo, useCallback, useMemo } from 'react';
+import { useVersionDrawer } from './VersionDrawer/index.js';
+const baseClass = 'compare-version';
+export const SelectComparison = /*#__PURE__*/memo(props => {
+  const {
+    collectionSlug,
+    docID,
+    globalSlug,
+    onChange: onChangeFromProps,
+    versionFromID,
+    versionFromOptions
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const {
+    Drawer,
+    openDrawer
+  } = useVersionDrawer({
+    collectionSlug,
+    docID,
+    globalSlug
+  });
+  const options = useMemo(() => {
+    return [...versionFromOptions, {
+      label: /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}-moreVersions`,
+        children: t('version:moreVersions')
+      }),
+      value: 'more'
+    }];
+  }, [t, versionFromOptions]);
+  const currentOption = useMemo(() => versionFromOptions.find(option => option.value === versionFromID), [versionFromOptions, versionFromID]);
+  const onChange = useCallback(val => {
+    if (val.value === 'more') {
+      openDrawer();
+      return;
+    }
+    onChangeFromProps(val);
+  }, [onChangeFromProps, openDrawer]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx(ReactSelect, {
+      isClearable: false,
+      isSearchable: false,
+      onChange: onChange,
+      options: options,
+      placeholder: t('version:selectVersionToCompare'),
+      value: currentOption
+    }), /*#__PURE__*/_jsx(Drawer, {})]
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/views/Version/SelectComparison/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["fieldBaseClass","ReactSelect","useTranslation","React","memo","useCallback","useMemo","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport { fieldBaseClass, ReactSelect, useTranslation } from '@ruya.sa/ui'\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\n\nimport './index.scss'\n\nimport type { Props } from './types.js'\n\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,SAASA,cAAc,EAAEC,WAAW,EAAEC,cAAc,QAAQ;AAC5D,OAAOC,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAQlD,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCL,IAAA,CAAMM,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGhB,cAAA;EAEd,MAAM;IAAEiB,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUf,OAAA,CAAQ;IACtB,OAAO,C,GACFW,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBpB,OAAA,CACpB,MAAMW,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWT,WAAA,CACdwB,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACxB,cAAA,EAAgBQ,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACtB,WAAA;MACCiC,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}

package/dist/views/Version/SelectComparison/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/Version/SelectComparison/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs, SanitizedCollectionConfig } from '@ruya.sa/payload'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  onChange: (val: CompareOption) => void\n  versionFromID?: string\n  versionFromOptions: CompareOption[]\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"mappings":"AA0BA","ignoreList":[]}

package/dist/views/Version/SelectLocales/index.js

@@ -0,0 +1,39 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnimateHeight } from '@ruya.sa/ui';
+import { PillSelector } from '@ruya.sa/ui';
+import React from 'react';
+const baseClass = 'select-version-locales';
+export const SelectLocales = ({
+  locales,
+  localeSelectorOpen,
+  onChange
+}) => {
+  return /*#__PURE__*/_jsx(AnimateHeight, {
+    className: baseClass,
+    height: localeSelectorOpen ? 'auto' : 0,
+    id: `${baseClass}-locales`,
+    children: /*#__PURE__*/_jsx(PillSelector, {
+      onClick: ({
+        pill
+      }) => {
+        const newLocales = locales.map(locale => {
+          if (locale.name === pill.name) {
+            return {
+              ...locale,
+              selected: !pill.selected
+            };
+          } else {
+            return locale;
+          }
+        });
+        onChange({
+          locales: newLocales
+        });
+      },
+      pills: locales
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Version/SelectLocales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AnimateHeight","PillSelector","React","baseClass","SelectLocales","locales","localeSelectorOpen","onChange","_jsx","className","height","id","onClick","pill","newLocales","map","locale","name","selected","pills"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport { AnimateHeight } from '@ruya.sa/ui'\nimport { PillSelector, type SelectablePill } from '@ruya.sa/ui'\nimport React from 'react'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  localeSelectorOpen: boolean\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, localeSelectorOpen, onChange }) => {\n  return (\n    <AnimateHeight\n      className={baseClass}\n      height={localeSelectorOpen ? 'auto' : 0}\n      id={`${baseClass}-locales`}\n    >\n      <PillSelector\n        onClick={({ pill }) => {\n          const newLocales = locales.map((locale) => {\n            if (locale.name === pill.name) {\n              return {\n                ...locale,\n                selected: !pill.selected,\n              }\n            } else {\n              return locale\n            }\n          })\n          onChange({ locales: newLocales })\n        }}\n        pills={locales}\n      />\n    </AnimateHeight>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAA6B;AAClD,OAAOC,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAAEC,OAAO;EAAEC,kBAAkB;EAAEC;AAAQ,CAAE;EACtF,oBACEC,IAAA,CAACR,aAAA;IACCS,SAAA,EAAWN,SAAA;IACXO,MAAA,EAAQJ,kBAAA,GAAqB,SAAS;IACtCK,EAAA,EAAI,GAAGR,SAAA,UAAmB;cAE1B,aAAAK,IAAA,CAACP,YAAA;MACCW,OAAA,EAASA,CAAC;QAAEC;MAAI,CAAE;QAChB,MAAMC,UAAA,GAAaT,OAAA,CAAQU,GAAG,CAAEC,MAAA;UAC9B,IAAIA,MAAA,CAAOC,IAAI,KAAKJ,IAAA,CAAKI,IAAI,EAAE;YAC7B,OAAO;cACL,GAAGD,MAAM;cACTE,QAAA,EAAU,CAACL,IAAA,CAAKK;YAClB;UACF,OAAO;YACL,OAAOF,MAAA;UACT;QACF;QACAT,QAAA,CAAS;UAAEF,OAAA,EAASS;QAAW;MACjC;MACAK,KAAA,EAAOd;;;AAIf","ignoreList":[]}

package/dist/views/Version/VersionPillLabel/VersionPillLabel.js

@@ -0,0 +1,110 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pill, useConfig, useTranslation } from '@ruya.sa/ui';
+import { formatDate } from '@ruya.sa/ui/shared';
+import React from 'react';
+import { getVersionLabel } from './getVersionLabel.js';
+const baseClass = 'version-pill-label';
+const renderPill = (label, pillStyle) => {
+  return /*#__PURE__*/_jsx(Pill, {
+    pillStyle: pillStyle,
+    size: "small",
+    children: label
+  });
+};
+export const VersionPillLabel = t0 => {
+  const $ = _c(13);
+  const {
+    currentlyPublishedVersion,
+    disableDate: t1,
+    doc,
+    labelFirst: t2,
+    labelOverride,
+    labelStyle: t3,
+    labelSuffix,
+    latestDraftVersion
+  } = t0;
+  const disableDate = t1 === undefined ? false : t1;
+  const labelFirst = t2 === undefined ? false : t2;
+  const labelStyle = t3 === undefined ? "pill" : t3;
+  const {
+    config: t4
+  } = useConfig();
+  const {
+    admin: t5,
+    localization
+  } = t4;
+  const {
+    dateFormat
+  } = t5;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t6;
+  if ($[0] !== currentlyPublishedVersion || $[1] !== dateFormat || $[2] !== disableDate || $[3] !== doc || $[4] !== i18n || $[5] !== labelFirst || $[6] !== labelOverride || $[7] !== labelStyle || $[8] !== labelSuffix || $[9] !== latestDraftVersion || $[10] !== localization || $[11] !== t) {
+    const {
+      label,
+      pillStyle
+    } = getVersionLabel({
+      currentlyPublishedVersion,
+      latestDraftVersion,
+      t,
+      version: doc
+    });
+    const labelText = _jsxs("span", {
+      children: [labelOverride || label, labelSuffix]
+    });
+    const showDate = !disableDate && doc.updatedAt;
+    const formattedDate = showDate ? formatDate({
+      date: doc.updatedAt,
+      i18n,
+      pattern: dateFormat
+    }) : null;
+    const localeCode = Array.isArray(doc.publishedLocale) ? doc.publishedLocale[0] : doc.publishedLocale;
+    const locale = localization && localization?.locales ? localization.locales.find(loc => loc.code === localeCode) : null;
+    const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null;
+    t6 = _jsxs("div", {
+      className: baseClass,
+      children: [labelFirst ? _jsxs(React.Fragment, {
+        children: [labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        }), showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        })]
+      }) : _jsxs(React.Fragment, {
+        children: [showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        }), labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        })]
+      }), localeLabel && _jsx(Pill, {
+        size: "small",
+        children: localeLabel
+      })]
+    });
+    $[0] = currentlyPublishedVersion;
+    $[1] = dateFormat;
+    $[2] = disableDate;
+    $[3] = doc;
+    $[4] = i18n;
+    $[5] = labelFirst;
+    $[6] = labelOverride;
+    $[7] = labelStyle;
+    $[8] = labelSuffix;
+    $[9] = latestDraftVersion;
+    $[10] = localization;
+    $[11] = t;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
+};
+//# sourceMappingURL=VersionPillLabel.js.map

package/dist/views/Version/VersionPillLabel/VersionPillLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","Pill","useConfig","useTranslation","formatDate","React","getVersionLabel","baseClass","renderPill","label","pillStyle","_jsx","size","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","code","localeLabel","language","className","Fragment"],"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Pill, useConfig, useTranslation } from '@ruya.sa/ui'\nimport { formatDate } from '@ruya.sa/ui/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst renderPill = (label: React.ReactNode, pillStyle: Parameters<typeof Pill>[0]['pillStyle']) => {\n  return (\n    <Pill pillStyle={pillStyle} size=\"small\">\n      {label}\n    </Pill>\n  )\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const { label, pillStyle } = getVersionLabel({\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/VersionPillLabel/getVersionLabel.js

@@ -0,0 +1,34 @@
+/**
+ * Gets the appropriate version label and version pill styling
+ * given existing versions and the current version status.
+ */export function getVersionLabel({
+  currentlyPublishedVersion,
+  latestDraftVersion,
+  t,
+  version
+}) {
+  const publishedNewerThanDraft = currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+  if (version.version._status === 'draft') {
+    if (publishedNewerThanDraft) {
+      return {
+        name: 'draft',
+        label: t('version:draft'),
+        pillStyle: 'light'
+      };
+    } else {
+      return {
+        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',
+        label: version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),
+        pillStyle: 'light'
+      };
+    }
+  } else {
+    const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id;
+    return {
+      name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',
+      label: isCurrentlyPublished ? t('version:currentlyPublished') : t('version:previouslyPublished'),
+      pillStyle: isCurrentlyPublished ? 'success' : 'light'
+    };
+  }
+}
+//# sourceMappingURL=getVersionLabel.js.map

package/dist/views/Version/VersionPillLabel/getVersionLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVersionLabel.js","names":["getVersionLabel","currentlyPublishedVersion","latestDraftVersion","t","version","publishedNewerThanDraft","updatedAt","_status","name","label","pillStyle","id","isCurrentlyPublished"],"sources":["../../../../src/views/Version/VersionPillLabel/getVersionLabel.ts"],"sourcesContent":["import type { TFunction } from '@ruya.sa/translations'\nimport type { Pill } from '@ruya.sa/ui'\n\ntype Args = {\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  t: TFunction\n  version: {\n    id: number | string\n    version: { _status?: string }\n  }\n}\n\n/**\n * Gets the appropriate version label and version pill styling\n * given existing versions and the current version status.\n */\nexport function getVersionLabel({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  t,\n  version,\n}: Args): {\n  label: string\n  name: 'currentDraft' | 'currentlyPublished' | 'draft' | 'previouslyPublished' | 'published'\n  pillStyle: Parameters<typeof Pill>[0]['pillStyle']\n} {\n  const publishedNewerThanDraft =\n    currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (version.version._status === 'draft') {\n    if (publishedNewerThanDraft) {\n      return {\n        name: 'draft',\n        label: t('version:draft'),\n        pillStyle: 'light',\n      }\n    } else {\n      return {\n        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',\n        label:\n          version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),\n        pillStyle: 'light',\n      }\n    }\n  } else {\n    const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id\n    return {\n      name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',\n      label: isCurrentlyPublished\n        ? t('version:currentlyPublished')\n        : t('version:previouslyPublished'),\n      pillStyle: isCurrentlyPublished ? 'success' : 'light',\n    }\n  }\n}\n"],"mappings":"AAmBA;;;GAIA,OAAO,SAASA,gBAAgB;EAC9BC,yBAAyB;EACzBC,kBAAkB;EAClBC,CAAC;EACDC;AAAO,CACF;EAKL,MAAMC,uBAAA,GACJJ,yBAAA,EAA2BK,SAAA,GAAYJ,kBAAA,EAAoBI,SAAA;EAE7D,IAAIF,OAAA,CAAQA,OAAO,CAACG,OAAO,KAAK,SAAS;IACvC,IAAIF,uBAAA,EAAyB;MAC3B,OAAO;QACLG,IAAA,EAAM;QACNC,KAAA,EAAON,CAAA,CAAE;QACTO,SAAA,EAAW;MACb;IACF,OAAO;MACL,OAAO;QACLF,IAAA,EAAMJ,OAAA,CAAQO,EAAE,KAAKT,kBAAA,EAAoBS,EAAA,GAAK,iBAAiB;QAC/DF,KAAA,EACEL,OAAA,CAAQO,EAAE,KAAKT,kBAAA,EAAoBS,EAAA,GAAKR,CAAA,CAAE,0BAA0BA,CAAA,CAAE;QACxEO,SAAA,EAAW;MACb;IACF;EACF,OAAO;IACL,MAAME,oBAAA,GAAuBR,OAAA,CAAQO,EAAE,KAAKV,yBAAA,EAA2BU,EAAA;IACvE,OAAO;MACLH,IAAA,EAAMI,oBAAA,GAAuB,uBAAuB;MACpDH,KAAA,EAAOG,oBAAA,GACHT,CAAA,CAAE,gCACFA,CAAA,CAAE;MACNO,SAAA,EAAWE,oBAAA,GAAuB,YAAY;IAChD;EACF;AACF","ignoreList":[]}