@ruya.sa/plugin-import-export 3.71.3

package/dist/components/ImportPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { Column } from '@ruya.sa/ui'\nimport type { ClientField, ConditionalDateProps, PaginatedDocs } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  Pagination,\n  PerPage,\n  Table,\n  Translation,\n  useConfig,\n  useDebouncedEffect,\n  useDocumentInfo,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { formatDocTitle } from '@ruya.sa/ui/shared'\nimport { fieldAffectsData } from '@ruya.sa/payload/shared'\nimport React, { useState, useTransition } from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ImportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport './index.scss'\n\nconst baseClass = 'import-preview'\n\nexport const ImportPreview: React.FC = () => {\n  const [isPending, startTransition] = useTransition()\n  const {\n    config,\n    config: { routes },\n  } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const { value: targetCollectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { value: importMode } = useField<string>({ path: 'importMode' })\n  const { value: matchField } = useField<string>({ path: 'matchField' })\n  const { value: filename } = useField<string>({ path: 'filename' })\n  const { value: url } = useField<string>({ path: 'url' })\n  const { value: mimeType } = useField<string>({ path: 'mimeType' })\n  const { value: status } = useField<string>({ path: 'status' })\n  const { value: summary } = useField<any>({ path: 'summary' })\n\n  // Access the file field directly from form fields\n  const fileField = useFormFields(([fields]) => fields?.file || null)\n\n  const [dataToRender, setDataToRender] = useState<Record<string, unknown>[]>([])\n  const [columns, setColumns] = useState<Column[]>([])\n  const [totalDocs, setTotalDocs] = useState<number>(0)\n  const [error, setError] = useState<null | string>(null)\n\n  // Preview pagination state\n  const [previewPage, setPreviewPage] = useState(1)\n  const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n  const [paginationData, setPaginationData] = useState<null | Pick<\n    PaginatedDocs,\n    'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n  >>(null)\n\n  const collectionConfig = React.useMemo(\n    () => config.collections.find((c) => c.slug === targetCollectionSlug),\n    [targetCollectionSlug, config.collections],\n  )\n\n  useDebouncedEffect(\n    () => {\n      if (!collectionSlug || !targetCollectionSlug) {\n        return\n      }\n\n      if (!targetCollectionSlug || (!url && !fileField?.value)) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      if (!collectionConfig) {\n        setDataToRender([])\n        setColumns([])\n        setTotalDocs(0)\n        setPaginationData(null)\n        return\n      }\n\n      const abortController = new AbortController()\n\n      const processFileData = async () => {\n        setError(null)\n\n        try {\n          // Determine format from file\n          let format: 'csv' | 'json' = 'json'\n          if (fileField?.value && fileField.value instanceof File) {\n            const file = fileField.value\n            format = file.type === 'text/csv' || file.name?.endsWith('.csv') ? 'csv' : 'json'\n          } else if (mimeType === 'text/csv' || filename?.endsWith('.csv')) {\n            format = 'csv'\n          }\n\n          // Get file data as base64\n          let fileData: string | undefined\n\n          if (fileField?.value && fileField.value instanceof File) {\n            // File is being uploaded, read its contents\n            const arrayBuffer = await fileField.value.arrayBuffer()\n            const base64 = Buffer.from(arrayBuffer).toString('base64')\n            fileData = base64\n          } else if (url) {\n            // File has been saved, fetch from URL\n            const response = await fetch(url, { signal: abortController.signal })\n            if (!response.ok) {\n              throw new Error('Failed to fetch file')\n            }\n            const arrayBuffer = await response.arrayBuffer()\n            const base64 = Buffer.from(arrayBuffer).toString('base64')\n            fileData = base64\n          }\n\n          if (!fileData) {\n            setDataToRender([])\n            setColumns([])\n            setTotalDocs(0)\n            setPaginationData(null)\n            return\n          }\n\n          // Fetch transformed data from the server\n          const res = await fetch(`${routes.api}/${collectionSlug}/preview-data`, {\n            body: JSON.stringify({\n              collectionSlug: targetCollectionSlug,\n              fileData,\n              format,\n              previewLimit,\n              previewPage,\n            }),\n            credentials: 'include',\n            headers: { 'Content-Type': 'application/json' },\n            method: 'POST',\n            signal: abortController.signal,\n          })\n\n          if (!res.ok) {\n            throw new Error('Failed to process file')\n          }\n\n          const {\n            docs,\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            page: responsePage,\n            totalDocs: serverTotalDocs,\n            totalPages,\n          }: ImportPreviewResponse = await res.json()\n\n          setTotalDocs(serverTotalDocs)\n          setPaginationData({\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            nextPage: responsePage + 1,\n            page: responsePage,\n            prevPage: responsePage - 1,\n            totalPages,\n          })\n\n          if (!Array.isArray(docs) || docs.length === 0) {\n            setDataToRender([])\n            setColumns([])\n            return\n          }\n\n          // Build columns from collection fields without traverseFields\n          const buildColumnsFromFields = (\n            fields: ClientField[],\n            parentPath = '',\n            parentLabel = '',\n          ): Column[] => {\n            const cols: Column[] = []\n\n            fields.forEach((field) => {\n              if (!fieldAffectsData(field) || field.admin?.disabled) {\n                return\n              }\n\n              // Build the field path\n              const fieldPath = parentPath ? `${parentPath}.${field.name}` : field.name\n\n              // Get the field label\n              let label = field.name\n              if ('label' in field && field.label) {\n                label = getTranslation(field.label, i18n)\n              }\n\n              // Add parent label prefix if in a group\n              if (parentLabel) {\n                label = `${parentLabel} > ${label}`\n              }\n\n              // Skip if this field doesn't exist in any document\n              const hasData = docs.some((doc) => {\n                const value = getValueAtPath(doc, fieldPath)\n                return value !== undefined && value !== null\n              })\n\n              if (!hasData && field.type !== 'relationship') {\n                return\n              }\n\n              cols.push({\n                accessor: fieldPath,\n                active: true,\n                field,\n                Heading: label,\n                renderedCells: docs.map((doc) => {\n                  const value = getValueAtPath(doc, fieldPath)\n\n                  if (value === undefined || value === null) {\n                    return null\n                  }\n\n                  // Format based on field type\n                  if (field.type === 'relationship' || field.type === 'upload') {\n                    // Handle relationships\n                    if (typeof value === 'object' && !Array.isArray(value)) {\n                      // Single relationship\n                      const relationTo = Array.isArray(field.relationTo)\n                        ? (value as any).relationTo\n                        : field.relationTo\n\n                      const relatedConfig = config.collections.find((c) => c.slug === relationTo)\n                      if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                        const titleValue = (value as any)[relatedConfig.admin.useAsTitle]\n                        if (titleValue) {\n                          return formatDocTitle({\n                            collectionConfig: relatedConfig,\n                            data: value as any,\n                            dateFormat: config.admin.dateFormat,\n                            i18n,\n                          })\n                        }\n                      }\n\n                      // Fallback to ID\n                      const id = (value as any).id || value\n                      return `${getTranslation(relatedConfig?.labels?.singular || relationTo, i18n)}: ${id}`\n                    } else if (Array.isArray(value)) {\n                      // Multiple relationships\n                      return value\n                        .map((item) => {\n                          if (typeof item === 'object') {\n                            const relationTo = Array.isArray(field.relationTo)\n                              ? item.relationTo\n                              : field.relationTo\n                            const relatedConfig = config.collections.find(\n                              (c) => c.slug === relationTo,\n                            )\n\n                            if (relatedConfig && relatedConfig.admin?.useAsTitle) {\n                              const titleValue = item[relatedConfig.admin.useAsTitle]\n                              if (titleValue) {\n                                return formatDocTitle({\n                                  collectionConfig: relatedConfig,\n                                  data: item,\n                                  dateFormat: config.admin.dateFormat,\n                                  i18n,\n                                })\n                              }\n                            }\n\n                            return item.id || item\n                          }\n                          return item\n                        })\n                        .join(', ')\n                    }\n\n                    // Just an ID\n                    return String(value)\n                  } else if (field.type === 'date') {\n                    // Format dates\n                    const dateFormat =\n                      (field.admin &&\n                        'date' in field.admin &&\n                        (field.admin.date as ConditionalDateProps)?.displayFormat) ||\n                      config.admin.dateFormat\n\n                    return new Date(value as string).toLocaleString(i18n.language, {\n                      dateStyle: 'medium',\n                      timeStyle: 'short',\n                    })\n                  } else if (field.type === 'checkbox') {\n                    return value ? '✓' : '✗'\n                  } else if (field.type === 'select' || field.type === 'radio') {\n                    // Show the label for select/radio options\n                    const option = field.options?.find((opt) => {\n                      if (typeof opt === 'string') {\n                        return opt === value\n                      }\n                      return opt.value === value\n                    })\n\n                    if (option && typeof option === 'object') {\n                      return getTranslation(option.label, i18n)\n                    }\n                    return String(value)\n                  } else if (field.type === 'number') {\n                    return String(value)\n                  } else if (Array.isArray(value)) {\n                    // Handle arrays\n                    if (field.type === 'blocks') {\n                      return value.map((block: any) => `${block.blockType || 'Block'}`).join(', ')\n                    }\n                    return `[${value.length} items]`\n                  } else if (typeof value === 'object') {\n                    // Handle objects\n                    if (field.type === 'group') {\n                      return '{...}'\n                    }\n                    return JSON.stringify(value)\n                  }\n\n                  return String(value)\n                }),\n              })\n\n              // For groups, add nested fields with parent label\n              if (field.type === 'group' && 'fields' in field) {\n                const groupLabel =\n                  'label' in field && field.label ? getTranslation(field.label, i18n) : field.name\n\n                const nestedCols = buildColumnsFromFields(\n                  field.fields,\n                  fieldPath,\n                  parentLabel ? `${parentLabel} > ${groupLabel}` : groupLabel,\n                )\n                cols.push(...nestedCols)\n              }\n\n              // For tabs, process the fields within\n              if ('tabs' in field && Array.isArray(field.tabs)) {\n                field.tabs.forEach((tab) => {\n                  if ('name' in tab && tab.name) {\n                    // Named tab\n                    const tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : tab.name\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      tabPath,\n                      parentLabel ? `${parentLabel} > ${tabLabel}` : tabLabel,\n                    )\n                    cols.push(...tabCols)\n                  } else {\n                    // Unnamed tab - fields go directly under parent\n                    const tabLabel =\n                      'label' in tab && tab.label ? getTranslation(tab.label, i18n) : ''\n\n                    const tabCols = buildColumnsFromFields(\n                      tab.fields,\n                      parentPath,\n                      tabLabel && typeof tabLabel === 'string' && parentLabel\n                        ? `${parentLabel} > ${tabLabel}`\n                        : typeof tabLabel === 'string'\n                          ? tabLabel\n                          : parentLabel,\n                    )\n                    cols.push(...tabCols)\n                  }\n                })\n              }\n            })\n\n            return cols\n          }\n\n          // Add default meta fields at the end\n          const fieldColumns = buildColumnsFromFields(collectionConfig.fields)\n          const metaFields = ['id', 'createdAt', 'updatedAt', '_status']\n\n          metaFields.forEach((metaField) => {\n            const hasData = docs.some((doc) => doc[metaField] !== undefined)\n            if (!hasData) {\n              return\n            }\n\n            fieldColumns.push({\n              accessor: metaField,\n              active: true,\n              field: { name: metaField } as ClientField,\n              Heading: getTranslation(metaField, i18n),\n              renderedCells: docs.map((doc) => {\n                const value = doc[metaField]\n                if (value === undefined || value === null) {\n                  return null\n                }\n\n                if (metaField === 'createdAt' || metaField === 'updatedAt') {\n                  return new Date(value as string).toLocaleString(i18n.language, {\n                    dateStyle: 'medium',\n                    timeStyle: 'short',\n                  })\n                }\n\n                return String(value)\n              }),\n            })\n          })\n\n          setColumns(fieldColumns)\n          setDataToRender(docs)\n        } catch (err) {\n          console.error('Error processing file data:', err)\n          setError(err instanceof Error ? err.message : 'Failed to load preview')\n          setDataToRender([])\n          setColumns([])\n          setTotalDocs(0)\n          setPaginationData(null)\n        }\n      }\n\n      startTransition(async () => await processFileData())\n\n      return () => {\n        if (!abortController.signal.aborted) {\n          abortController.abort('Component unmounted')\n        }\n      }\n    },\n    [\n      collectionSlug,\n      targetCollectionSlug,\n      url,\n      filename,\n      mimeType,\n      fileField?.value,\n      collectionConfig,\n      config,\n      i18n,\n      previewLimit,\n      previewPage,\n      routes.api,\n    ],\n    500,\n  )\n\n  // If import has been processed, show results instead of preview\n  if (status !== 'pending' && summary) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__header`}>\n          <h3>\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:importResults\" t={t} />\n          </h3>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <p>\n            <strong>Status:</strong> {status}\n          </p>\n          <p>\n            <strong>Imported:</strong> {summary.imported || 0}\n          </p>\n          <p>\n            <strong>Updated:</strong> {summary.updated || 0}\n          </p>\n          <p>\n            <strong>Total:</strong> {summary.total || 0}\n          </p>\n          {summary.issues > 0 && (\n            <p>\n              <strong>Issues:</strong> {summary.issues}\n            </p>\n          )}\n          {summary.issueDetails && summary.issueDetails.length > 0 && (\n            <div style={{ marginTop: '1rem' }}>\n              <strong>Issue Details:</strong>\n              <ul style={{ marginTop: '0.5rem' }}>\n                {summary.issueDetails.slice(0, 10).map((issue: any, index: number) => (\n                  <li key={index}>\n                    Row {issue.row}: {issue.error}\n                  </li>\n                ))}\n                {summary.issueDetails.length > 10 && (\n                  <li>... and {summary.issueDetails.length - 10} more issues</li>\n                )}\n              </ul>\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (!targetCollectionSlug) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:collectionRequired\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className={baseClass}>\n        <p style={{ color: 'red' }}>\n          <Translation i18nKey=\"general:error\" t={t} />: {error}\n        </p>\n      </div>\n    )\n  }\n\n  if (!url && !fileField?.value) {\n    return (\n      <div className={baseClass}>\n        <p style={{ opacity: 0.6 }}>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:uploadFileToSeePreview\" t={t} />\n        </p>\n      </div>\n    )\n  }\n\n  const handlePageChange = (page: number) => {\n    setPreviewPage(page)\n  }\n\n  const handlePerPageChange = (newLimit: number) => {\n    setPreviewLimit(newLimit)\n    setPreviewPage(1)\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {totalDocs > 0 && !isPending && (\n          <div className={`${baseClass}__info`}>\n            <span className={`${baseClass}__import-count`}>\n              <Translation\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                i18nKey=\"plugin-import-export:documentsToImport\"\n                t={t}\n                variables={{\n                  count: totalDocs,\n                }}\n              />\n            </span>\n            {' | '}\n            {/* @ts-expect-error - translations are not typed in plugins */}\n            <Translation i18nKey=\"plugin-import-export:mode\" t={t} />: {importMode || 'create'}\n            {importMode !== 'create' && (\n              <>\n                {' | '}\n                {/* @ts-expect-error - translations are not typed in plugins */}\n                <Translation i18nKey=\"plugin-import-export:matchBy\" t={t} />: {matchField || 'id'}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {isPending && !dataToRender.length && (\n        <div className={`${baseClass}__loading`}>\n          <Translation i18nKey=\"general:loading\" t={t} />\n        </div>\n      )}\n      {dataToRender.length > 0 && <Table columns={columns} data={dataToRender} />}\n      {!isPending && dataToRender.length === 0 && targetCollectionSlug && (\n        <p>\n          {/* @ts-expect-error - translations are not typed in plugins */}\n          <Translation i18nKey=\"plugin-import-export:noDataToPreview\" t={t} />\n        </p>\n      )}\n      {paginationData && totalDocs > 0 && (\n        <div className={`${baseClass}__pagination`}>\n          {paginationData.totalPages > 1 && (\n            <Pagination\n              hasNextPage={paginationData.hasNextPage}\n              hasPrevPage={paginationData.hasPrevPage}\n              nextPage={paginationData.nextPage ?? undefined}\n              numberOfNeighbors={1}\n              onChange={handlePageChange}\n              page={paginationData.page}\n              prevPage={paginationData.prevPage ?? undefined}\n              totalPages={paginationData.totalPages}\n            />\n          )}\n          <span className={`${baseClass}__page-info`}>\n            <Translation\n              // @ts-expect-error - plugin translations not typed\n              i18nKey=\"plugin-import-export:previewPageInfo\"\n              t={t}\n              variables={{\n                end: Math.min((paginationData.page ?? 1) * previewLimit, totalDocs),\n                start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n                total: totalDocs,\n              }}\n            />\n          </span>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={previewLimit}\n            limits={PREVIEW_LIMIT_OPTIONS}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Helper function to get nested values\nconst getValueAtPath = (obj: Record<string, unknown>, path: string): unknown => {\n  const segments = path.split('.')\n  let current: any = obj\n\n  for (const segment of segments) {\n    if (current === null || current === undefined) {\n      return undefined\n    }\n    current = current[segment]\n  }\n\n  return current\n}\n"],"names":["getTranslation","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useField","useFormFields","useTranslation","formatDocTitle","fieldAffectsData","React","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","baseClass","ImportPreview","isPending","startTransition","config","routes","collectionSlug","i18n","t","value","targetCollectionSlug","path","importMode","matchField","filename","url","mimeType","status","summary","fileField","fields","file","dataToRender","setDataToRender","columns","setColumns","totalDocs","setTotalDocs","error","setError","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","collectionConfig","useMemo","collections","find","c","slug","abortController","AbortController","processFileData","format","File","type","name","endsWith","fileData","arrayBuffer","base64","Buffer","from","toString","response","fetch","signal","ok","Error","res","api","body","JSON","stringify","credentials","headers","method","docs","hasNextPage","hasPrevPage","limit","responseLimit","page","responsePage","serverTotalDocs","totalPages","json","nextPage","prevPage","Array","isArray","length","buildColumnsFromFields","parentPath","parentLabel","cols","forEach","field","admin","disabled","fieldPath","label","hasData","some","doc","getValueAtPath","undefined","push","accessor","active","Heading","renderedCells","map","relationTo","relatedConfig","useAsTitle","titleValue","data","dateFormat","id","labels","singular","item","join","String","date","displayFormat","Date","toLocaleString","language","dateStyle","timeStyle","option","options","opt","block","blockType","groupLabel","nestedCols","tabs","tab","tabPath","tabLabel","tabCols","fieldColumns","metaFields","metaField","err","console","message","aborted","abort","div","className","h3","i18nKey","p","strong","imported","updated","total","issues","issueDetails","style","marginTop","ul","slice","issue","index","li","row","opacity","color","handlePageChange","handlePerPageChange","newLimit","span","variables","count","numberOfNeighbors","onChange","end","Math","min","start","handleChange","limits","obj","segments","split","current","segment"],"mappings":"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"}

package/dist/components/ImportPreview/index.scss

@@ -0,0 +1,41 @@
+@layer payload-default {
+  .import-preview {
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-end;
+      margin-bottom: 10px;
+    }
+
+    &__info {
+      font-size: var(--font-size-small);
+      color: var(--theme-elevation-500);
+    }
+
+    &__import-count {
+      font-size: var(--font-size-small);
+      color: var(--theme-elevation-500);
+    }
+
+    &__pagination {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--base);
+      margin-top: var(--base);
+      padding-top: var(--base);
+      border-top: 1px solid var(--theme-elevation-100);
+
+      // When only PerPage is present (no Pagination), keep it on the right
+      .per-page:only-child {
+        margin-left: auto;
+      }
+    }
+
+    &__page-info {
+      font-size: var(--font-size-small);
+      color: var(--theme-elevation-500);
+      white-space: nowrap;
+    }
+  }
+}

