@payloadcms/ui 3.67.0 → 3.68.0-internal-debug.2eb12b9

package/dist/elements/SortComplex/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
@@ -13,166 +11,111 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { ReactSelect } from '../ReactSelect/index.js';
 import './index.scss';
 const baseClass = 'sort-complex';
-export const SortComplex = props => {
-  const $ = _c(28);
-  const {
-    collection,
-    handleChange,
-    modifySearchQuery: t0
-  } = props;
-  const modifySearchQuery = t0 === undefined ? true : t0;
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const [sortOptions, setSortOptions] = useState();
-  let t1;
-  if ($[0] !== collection.fields || $[1] !== i18n) {
-    t1 = () => collection.fields.reduce((fields, field) => {
-      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {
-        return [...fields, {
-          label: getTranslation(field.label || field.name, i18n),
-          value: field.name
-        }];
-      }
-      return fields;
-    }, []);
-    $[0] = collection.fields;
-    $[1] = i18n;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const [sortFields] = useState(t1);
-  const [sortField, setSortField] = useState(sortFields[0]);
-  let t2;
-  if ($[3] !== t) {
-    t2 = () => ({
-      label: t("general:descending"),
-      value: "-"
-    });
-    $[3] = t;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const [initialSort] = useState(t2);
-  const [sortOrder, setSortOrder] = useState(initialSort);
-  let t3;
-  let t4;
-  if ($[5] !== handleChange || $[6] !== modifySearchQuery || $[7] !== pathname || $[8] !== router || $[9] !== searchParams || $[10] !== sortField || $[11] !== sortOrder) {
-    t3 = () => {
-      if (sortField?.value) {
-        const newSortValue = `${sortOrder.value}${sortField.value}`;
-        if (handleChange) {
-          handleChange(newSortValue);
+export const SortComplex = (props)=>{
+    const { collection, handleChange, modifySearchQuery = true } = props;
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const { i18n, t } = useTranslation();
+    const [sortOptions, setSortOptions] = useState();
+    const [sortFields] = useState(()=>collection.fields.reduce((fields, field)=>{
+            if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {
+                return [
+                    ...fields,
+                    {
+                        label: getTranslation(field.label || field.name, i18n),
+                        value: field.name
+                    }
+                ];
+            }
+            return fields;
+        }, []));
+    const [sortField, setSortField] = useState(sortFields[0]);
+    const [initialSort] = useState(()=>({
+            label: t('general:descending'),
+            value: '-'
+        }));
+    const [sortOrder, setSortOrder] = useState(initialSort);
+    useEffect(()=>{
+        if (sortField?.value) {
+            const newSortValue = `${sortOrder.value}${sortField.value}`;
+            if (handleChange) {
+                handleChange(newSortValue);
+            }
+            if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {
+                const search = qs.stringify({
+                    ...searchParams,
+                    sort: newSortValue
+                }, {
+                    addQueryPrefix: true
+                });
+                router.replace(`${pathname}${search}`);
+            }
         }
-        if (searchParams.get("sort") !== newSortValue && modifySearchQuery) {
-          const search = qs.stringify({
-            ...searchParams,
-            sort: newSortValue
-          }, {
-            addQueryPrefix: true
-          });
-          router.replace(`${pathname}${search}`);
-        }
-      }
-    };
-    t4 = [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange];
-    $[5] = handleChange;
-    $[6] = modifySearchQuery;
-    $[7] = pathname;
-    $[8] = router;
-    $[9] = searchParams;
-    $[10] = sortField;
-    $[11] = sortOrder;
-    $[12] = t3;
-    $[13] = t4;
-  } else {
-    t3 = $[12];
-    t4 = $[13];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[14] !== t) {
-    t5 = () => {
-      setSortOptions([{
-        label: t("general:ascending"),
-        value: ""
-      }, {
-        label: t("general:descending"),
-        value: "-"
-      }]);
-    };
-    $[14] = t;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== i18n || $[17] !== t) {
-    t6 = [i18n, t];
-    $[16] = i18n;
-    $[17] = t;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[19] !== initialSort || $[20] !== sortField || $[21] !== sortFields || $[22] !== sortOptions || $[23] !== sortOrder || $[24] !== t) {
-    let t8;
-    if ($[26] !== initialSort) {
-      t8 = incomingSort => {
-        setSortOrder(incomingSort || initialSort);
-      };
-      $[26] = initialSort;
-      $[27] = t8;
-    } else {
-      t8 = $[27];
-    }
-    t7 = _jsx("div", {
-      className: baseClass,
-      children: _jsx(React.Fragment, {
-        children: _jsxs("div", {
-          className: `${baseClass}__wrap`,
-          children: [_jsxs("div", {
-            className: `${baseClass}__select`,
-            children: [_jsx("div", {
-              className: `${baseClass}__label`,
-              children: t("general:columnToSort")
-            }), _jsx(ReactSelect, {
-              onChange: setSortField,
-              options: sortFields,
-              value: sortField
-            })]
-          }), _jsxs("div", {
-            className: `${baseClass}__select`,
-            children: [_jsx("div", {
-              className: `${baseClass}__label`,
-              children: t("general:order")
-            }), _jsx(ReactSelect, {
-              onChange: t8,
-              options: sortOptions,
-              value: sortOrder
-            })]
-          })]
+    }, [
+        pathname,
+        router,
+        searchParams,
+        sortField,
+        sortOrder,
+        modifySearchQuery,
+        handleChange
+    ]);
+    useEffect(()=>{
+        setSortOptions([
+            {
+                label: t('general:ascending'),
+                value: ''
+            },
+            {
+                label: t('general:descending'),
+                value: '-'
+            }
+        ]);
+    }, [
+        i18n,
+        t
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsx(React.Fragment, {
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__select`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__label`,
+                                children: t('general:columnToSort')
+                            }),
+                            /*#__PURE__*/ _jsx(ReactSelect, {
+                                onChange: setSortField,
+                                options: sortFields,
+                                value: sortField
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__select`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__label`,
+                                children: t('general:order')
+                            }),
+                            /*#__PURE__*/ _jsx(ReactSelect, {
+                                onChange: (incomingSort)=>{
+                                    setSortOrder(incomingSort || initialSort);
+                                },
+                                options: sortOptions,
+                                value: sortOrder
+                            })
+                        ]
+                    })
+                ]
+            })
         })
-      })
     });
-    $[19] = initialSort;
-    $[20] = sortField;
-    $[21] = sortFields;
-    $[22] = sortOptions;
-    $[23] = sortOrder;
-    $[24] = t;
-    $[25] = t7;
-  } else {
-    t7 = $[25];
-  }
-  return t7;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","$","collection","handleChange","modifySearchQuery","t0","undefined","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","t1","fields","reduce","field","indexOf","type","label","name","value","sortFields","sortField","setSortField","t2","initialSort","sortOrder","setSortOrder","t3","t4","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","t5","t6","t7","t8","incomingSort","_jsx","className","children","Fragment","_jsxs","onChange","options"],"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC5E,SAASC,kBAAkB,QAAQ,UAAS;AAC5C,SAASC,gBAAgB,QAAQ,iBAAgB;AACjD,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAWlD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,IAAI,EAAE,GAAGH;IAE/D,MAAMI,SAAShB;IACf,MAAMiB,WAAWlB;IACjB,MAAMmB,eAAejB;IACrB,MAAM,EAAEkB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,aAAaC,eAAe,GAAGf;IAEtC,MAAM,CAACgB,WAAW,GAAGhB,SAAS,IAC5BM,WAAWW,MAAM,CAACC,MAAM,CAAC,CAACD,QAAQE;YAChC,IAAIvB,iBAAiBuB,UAAUxB,mBAAmByB,OAAO,CAACD,MAAME,IAAI,IAAI,CAAC,GAAG;gBAC1E,OAAO;uBACFJ;oBACH;wBAAEK,OAAO/B,eAAe4B,MAAMG,KAAK,IAAIH,MAAMI,IAAI,EAAEX;wBAAOY,OAAOL,MAAMI,IAAI;oBAAC;iBAC7E;YACH;YACA,OAAON;QACT,GAAG,EAAE;IAGP,MAAM,CAACQ,WAAWC,aAAa,GAAG1B,SAASgB,UAAU,CAAC,EAAE;IACxD,MAAM,CAACW,YAAY,GAAG3B,SAAiB,IAAO,CAAA;YAAEsB,OAAOT,EAAE;YAAuBW,OAAO;QAAI,CAAA;IAC3F,MAAM,CAACI,WAAWC,aAAa,GAAG7B,SAAS2B;IAE3C5B,UAAU;QACR,IAAI0B,WAAWD,OAAO;YACpB,MAAMM,eAAe,GAAGF,UAAUJ,KAAK,GAAGC,UAAUD,KAAK,EAAE;YAE3D,IAAIjB,cAAc;gBAChBA,aAAauB;YACf;YAEA,IAAInB,aAAaoB,GAAG,CAAC,YAAYD,gBAAgBtB,mBAAmB;gBAClE,MAAMwB,SAASnC,GAAGoC,SAAS,CACzB;oBACE,GAAGtB,YAAY;oBACfuB,MAAMJ;gBACR,GACA;oBAAEK,gBAAgB;gBAAK;gBAGzB1B,OAAO2B,OAAO,CAAC,GAAG1B,WAAWsB,QAAQ;YACvC;QACF;IACF,GAAG;QAACtB;QAAUD;QAAQE;QAAcc;QAAWG;QAAWpB;QAAmBD;KAAa;IAE1FR,UAAU;QACRgB,eAAe;YACb;gBAAEO,OAAOT,EAAE;gBAAsBW,OAAO;YAAG;YAC3C;gBAAEF,OAAOT,EAAE;gBAAuBW,OAAO;YAAI;SAC9C;IACH,GAAG;QAACZ;QAAMC;KAAE;IAEZ,qBACE,KAACwB;QAAIC,WAAWnC;kBACd,cAAA,KAACL,MAAMyC,QAAQ;sBACb,cAAA,MAACF;gBAAIC,WAAW,GAAGnC,UAAU,MAAM,CAAC;;kCAClC,MAACkC;wBAAIC,WAAW,GAAGnC,UAAU,QAAQ,CAAC;;0CACpC,KAACkC;gCAAIC,WAAW,GAAGnC,UAAU,OAAO,CAAC;0CAAGU,EAAE;;0CAC1C,KAACX;gCAAYsC,UAAUd;gCAAce,SAASzB;gCAAYQ,OAAOC;;;;kCAEnE,MAACY;wBAAIC,WAAW,GAAGnC,UAAU,QAAQ,CAAC;;0CACpC,KAACkC;gCAAIC,WAAW,GAAGnC,UAAU,OAAO,CAAC;0CAAGU,EAAE;;0CAC1C,KAACX;gCACCsC,UAAU,CAACE;oCACTb,aAAaa,gBAAgBf;gCAC/B;gCACAc,SAAS3B;gCACTU,OAAOI;;;;;;;;AAOrB,EAAC"}

package/dist/elements/SortHeader/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { SortDownIcon } from '../../icons/Sort/index.js';
@@ -9,92 +7,45 @@ import './index.scss';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'sort-header';
 function useSort() {
-  const $ = _c(7);
-  const {
-    handleSortChange,
-    orderableFieldName,
-    query
-  } = useListQuery();
-  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort;
-  const isActive = querySort === orderableFieldName;
-  let t0;
-  if ($[0] !== handleSortChange || $[1] !== isActive || $[2] !== orderableFieldName) {
-    t0 = () => {
-      if (isActive) {
-        return;
-      }
-      handleSortChange(orderableFieldName);
+    const { handleSortChange, orderableFieldName, query } = useListQuery();
+    const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort;
+    const isActive = querySort === orderableFieldName;
+    const handleSortPress = ()=>{
+        // If it's already sorted by the "_order" field, do nothing
+        if (isActive) {
+            return;
+        }
+        // If NOT sorted by the "_order" field, sort by that field.
+        void handleSortChange(orderableFieldName);
     };
-    $[0] = handleSortChange;
-    $[1] = isActive;
-    $[2] = orderableFieldName;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  const handleSortPress = t0;
-  let t1;
-  if ($[4] !== handleSortPress || $[5] !== isActive) {
-    t1 = {
-      handleSortPress,
-      isActive
+    return {
+        handleSortPress,
+        isActive
     };
-    $[4] = handleSortPress;
-    $[5] = isActive;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
 }
-export const SortHeader = props => {
-  const $ = _c(7);
-  const {
-    appearance
-  } = props;
-  const {
-    handleSortPress,
-    isActive
-  } = useSort();
-  const {
-    t
-  } = useTranslation();
-  const t0 = appearance && `${baseClass}--appearance-${appearance}`;
-  let t1;
-  if ($[0] !== t0) {
-    t1 = [baseClass, t0].filter(Boolean);
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = t1.join(" ");
-  let t3;
-  if ($[2] !== handleSortPress || $[3] !== isActive || $[4] !== t || $[5] !== t2) {
-    t3 = _jsx("div", {
-      className: t2,
-      children: _jsx("div", {
-        className: `${baseClass}__buttons`,
-        children: _jsx("button", {
-          "aria-label": t("general:sortByLabelDirection", {
-            direction: t("general:ascending"),
-            label: "Order"
-          }),
-          className: `${baseClass}__button ${isActive ? `${baseClass}--active` : ""}`,
-          onClick: handleSortPress,
-          type: "button",
-          children: _jsx(SortDownIcon, {})
+export const SortHeader = (props)=>{
+    const { appearance } = props;
+    const { handleSortPress, isActive } = useSort();
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsx("div", {
+            className: `${baseClass}__buttons`,
+            children: /*#__PURE__*/ _jsx("button", {
+                "aria-label": t('general:sortByLabelDirection', {
+                    direction: t('general:ascending'),
+                    label: 'Order'
+                }),
+                className: `${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`,
+                onClick: handleSortPress,
+                type: "button",
+                children: /*#__PURE__*/ _jsx(SortDownIcon, {})
+            })
         })
-      })
     });
-    $[2] = handleSortPress;
-    $[3] = isActive;
-    $[4] = t;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","$","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","t0","handleSortPress","t1","SortHeader","props","appearance","t","filter","Boolean","t2","join","t3","_jsx","className","children","direction","label","onClick","type"],"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AACP,SAASC,cAAc,QAAQ;AAO/B,MAAMC,SAAA,GAAY;AAElB,SAAAC,QAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACE;IAAAQ,gBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAwDP,YAAA;EACxD,MAAAQ,SAAA,GAAkBC,KAAA,CAAAC,OAAA,CAAcH,KAAA,CAAAI,IAAU,IAAIJ,KAAA,CAAAI,IAAA,MAAgBJ,KAAA,CAAAI,IAAU;EACxE,MAAAC,QAAA,GAAiBJ,SAAA,KAAcF,kBAAA;EAAA,IAAAO,EAAA;EAAA,IAAAT,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAE,kBAAA;IAEPO,EAAA,GAAAA,CAAA;MAAA,IAElBD,QAAA;QAAA;MAAA;MAICP,gBAAA,CAAiBC,kBAAA;IAAA;IACxBF,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAPA,MAAAU,eAAA,GAAwBD,EAOxB;EAAA,IAAAE,EAAA;EAAA,IAAAX,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAQ,QAAA;IAEOG,EAAA;MAAAD,eAAA;MAAAF;IAAA;IAA4BR,CAAA,MAAAU,eAAA;IAAAV,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OAA5BW,EAA4B;AAAA;AAGrC,OAAO,MAAMC,UAAA,GAAwCC,KAAA;EAAA,MAAAb,CAAA,GAAAP,EAAA;EACnD;IAAAqB;EAAA,IAAuBD,KAAA;EACvB;IAAAH,eAAA;IAAAF;EAAA,IAAsCT,OAAA;EACtC;IAAAgB;EAAA,IAAclB,cAAA;EAIa,MAAAY,EAAA,GAAAK,UAAA,IAAc,GAAAhB,SAAA,gBAA4BgB,UAAA,EAAY;EAAA,IAAAH,EAAA;EAAA,IAAAX,CAAA,QAAAS,EAAA;IAAlEE,EAAA,IAAAb,SAAA,EAAYW,EAAsD,EAAAO,MAAA,CAAAC,OACnE;IAAAjB,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EADC,MAAAkB,EAAA,GAAAP,EACD,CAAAQ,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAe,CAAA,IAAAf,CAAA,QAAAkB,EAAA;IAHVE,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAK,QAAA,EAERF,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAAxB,SAAA,WAAuB;QAAAyB,QAAA,EACrCF,IAAA,CAAC;UAAA,cACaN,CAAA,CAAE;YAAAS,SAAA,EACDT,CAAA,CAAE;YAAAU,KAAA,EACN;UAAA,CACT;UAAAH,SAAA,EACW,GAAAxB,SAAA,YAAwBU,QAAA,GAAW,GAAAV,SAAA,UAAsB,GAAG,IAAI;UAAA4B,OAAA,EAClEhB,eAAA;UAAAiB,IAAA,EACJ;UAAAJ,QAAA,EAELF,IAAA,CAAA1B,YAAA,IAAC;QAAA,C;;;;;;;;;;;SAfPyB,E;CAoBJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,qBACE,KAACgB;QACCC,WAAW;YAAChB;YAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;SAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,KAACJ;YAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;sBACrC,cAAA,KAACoB;gBACCC,cAAYP,EAAE,gCAAgC;oBAC5CQ,WAAWR,EAAE;oBACbS,OAAO;gBACT;gBACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI;gBAC3EwB,SAASd;gBACTe,MAAK;0BAEL,cAAA,KAAC5B;;;;AAKX,EAAC"}

package/dist/elements/SortRow/index.js

@@ -1,35 +1,21 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
 import './index.scss';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 const baseClass = 'sort-row';
-export const SortRow = () => {
-  const $ = _c(2);
-  const {
-    orderableFieldName,
-    query
-  } = useListQuery();
-  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
-  const t0 = `${baseClass} ${isActive ? "active" : ""}`;
-  let t1;
-  if ($[0] !== t0) {
-    t1 = _jsx("div", {
-      className: t0,
-      role: "button",
-      tabIndex: 0,
-      children: _jsx(DragHandleIcon, {
-        className: `${baseClass}__icon`
-      })
+export const SortRow = ()=>{
+    const { orderableFieldName, query } = useListQuery();
+    const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
+    return /*#__PURE__*/ _jsx("div", {
+        className: `${baseClass} ${isActive ? 'active' : ''}`,
+        role: "button",
+        tabIndex: 0,
+        children: /*#__PURE__*/ _jsx(DragHandleIcon, {
+            className: `${baseClass}__icon`
+        })
     });
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  return t1;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","DragHandleIcon","useListQuery","baseClass","SortRow","$","orderableFieldName","query","isActive","sort","t0","t1","_jsx","className","role","tabIndex","children"],"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACrB;IAAAO,kBAAA;IAAAC;EAAA,IAAsCL,YAAA;EACtC,MAAAM,QAAA,GAAiBD,KAAA,CAAAE,IAAA,KAAeH,kBAAA,IAAsBC,KAAA,CAAAE,IAAA,KAAe,IAAIH,kBAAA,EAAoB;EAG3E,MAAAI,EAAA,MAAAP,SAAA,IAAgBK,QAAA,GAAW,WAAW,IAAI;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IAA1DC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAeH,EAA0C;MAAAI,IAAA,EAAO;MAAAC,QAAA;MAAAC,QAAA,EAC/DJ,IAAA,CAAAX,cAAA;QAAAY,SAAA,EAA2B,GAAAV,SAAA;MAAoB,C;;;;;;;SADjDQ,E;CAIJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,qBACE,KAACI;QAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI;QAAEI,MAAK;QAASC,UAAU;kBAClF,cAAA,KAACX;YAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC;;;AAGrD,EAAC"}