package/dist/components/ImportSaveButton/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ImportSaveButton: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ImportSaveButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImportSaveButton/index.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAUpC,CAAA"}

package/dist/components/ImportSaveButton/index.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SaveButton, useField, useTranslation } from '@ruya.sa/ui';
+export const ImportSaveButton = ()=>{
+    const { t } = useTranslation();
+    const { value: status } = useField({
+        path: 'status'
+    });
+    // Only show the button if status is pending
+    if (status !== 'pending') {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(SaveButton, {
+        label: t('plugin-import-export:startImport')
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/components/ImportSaveButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImportSaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { SaveButton, useField, useTranslation } from '@ruya.sa/ui'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\n\nexport const ImportSaveButton: React.FC = () => {\n  const { t } = useTranslation<PluginImportExportTranslations, PluginImportExportTranslationKeys>()\n  const { value: status } = useField<string>({ path: 'status' })\n\n  // Only show the button if status is pending\n  if (status !== 'pending') {\n    return null\n  }\n\n  return <SaveButton label={t('plugin-import-export:startImport')} />\n}\n"],"names":["SaveButton","useField","useTranslation","ImportSaveButton","t","value","status","path","label"],"mappings":"AAAA;;AAEA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,cAAa;AAOlE,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,CAAC,EAAE,GAAGF;IACd,MAAM,EAAEG,OAAOC,MAAM,EAAE,GAAGL,SAAiB;QAAEM,MAAM;IAAS;IAE5D,4CAA4C;IAC5C,IAAID,WAAW,WAAW;QACxB,OAAO;IACT;IAEA,qBAAO,KAACN;QAAWQ,OAAOJ,EAAE;;AAC9B,EAAC"}

package/dist/components/Page/index.d.ts

@@ -0,0 +1,4 @@
+import type { NumberFieldClientComponent } from '@ruya.sa/payload';
+import './index.scss';
+export declare const Page: NumberFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAKlE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,0BA6BlB,CAAA"}

package/dist/components/Page/index.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NumberField, useField } from '@ruya.sa/ui';
+import React, { useEffect } from 'react';
+import './index.scss';
+const baseClass = 'page-field';
+export const Page = (props)=>{
+    const { setValue } = useField();
+    const { value: limitValue } = useField({
+        path: 'limit'
+    });
+    // Effect to reset page to 1 if limit is removed
+    useEffect(()=>{
+        if (!limitValue) {
+            setValue(1); // Reset page to 1
+        }
+    }, [
+        limitValue,
+        setValue
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsx(NumberField, {
+            field: {
+                name: props.field.name,
+                admin: {
+                    autoComplete: undefined,
+                    placeholder: undefined,
+                    step: 1
+                },
+                label: props.field.label,
+                min: 1
+            },
+            onChange: (value)=>setValue(value ?? 1),
+            path: props.path
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/components/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from '@ruya.sa/payload'\n\nimport { NumberField, useField } from '@ruya.sa/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'page-field'\n\nexport const Page: NumberFieldClientComponent = (props) => {\n  const { setValue } = useField<number>()\n  const { value: limitValue } = useField<number>({ path: 'limit' })\n\n  // Effect to reset page to 1 if limit is removed\n  useEffect(() => {\n    if (!limitValue) {\n      setValue(1) // Reset page to 1\n    }\n  }, [limitValue, setValue])\n\n  return (\n    <div className={baseClass}>\n      <NumberField\n        field={{\n          name: props.field.name,\n          admin: {\n            autoComplete: undefined,\n            placeholder: undefined,\n            step: 1,\n          },\n          label: props.field.label,\n          min: 1,\n        }}\n        onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n        path={props.path}\n      />\n    </div>\n  )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AACnD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAmC,CAACC;IAC/C,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,IAAG,kBAAkB;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}

package/dist/components/Page/index.scss

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .page-field {
+    --field-width: 33.3333%;
+  }
+}

package/dist/components/SelectionToUseField/index.d.ts

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

package/dist/components/SelectionToUseField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionToUseField/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkBjD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAmGvC,CAAA"}

package/dist/components/SelectionToUseField/index.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroupField, useDocumentInfo, useField, useListQuery, useSelection, useTranslation } from '@ruya.sa/ui';
+import React, { useEffect, useMemo } from 'react';
+const isWhereEmpty = (where)=>{
+    if (!where || typeof where !== 'object') {
+        return true;
+    }
+    // Flatten one level of OR/AND wrappers
+    if (Array.isArray(where.and)) {
+        return where.and.length === 0;
+    }
+    if (Array.isArray(where.or)) {
+        return where.or.length === 0;
+    }
+    return Object.keys(where).length === 0;
+};
+export const SelectionToUseField = ()=>{
+    const { id } = useDocumentInfo();
+    const { query } = useListQuery();
+    const { selectAll, selected } = useSelection();
+    const { t } = useTranslation();
+    const { setValue: setSelectionToUseValue, value: selectionToUseValue } = useField({
+        path: 'selectionToUse'
+    });
+    const { setValue: setWhere } = useField({
+        path: 'where'
+    });
+    const hasMeaningfulFilters = query?.where && !isWhereEmpty(query.where);
+    const availableOptions = useMemo(()=>{
+        const options = [
+            {
+                // @ts-expect-error - this is not correctly typed in plugins right now
+                label: t('plugin-import-export:selectionToUse-allDocuments'),
+                value: 'all'
+            }
+        ];
+        if (hasMeaningfulFilters) {
+            options.unshift({
+                // @ts-expect-error - this is not correctly typed in plugins right now
+                label: t('plugin-import-export:selectionToUse-currentFilters'),
+                value: 'currentFilters'
+            });
+        }
+        if ([
+            'allInPage',
+            'some'
+        ].includes(selectAll)) {
+            options.unshift({
+                // @ts-expect-error - this is not correctly typed in plugins right now
+                label: t('plugin-import-export:selectionToUse-currentSelection'),
+                value: 'currentSelection'
+            });
+        }
+        return options;
+    }, [
+        hasMeaningfulFilters,
+        selectAll,
+        t
+    ]);
+    // Auto-set default
+    useEffect(()=>{
+        if (id) {
+            return;
+        }
+        let defaultSelection = 'all';
+        if ([
+            'allInPage',
+            'some'
+        ].includes(selectAll)) {
+            defaultSelection = 'currentSelection';
+        } else if (query?.where) {
+            defaultSelection = 'currentFilters';
+        }
+        setSelectionToUseValue(defaultSelection);
+    }, [
+        id,
+        selectAll,
+        query?.where,
+        setSelectionToUseValue
+    ]);
+    // Sync where clause with selected option
+    useEffect(()=>{
+        if (id) {
+            return;
+        }
+        if (selectionToUseValue === 'currentFilters' && query?.where) {
+            setWhere(query.where);
+        } else if (selectionToUseValue === 'currentSelection' && selected) {
+            const ids = [
+                ...selected.entries()
+            ].filter(([_, isSelected])=>isSelected).map(([id])=>id);
+            setWhere({
+                id: {
+                    in: ids
+                }
+            });
+        } else if (selectionToUseValue === 'all') {
+            setWhere({});
+        }
+    }, [
+        id,
+        selectionToUseValue,
+        query?.where,
+        selected,
+        setWhere
+    ]);
+    // Hide component if no other options besides "all" are available
+    if (availableOptions.length <= 1) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(RadioGroupField, {
+        field: {
+            name: 'selectionToUse',
+            type: 'radio',
+            admin: {},
+            // @ts-expect-error - this is not correctly typed in plugins right now
+            label: t('plugin-import-export:field-selectionToUse-label'),
+            options: availableOptions
+        },
+        // @ts-expect-error - this is not correctly typed in plugins right now
+        label: t('plugin-import-export:field-selectionToUse-label'),
+        options: availableOptions,
+        path: "selectionToUse"
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/components/SelectionToUseField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SelectionToUseField/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Where } from '@ruya.sa/payload'\n\nimport {\n  RadioGroupField,\n  useDocumentInfo,\n  useField,\n  useListQuery,\n  useSelection,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport React, { useEffect, useMemo } from 'react'\n\nconst isWhereEmpty = (where: Where): boolean => {\n  if (!where || typeof where !== 'object') {\n    return true\n  }\n\n  // Flatten one level of OR/AND wrappers\n  if (Array.isArray(where.and)) {\n    return where.and.length === 0\n  }\n  if (Array.isArray(where.or)) {\n    return where.or.length === 0\n  }\n\n  return Object.keys(where).length === 0\n}\n\nexport const SelectionToUseField: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { query } = useListQuery()\n  const { selectAll, selected } = useSelection()\n  const { t } = useTranslation()\n\n  const { setValue: setSelectionToUseValue, value: selectionToUseValue } = useField({\n    path: 'selectionToUse',\n  })\n\n  const { setValue: setWhere } = useField({\n    path: 'where',\n  })\n\n  const hasMeaningfulFilters = query?.where && !isWhereEmpty(query.where)\n\n  const availableOptions = useMemo(() => {\n    const options = [\n      {\n        // @ts-expect-error - this is not correctly typed in plugins right now\n        label: t('plugin-import-export:selectionToUse-allDocuments'),\n        value: 'all',\n      },\n    ]\n\n    if (hasMeaningfulFilters) {\n      options.unshift({\n        // @ts-expect-error - this is not correctly typed in plugins right now\n        label: t('plugin-import-export:selectionToUse-currentFilters'),\n        value: 'currentFilters',\n      })\n    }\n\n    if (['allInPage', 'some'].includes(selectAll)) {\n      options.unshift({\n        // @ts-expect-error - this is not correctly typed in plugins right now\n        label: t('plugin-import-export:selectionToUse-currentSelection'),\n        value: 'currentSelection',\n      })\n    }\n\n    return options\n  }, [hasMeaningfulFilters, selectAll, t])\n\n  // Auto-set default\n  useEffect(() => {\n    if (id) {\n      return\n    }\n\n    let defaultSelection: 'all' | 'currentFilters' | 'currentSelection' = 'all'\n\n    if (['allInPage', 'some'].includes(selectAll)) {\n      defaultSelection = 'currentSelection'\n    } else if (query?.where) {\n      defaultSelection = 'currentFilters'\n    }\n\n    setSelectionToUseValue(defaultSelection)\n  }, [id, selectAll, query?.where, setSelectionToUseValue])\n\n  // Sync where clause with selected option\n  useEffect(() => {\n    if (id) {\n      return\n    }\n\n    if (selectionToUseValue === 'currentFilters' && query?.where) {\n      setWhere(query.where)\n    } else if (selectionToUseValue === 'currentSelection' && selected) {\n      const ids = [...selected.entries()].filter(([_, isSelected]) => isSelected).map(([id]) => id)\n\n      setWhere({ id: { in: ids } })\n    } else if (selectionToUseValue === 'all') {\n      setWhere({})\n    }\n  }, [id, selectionToUseValue, query?.where, selected, setWhere])\n\n  // Hide component if no other options besides \"all\" are available\n  if (availableOptions.length <= 1) {\n    return null\n  }\n\n  return (\n    <RadioGroupField\n      field={{\n        name: 'selectionToUse',\n        type: 'radio',\n        admin: {},\n        // @ts-expect-error - this is not correctly typed in plugins right now\n        label: t('plugin-import-export:field-selectionToUse-label'),\n        options: availableOptions,\n      }}\n      // @ts-expect-error - this is not correctly typed in plugins right now\n      label={t('plugin-import-export:field-selectionToUse-label')}\n      options={availableOptions}\n      path=\"selectionToUse\"\n    />\n  )\n}\n"],"names":["RadioGroupField","useDocumentInfo","useField","useListQuery","useSelection","useTranslation","React","useEffect","useMemo","isWhereEmpty","where","Array","isArray","and","length","or","Object","keys","SelectionToUseField","id","query","selectAll","selected","t","setValue","setSelectionToUseValue","value","selectionToUseValue","path","setWhere","hasMeaningfulFilters","availableOptions","options","label","unshift","includes","defaultSelection","ids","entries","filter","_","isSelected","map","in","field","name","type","admin"],"mappings":"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"}

package/dist/components/SortBy/index.d.ts

@@ -0,0 +1,4 @@
+import type { SelectFieldClientComponent } from '@ruya.sa/payload';
+import './index.scss';
+export declare const SortBy: SelectFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SortBy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortBy/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAgBlE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,0BAqHpB,CAAA"}

package/dist/components/SortBy/index.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldLabel, ReactSelect, useConfig, useDocumentInfo, useField, useListQuery } from '@ruya.sa/ui';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js';
+import { reduceFields } from '../FieldsToExport/reduceFields.js';
+import { useImportExport } from '../ImportExportProvider/index.js';
+import './index.scss';
+const baseClass = 'sort-by-fields';
+export const SortBy = (props)=>{
+    const { id } = useDocumentInfo();
+    // The "sort" text field that stores 'title' or '-title'
+    const { setValue: setSort, value: sortRaw } = useField();
+    // Sibling order field ('asc' | 'desc') used when writing sort on change
+    const { value: sortOrder = 'asc' } = useField({
+        path: 'sortOrder'
+    });
+    // Needed so we can initialize sortOrder when SortOrder component is hidden
+    const { setValue: setSortOrder } = useField({
+        path: 'sortOrder'
+    });
+    const { value: collectionSlug } = useField({
+        path: 'collectionSlug'
+    });
+    const { query } = useListQuery();
+    const { getEntityConfig } = useConfig();
+    const { collection } = useImportExport();
+    // ReactSelect's displayed option
+    const [displayedValue, setDisplayedValue] = useState(null);
+    const collectionConfig = getEntityConfig({
+        collectionSlug: collectionSlug ?? collection
+    });
+    const fieldOptions = useMemo(()=>reduceFields({
+            fields: collectionConfig?.fields
+        }), [
+        collectionConfig?.fields
+    ]);
+    // Normalize the stored value for display (strip the '-') and pick the option
+    useEffect(()=>{
+        const clean = stripSortDash(sortRaw);
+        if (!clean) {
+            setDisplayedValue(null);
+            return;
+        }
+        const option = fieldOptions.find((f)=>f.value === clean);
+        if (option && (!displayedValue || displayedValue.value !== clean)) {
+            setDisplayedValue(option);
+        }
+    }, [
+        sortRaw,
+        fieldOptions,
+        displayedValue
+    ]);
+    // One-time init guard so clearing `sort` doesn't rehydrate from query again
+    const didInitRef = useRef(false);
+    // Sync the visible select from list-view query sort (preferred) or groupBy (fallback)
+    // and initialize both `sort` and `sortOrder` here as SortOrder may be hidden by admin.condition.
+    useEffect(()=>{
+        if (didInitRef.current) {
+            return;
+        }
+        if (id) {
+            didInitRef.current = true;
+            return;
+        }
+        if (typeof sortRaw === 'string' && sortRaw.length > 0) {
+            // Already initialized elsewhere
+            didInitRef.current = true;
+            return;
+        }
+        const qsSort = normalizeQueryParam(query?.sort);
+        const qsGroupBy = normalizeQueryParam(query?.groupBy);
+        const source = qsSort ?? qsGroupBy;
+        if (!source) {
+            didInitRef.current = true;
+            return;
+        }
+        const isDesc = !!qsSort && qsSort.startsWith('-');
+        const base = stripSortDash(source);
+        const order = isDesc ? 'desc' : 'asc';
+        // Write BOTH fields so preview/export have the right values even if SortOrder is hidden
+        setSort(applySortOrder(base, order));
+        setSortOrder(order);
+        const option = fieldOptions.find((f)=>f.value === base);
+        if (option) {
+            setDisplayedValue(option);
+        }
+        didInitRef.current = true;
+    }, [
+        id,
+        query?.groupBy,
+        query?.sort,
+        sortRaw,
+        fieldOptions,
+        setSort,
+        setSortOrder
+    ]);
+    // When user selects a different field, store it with the current order applied
+    const onChange = (option)=>{
+        if (!option) {
+            setSort('');
+            setDisplayedValue(null);
+        } else {
+            setDisplayedValue(option);
+            const next = applySortOrder(option.value, String(sortOrder));
+            setSort(next);
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                label: props.field.label,
+                path: props.path
+            }),
+            /*#__PURE__*/ _jsx(ReactSelect, {
+                className: baseClass,
+                disabled: props.readOnly,
+                getOptionValue: (option)=>String(option.value),
+                inputId: `field-${props.path.replace(/\./g, '__')}`,
+                isClearable: true,
+                isSortable: true,
+                // @ts-expect-error react select option
+                onChange: onChange,
+                options: fieldOptions,
+                // @ts-expect-error react select
+                value: displayedValue
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/components/SortBy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SortBy/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from '@ruya.sa/payload'\nimport type { ReactNode } from 'react'\n\nimport {\n  FieldLabel,\n  ReactSelect,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useListQuery,\n} from '@ruya.sa/ui'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js'\nimport { reduceFields } from '../FieldsToExport/reduceFields.js'\nimport { useImportExport } from '../ImportExportProvider/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-by-fields'\n\nexport const SortBy: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n\n  // The \"sort\" text field that stores 'title' or '-title'\n  const { setValue: setSort, value: sortRaw } = useField<string>()\n\n  // Sibling order field ('asc' | 'desc') used when writing sort on change\n  const { value: sortOrder = 'asc' } = useField<string>({ path: 'sortOrder' })\n  // Needed so we can initialize sortOrder when SortOrder component is hidden\n  const { setValue: setSortOrder } = useField<'asc' | 'desc'>({ path: 'sortOrder' })\n\n  const { value: collectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { query } = useListQuery()\n  const { getEntityConfig } = useConfig()\n  const { collection } = useImportExport()\n\n  // ReactSelect's displayed option\n  const [displayedValue, setDisplayedValue] = useState<{\n    id: string\n    label: ReactNode\n    value: string\n  } | null>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: collectionSlug ?? collection })\n  const fieldOptions = useMemo(\n    () => reduceFields({ fields: collectionConfig?.fields }),\n    [collectionConfig?.fields],\n  )\n\n  // Normalize the stored value for display (strip the '-') and pick the option\n  useEffect(() => {\n    const clean = stripSortDash(sortRaw)\n    if (!clean) {\n      setDisplayedValue(null)\n      return\n    }\n\n    const option = fieldOptions.find((f) => f.value === clean)\n    if (option && (!displayedValue || displayedValue.value !== clean)) {\n      setDisplayedValue(option)\n    }\n  }, [sortRaw, fieldOptions, displayedValue])\n\n  // One-time init guard so clearing `sort` doesn't rehydrate from query again\n  const didInitRef = useRef(false)\n\n  // Sync the visible select from list-view query sort (preferred) or groupBy (fallback)\n  // and initialize both `sort` and `sortOrder` here as SortOrder may be hidden by admin.condition.\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof sortRaw === 'string' && sortRaw.length > 0) {\n      // Already initialized elsewhere\n      didInitRef.current = true\n      return\n    }\n\n    const qsSort = normalizeQueryParam(query?.sort)\n    const qsGroupBy = normalizeQueryParam(query?.groupBy)\n\n    const source = qsSort ?? qsGroupBy\n    if (!source) {\n      didInitRef.current = true\n      return\n    }\n\n    const isDesc = !!qsSort && qsSort.startsWith('-')\n    const base = stripSortDash(source)\n    const order: 'asc' | 'desc' = isDesc ? 'desc' : 'asc'\n\n    // Write BOTH fields so preview/export have the right values even if SortOrder is hidden\n    setSort(applySortOrder(base, order))\n    setSortOrder(order)\n\n    const option = fieldOptions.find((f) => f.value === base)\n    if (option) {\n      setDisplayedValue(option)\n    }\n\n    didInitRef.current = true\n  }, [id, query?.groupBy, query?.sort, sortRaw, fieldOptions, setSort, setSortOrder])\n\n  // When user selects a different field, store it with the current order applied\n  const onChange = (option: { id: string; label: ReactNode; value: string } | null) => {\n    if (!option) {\n      setSort('')\n      setDisplayedValue(null)\n    } else {\n      setDisplayedValue(option)\n      const next = applySortOrder(option.value, String(sortOrder) as 'asc' | 'desc')\n      setSort(next)\n    }\n  }\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel label={props.field.label} path={props.path} />\n      <ReactSelect\n        className={baseClass}\n        disabled={props.readOnly}\n        getOptionValue={(option) => String(option.value)}\n        inputId={`field-${props.path.replace(/\\./g, '__')}`}\n        isClearable={true}\n        isSortable={true}\n        // @ts-expect-error react select option\n        onChange={onChange}\n        options={fieldOptions}\n        // @ts-expect-error react select\n        value={displayedValue}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useConfig","useDocumentInfo","useField","useListQuery","React","useEffect","useMemo","useRef","useState","applySortOrder","normalizeQueryParam","stripSortDash","reduceFields","useImportExport","baseClass","SortBy","props","id","setValue","setSort","value","sortRaw","sortOrder","path","setSortOrder","collectionSlug","query","getEntityConfig","collection","displayedValue","setDisplayedValue","collectionConfig","fieldOptions","fields","clean","option","find","f","didInitRef","current","length","qsSort","sort","qsGroupBy","groupBy","source","isDesc","startsWith","base","order","onChange","next","String","div","className","label","field","disabled","readOnly","getOptionValue","inputId","replace","isClearable","isSortable","options"],"mappings":"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"}

package/dist/components/SortBy/index.scss

@@ -0,0 +1,3 @@
+.sort-by-fields {
+  --field-width: 25%;
+}

package/dist/components/SortOrder/index.d.ts

@@ -0,0 +1,4 @@
+import type { SelectFieldClientComponent } from '@ruya.sa/payload';
+import './index.scss';
+export declare const SortOrder: SelectFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SortOrder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortOrder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAMlE,OAAO,cAAc,CAAA;AAcrB,eAAO,MAAM,SAAS,EAAE,0BAuGvB,CAAA"}