@wordpress/dataviews 9.1.1-next.233ccab9b.0 → 10.0.0

package/build-module/dataviews-layouts/utils/preview-size-picker.js

@@ -1,73 +1,76 @@
-/**
- * WordPress dependencies
- */
-import { RangeControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import DataViewsContext from '../../components/dataviews-context';
-import { jsx as _jsx } from "react/jsx-runtime";
-const imageSizes = [{
-  value: 120,
-  breakpoint: 1
-}, {
-  value: 170,
-  breakpoint: 1
-}, {
-  value: 230,
-  breakpoint: 1
-}, {
-  value: 290,
-  breakpoint: 1112 // at minimum image width, 4 images display at this container size
-}, {
-  value: 350,
-  breakpoint: 1636 // at minimum image width, 6 images display at this container size
-}, {
-  value: 430,
-  breakpoint: 588 // at minimum image width, 2 images display at this container size
-}];
-export default function PreviewSizePicker() {
-  var _view$layout$previewS, _breakValues$map$filt;
+import { jsx } from "react/jsx-runtime";
+import { RangeControl } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useContext } from "@wordpress/element";
+import DataViewsContext from "../../components/dataviews-context";
+const imageSizes = [
+  {
+    value: 120,
+    breakpoint: 1
+  },
+  {
+    value: 170,
+    breakpoint: 1
+  },
+  {
+    value: 230,
+    breakpoint: 1
+  },
+  {
+    value: 290,
+    breakpoint: 1112
+    // at minimum image width, 4 images display at this container size
+  },
+  {
+    value: 350,
+    breakpoint: 1636
+    // at minimum image width, 6 images display at this container size
+  },
+  {
+    value: 430,
+    breakpoint: 588
+    // at minimum image width, 2 images display at this container size
+  }
+];
+function PreviewSizePicker() {
   const context = useContext(DataViewsContext);
   const view = context.view;
-  const breakValues = imageSizes.filter(size => {
+  const breakValues = imageSizes.filter((size) => {
     return context.containerWidth >= size.breakpoint;
   });
-  const layoutPreviewSize = (_view$layout$previewS = view.layout?.previewSize) !== null && _view$layout$previewS !== void 0 ? _view$layout$previewS : 230; // Default to the third smallest size if no preview size is set.
-  // If the container has resized and the set preview size is no longer available,
-  // we reset it to the next smallest size, or the smallest available size.
-  const previewSizeToUse = (_breakValues$map$filt = breakValues.map((size, index) => ({
-    ...size,
-    index
-  })).filter(size => size.value <= layoutPreviewSize).sort((a, b) => b.value - a.value)[0]?.index) !== null && _breakValues$map$filt !== void 0 ? _breakValues$map$filt : 0;
+  const layoutPreviewSize = view.layout?.previewSize ?? 230;
+  const previewSizeToUse = breakValues.map((size, index) => ({ ...size, index })).filter((size) => size.value <= layoutPreviewSize).sort((a, b) => b.value - a.value)[0]?.index ?? 0;
   const marks = breakValues.map((size, index) => {
     return {
       value: index
     };
   });
-  return /*#__PURE__*/_jsx(RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    showTooltip: false,
-    label: __('Preview size'),
-    value: previewSizeToUse,
-    min: 0,
-    max: breakValues.length - 1,
-    withInputField: false,
-    onChange: (value = 0) => {
-      context.onChangeView({
-        ...view,
-        layout: {
-          ...view.layout,
-          previewSize: breakValues[value].value
-        }
-      });
-    },
-    step: 1,
-    marks: marks
-  });
+  return /* @__PURE__ */ jsx(
+    RangeControl,
+    {
+      __nextHasNoMarginBottom: true,
+      __next40pxDefaultSize: true,
+      showTooltip: false,
+      label: __("Preview size"),
+      value: previewSizeToUse,
+      min: 0,
+      max: breakValues.length - 1,
+      withInputField: false,
+      onChange: (value = 0) => {
+        context.onChangeView({
+          ...view,
+          layout: {
+            ...view.layout,
+            previewSize: breakValues[value].value
+          }
+        });
+      },
+      step: 1,
+      marks
+    }
+  );
 }
-//# sourceMappingURL=preview-size-picker.js.map
+export {
+  PreviewSizePicker as default
+};
+//# sourceMappingURL=preview-size-picker.js.map

package/build-module/dataviews-layouts/utils/preview-size-picker.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["RangeControl","__","useContext","DataViewsContext","jsx","_jsx","imageSizes","value","breakpoint","PreviewSizePicker","_view$layout$previewS","_breakValues$map$filt","context","view","breakValues","filter","size","containerWidth","layoutPreviewSize","layout","previewSize","previewSizeToUse","map","index","sort","a","b","marks","__nextHasNoMarginBottom","__next40pxDefaultSize","showTooltip","label","min","max","length","withInputField","onChange","onChangeView","step"],"sources":["@wordpress/dataviews/src/dataviews-layouts/utils/preview-size-picker.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../../components/dataviews-context';\nimport type { ViewGrid } from '../../types';\n\nconst imageSizes = [\n\t{\n\t\tvalue: 120,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 170,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 230,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 290,\n\t\tbreakpoint: 1112, // at minimum image width, 4 images display at this container size\n\t},\n\t{\n\t\tvalue: 350,\n\t\tbreakpoint: 1636, // at minimum image width, 6 images display at this container size\n\t},\n\t{\n\t\tvalue: 430,\n\t\tbreakpoint: 588, // at minimum image width, 2 images display at this container size\n\t},\n];\n\nexport default function PreviewSizePicker() {\n\tconst context = useContext( DataViewsContext );\n\tconst view = context.view as ViewGrid;\n\n\tconst breakValues = imageSizes.filter( ( size ) => {\n\t\treturn context.containerWidth >= size.breakpoint;\n\t} );\n\n\tconst layoutPreviewSize = view.layout?.previewSize ?? 230; // Default to the third smallest size if no preview size is set.\n\t// If the container has resized and the set preview size is no longer available,\n\t// we reset it to the next smallest size, or the smallest available size.\n\tconst previewSizeToUse =\n\t\tbreakValues\n\t\t\t.map( ( size, index ) => ( { ...size, index } ) )\n\t\t\t.filter( ( size ) => size.value <= layoutPreviewSize )\n\t\t\t.sort( ( a, b ) => b.value - a.value )[ 0 ]?.index ?? 0;\n\n\tconst marks = breakValues.map( ( size, index ) => {\n\t\treturn {\n\t\t\tvalue: index,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<RangeControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tshowTooltip={ false }\n\t\t\tlabel={ __( 'Preview size' ) }\n\t\t\tvalue={ previewSizeToUse }\n\t\t\tmin={ 0 }\n\t\t\tmax={ breakValues.length - 1 }\n\t\t\twithInputField={ false }\n\t\t\tonChange={ ( value = 0 ) => {\n\t\t\t\tcontext.onChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...view.layout,\n\t\t\t\t\t\tpreviewSize: breakValues[ value ].value,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tstep={ 1 }\n\t\t\tmarks={ marks }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,gBAAgB,MAAM,oCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlE,MAAMC,UAAU,GAAG,CAClB;EACCC,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE;AACb,CAAC,EACD;EACCD,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE;AACb,CAAC,EACD;EACCD,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE;AACb,CAAC,EACD;EACCD,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE,IAAI,CAAE;AACnB,CAAC,EACD;EACCD,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE,IAAI,CAAE;AACnB,CAAC,EACD;EACCD,KAAK,EAAE,GAAG;EACVC,UAAU,EAAE,GAAG,CAAE;AAClB,CAAC,CACD;AAED,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAC3C,MAAMC,OAAO,GAAGV,UAAU,CAAEC,gBAAiB,CAAC;EAC9C,MAAMU,IAAI,GAAGD,OAAO,CAACC,IAAgB;EAErC,MAAMC,WAAW,GAAGR,UAAU,CAACS,MAAM,CAAIC,IAAI,IAAM;IAClD,OAAOJ,OAAO,CAACK,cAAc,IAAID,IAAI,CAACR,UAAU;EACjD,CAAE,CAAC;EAEH,MAAMU,iBAAiB,IAAAR,qBAAA,GAAGG,IAAI,CAACM,MAAM,EAAEC,WAAW,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,GAAG,CAAC,CAAC;EAC3D;EACA;EACA,MAAMW,gBAAgB,IAAAV,qBAAA,GACrBG,WAAW,CACTQ,GAAG,CAAE,CAAEN,IAAI,EAAEO,KAAK,MAAQ;IAAE,GAAGP,IAAI;IAAEO;EAAM,CAAC,CAAG,CAAC,CAChDR,MAAM,CAAIC,IAAI,IAAMA,IAAI,CAACT,KAAK,IAAIW,iBAAkB,CAAC,CACrDM,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAMA,CAAC,CAACnB,KAAK,GAAGkB,CAAC,CAAClB,KAAM,CAAC,CAAE,CAAC,CAAE,EAAEgB,KAAK,cAAAZ,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAEzD,MAAMgB,KAAK,GAAGb,WAAW,CAACQ,GAAG,CAAE,CAAEN,IAAI,EAAEO,KAAK,KAAM;IACjD,OAAO;MACNhB,KAAK,EAAEgB;IACR,CAAC;EACF,CAAE,CAAC;EAEH,oBACClB,IAAA,CAACL,YAAY;IACZ4B,uBAAuB;IACvBC,qBAAqB;IACrBC,WAAW,EAAG,KAAO;IACrBC,KAAK,EAAG9B,EAAE,CAAE,cAAe,CAAG;IAC9BM,KAAK,EAAGc,gBAAkB;IAC1BW,GAAG,EAAG,CAAG;IACTC,GAAG,EAAGnB,WAAW,CAACoB,MAAM,GAAG,CAAG;IAC9BC,cAAc,EAAG,KAAO;IACxBC,QAAQ,EAAGA,CAAE7B,KAAK,GAAG,CAAC,KAAM;MAC3BK,OAAO,CAACyB,YAAY,CAAE;QACrB,GAAGxB,IAAI;QACPM,MAAM,EAAE;UACP,GAAGN,IAAI,CAACM,MAAM;UACdC,WAAW,EAAEN,WAAW,CAAEP,KAAK,CAAE,CAACA;QACnC;MACD,CAAE,CAAC;IACJ,CAAG;IACH+B,IAAI,EAAG,CAAG;IACVX,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/dataviews-layouts/utils/preview-size-picker.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { RangeControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../../components/dataviews-context';\nimport type { ViewGrid } from '../../types';\n\nconst imageSizes = [\n\t{\n\t\tvalue: 120,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 170,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 230,\n\t\tbreakpoint: 1,\n\t},\n\t{\n\t\tvalue: 290,\n\t\tbreakpoint: 1112, // at minimum image width, 4 images display at this container size\n\t},\n\t{\n\t\tvalue: 350,\n\t\tbreakpoint: 1636, // at minimum image width, 6 images display at this container size\n\t},\n\t{\n\t\tvalue: 430,\n\t\tbreakpoint: 588, // at minimum image width, 2 images display at this container size\n\t},\n];\n\nexport default function PreviewSizePicker() {\n\tconst context = useContext( DataViewsContext );\n\tconst view = context.view as ViewGrid;\n\n\tconst breakValues = imageSizes.filter( ( size ) => {\n\t\treturn context.containerWidth >= size.breakpoint;\n\t} );\n\n\tconst layoutPreviewSize = view.layout?.previewSize ?? 230; // Default to the third smallest size if no preview size is set.\n\t// If the container has resized and the set preview size is no longer available,\n\t// we reset it to the next smallest size, or the smallest available size.\n\tconst previewSizeToUse =\n\t\tbreakValues\n\t\t\t.map( ( size, index ) => ( { ...size, index } ) )\n\t\t\t.filter( ( size ) => size.value <= layoutPreviewSize )\n\t\t\t.sort( ( a, b ) => b.value - a.value )[ 0 ]?.index ?? 0;\n\n\tconst marks = breakValues.map( ( size, index ) => {\n\t\treturn {\n\t\t\tvalue: index,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<RangeControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tshowTooltip={ false }\n\t\t\tlabel={ __( 'Preview size' ) }\n\t\t\tvalue={ previewSizeToUse }\n\t\t\tmin={ 0 }\n\t\t\tmax={ breakValues.length - 1 }\n\t\t\twithInputField={ false }\n\t\t\tonChange={ ( value = 0 ) => {\n\t\t\t\tcontext.onChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...view.layout,\n\t\t\t\t\t\tpreviewSize: breakValues[ value ].value,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tstep={ 1 }\n\t\t\tmarks={ marks }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAgEE;AA7DF,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAK3B,OAAO,sBAAsB;AAG7B,MAAM,aAAa;AAAA,EAClB;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA,EACb;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA,EACb;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA,EACb;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA;AAAA,EACb;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA;AAAA,EACb;AAAA,EACA;AAAA,IACC,OAAO;AAAA,IACP,YAAY;AAAA;AAAA,EACb;AACD;AAEe,SAAR,oBAAqC;AAC3C,QAAM,UAAU,WAAY,gBAAiB;AAC7C,QAAM,OAAO,QAAQ;AAErB,QAAM,cAAc,WAAW,OAAQ,CAAE,SAAU;AAClD,WAAO,QAAQ,kBAAkB,KAAK;AAAA,EACvC,CAAE;AAEF,QAAM,oBAAoB,KAAK,QAAQ,eAAe;AAGtD,QAAM,mBACL,YACE,IAAK,CAAE,MAAM,WAAa,EAAE,GAAG,MAAM,MAAM,EAAI,EAC/C,OAAQ,CAAE,SAAU,KAAK,SAAS,iBAAkB,EACpD,KAAM,CAAE,GAAG,MAAO,EAAE,QAAQ,EAAE,KAAM,EAAG,CAAE,GAAG,SAAS;AAExD,QAAM,QAAQ,YAAY,IAAK,CAAE,MAAM,UAAW;AACjD,WAAO;AAAA,MACN,OAAO;AAAA,IACR;AAAA,EACD,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACA,yBAAuB;AAAA,MACvB,uBAAqB;AAAA,MACrB,aAAc;AAAA,MACd,OAAQ,GAAI,cAAe;AAAA,MAC3B,OAAQ;AAAA,MACR,KAAM;AAAA,MACN,KAAM,YAAY,SAAS;AAAA,MAC3B,gBAAiB;AAAA,MACjB,UAAW,CAAE,QAAQ,MAAO;AAC3B,gBAAQ,aAAc;AAAA,UACrB,GAAG;AAAA,UACH,QAAQ;AAAA,YACP,GAAG,KAAK;AAAA,YACR,aAAa,YAAa,KAAM,EAAE;AAAA,UACnC;AAAA,QACD,CAAE;AAAA,MACH;AAAA,MACA,MAAO;AAAA,MACP;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/field-types/array.js

@@ -1,60 +1,55 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-
-import { OPERATOR_IS_ALL, OPERATOR_IS_ANY, OPERATOR_IS_NONE, OPERATOR_IS_NOT_ALL } from '../constants';
-
-// Sort arrays by length, then alphabetically by joined string
+import { __ } from "@wordpress/i18n";
+import {
+  OPERATOR_IS_ALL,
+  OPERATOR_IS_ANY,
+  OPERATOR_IS_NONE,
+  OPERATOR_IS_NOT_ALL
+} from "../constants";
 function sort(valueA, valueB, direction) {
   const arrA = Array.isArray(valueA) ? valueA : [];
   const arrB = Array.isArray(valueB) ? valueB : [];
   if (arrA.length !== arrB.length) {
-    return direction === 'asc' ? arrA.length - arrB.length : arrB.length - arrA.length;
+    return direction === "asc" ? arrA.length - arrB.length : arrB.length - arrA.length;
   }
-  const joinedA = arrA.join(',');
-  const joinedB = arrB.join(',');
-  return direction === 'asc' ? joinedA.localeCompare(joinedB) : joinedB.localeCompare(joinedA);
+  const joinedA = arrA.join(",");
+  const joinedB = arrB.join(",");
+  return direction === "asc" ? joinedA.localeCompare(joinedB) : joinedB.localeCompare(joinedA);
 }
-function render({
-  item,
-  field
-}) {
-  const value = field.getValue({
-    item
-  }) || [];
-  return value.join(', ');
+function render({ item, field }) {
+  const value = field.getValue({ item }) || [];
+  return value.join(", ");
 }
 const arrayFieldType = {
   sort,
   isValid: {
+    elements: true,
     custom: (item, field) => {
-      const value = field.getValue({
-        item
-      });
-      if (![undefined, '', null].includes(value) && !Array.isArray(value)) {
-        return __('Value must be an array.');
+      const value = field.getValue({ item });
+      if (![void 0, "", null].includes(value) && !Array.isArray(value)) {
+        return __("Value must be an array.");
       }
-
-      // Only allow strings for now. Can be extended to other types in the future.
-      if (!value.every(v => typeof v === 'string')) {
-        return __('Every value must be a string.');
+      if (!value.every((v) => typeof v === "string")) {
+        return __("Every value must be a string.");
       }
       return null;
     }
   },
-  Edit: 'array',
+  Edit: "array",
   // Use array control
   render,
   enableSorting: true,
   filterBy: {
     defaultOperators: [OPERATOR_IS_ANY, OPERATOR_IS_NONE],
-    validOperators: [OPERATOR_IS_ANY, OPERATOR_IS_NONE, OPERATOR_IS_ALL, OPERATOR_IS_NOT_ALL]
+    validOperators: [
+      OPERATOR_IS_ANY,
+      OPERATOR_IS_NONE,
+      OPERATOR_IS_ALL,
+      OPERATOR_IS_NOT_ALL
+    ]
   }
 };
-export default arrayFieldType;
-//# sourceMappingURL=array.js.map
+var array_default = arrayFieldType;
+export {
+  array_default as default
+};
+//# sourceMappingURL=array.js.map

package/build-module/field-types/array.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","OPERATOR_IS_ALL","OPERATOR_IS_ANY","OPERATOR_IS_NONE","OPERATOR_IS_NOT_ALL","sort","valueA","valueB","direction","arrA","Array","isArray","arrB","length","joinedA","join","joinedB","localeCompare","render","item","field","value","getValue","arrayFieldType","isValid","custom","undefined","includes","every","v","Edit","enableSorting","filterBy","defaultOperators","validOperators"],"sources":["@wordpress/dataviews/src/field-types/array.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tFieldTypeDefinition,\n\tNormalizedField,\n} from '../types';\nimport {\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT_ALL,\n} from '../constants';\n\n// Sort arrays by length, then alphabetically by joined string\nfunction sort( valueA: any, valueB: any, direction: SortDirection ) {\n\tconst arrA = Array.isArray( valueA ) ? valueA : [];\n\tconst arrB = Array.isArray( valueB ) ? valueB : [];\n\tif ( arrA.length !== arrB.length ) {\n\t\treturn direction === 'asc'\n\t\t\t? arrA.length - arrB.length\n\t\t\t: arrB.length - arrA.length;\n\t}\n\n\tconst joinedA = arrA.join( ',' );\n\tconst joinedB = arrB.join( ',' );\n\treturn direction === 'asc'\n\t\t? joinedA.localeCompare( joinedB )\n\t\t: joinedB.localeCompare( joinedA );\n}\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tconst value = field.getValue( { item } ) || [];\n\treturn value.join( ', ' );\n}\n\nconst arrayFieldType: FieldTypeDefinition< any > = {\n\tsort,\n\tisValid: {\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! Array.isArray( value )\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be an array.' );\n\t\t\t}\n\n\t\t\t// Only allow strings for now. Can be extended to other types in the future.\n\t\t\tif ( ! value.every( ( v: any ) => typeof v === 'string' ) ) {\n\t\t\t\treturn __( 'Every value must be a string.' );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'array', // Use array control\n\trender,\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\t\tvalidOperators: [\n\t\t\tOPERATOR_IS_ANY,\n\t\t\tOPERATOR_IS_NONE,\n\t\t\tOPERATOR_IS_ALL,\n\t\t\tOPERATOR_IS_NOT_ALL,\n\t\t],\n\t},\n};\n\nexport default arrayFieldType;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;;AAOA,SACCC,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,mBAAmB,QACb,cAAc;;AAErB;AACA,SAASC,IAAIA,CAAEC,MAAW,EAAEC,MAAW,EAAEC,SAAwB,EAAG;EACnE,MAAMC,IAAI,GAAGC,KAAK,CAACC,OAAO,CAAEL,MAAO,CAAC,GAAGA,MAAM,GAAG,EAAE;EAClD,MAAMM,IAAI,GAAGF,KAAK,CAACC,OAAO,CAAEJ,MAAO,CAAC,GAAGA,MAAM,GAAG,EAAE;EAClD,IAAKE,IAAI,CAACI,MAAM,KAAKD,IAAI,CAACC,MAAM,EAAG;IAClC,OAAOL,SAAS,KAAK,KAAK,GACvBC,IAAI,CAACI,MAAM,GAAGD,IAAI,CAACC,MAAM,GACzBD,IAAI,CAACC,MAAM,GAAGJ,IAAI,CAACI,MAAM;EAC7B;EAEA,MAAMC,OAAO,GAAGL,IAAI,CAACM,IAAI,CAAE,GAAI,CAAC;EAChC,MAAMC,OAAO,GAAGJ,IAAI,CAACG,IAAI,CAAE,GAAI,CAAC;EAChC,OAAOP,SAAS,KAAK,KAAK,GACvBM,OAAO,CAACG,aAAa,CAAED,OAAQ,CAAC,GAChCA,OAAO,CAACC,aAAa,CAAEH,OAAQ,CAAC;AACpC;AAEA,SAASI,MAAMA,CAAE;EAAEC,IAAI;EAAEC;AAAuC,CAAC,EAAG;EACnE,MAAMC,KAAK,GAAGD,KAAK,CAACE,QAAQ,CAAE;IAAEH;EAAK,CAAE,CAAC,IAAI,EAAE;EAC9C,OAAOE,KAAK,CAACN,IAAI,CAAE,IAAK,CAAC;AAC1B;AAEA,MAAMQ,cAA0C,GAAG;EAClDlB,IAAI;EACJmB,OAAO,EAAE;IACRC,MAAM,EAAEA,CAAEN,IAAS,EAAEC,KAA6B,KAAM;MACvD,MAAMC,KAAK,GAAGD,KAAK,CAACE,QAAQ,CAAE;QAAEH;MAAK,CAAE,CAAC;MAExC,IACC,CAAE,CAAEO,SAAS,EAAE,EAAE,EAAE,IAAI,CAAE,CAACC,QAAQ,CAAEN,KAAM,CAAC,IAC3C,CAAEX,KAAK,CAACC,OAAO,CAAEU,KAAM,CAAC,EACvB;QACD,OAAOrB,EAAE,CAAE,yBAA0B,CAAC;MACvC;;MAEA;MACA,IAAK,CAAEqB,KAAK,CAACO,KAAK,CAAIC,CAAM,IAAM,OAAOA,CAAC,KAAK,QAAS,CAAC,EAAG;QAC3D,OAAO7B,EAAE,CAAE,+BAAgC,CAAC;MAC7C;MAEA,OAAO,IAAI;IACZ;EACD,CAAC;EACD8B,IAAI,EAAE,OAAO;EAAE;EACfZ,MAAM;EACNa,aAAa,EAAE,IAAI;EACnBC,QAAQ,EAAE;IACTC,gBAAgB,EAAE,CAAE/B,eAAe,EAAEC,gBAAgB,CAAE;IACvD+B,cAAc,EAAE,CACfhC,eAAe,EACfC,gBAAgB,EAChBF,eAAe,EACfG,mBAAmB;EAErB;AACD,CAAC;AAED,eAAemB,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/field-types/array.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tFieldTypeDefinition,\n\tNormalizedField,\n} from '../types';\nimport {\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT_ALL,\n} from '../constants';\n\n// Sort arrays by length, then alphabetically by joined string\nfunction sort( valueA: any, valueB: any, direction: SortDirection ) {\n\tconst arrA = Array.isArray( valueA ) ? valueA : [];\n\tconst arrB = Array.isArray( valueB ) ? valueB : [];\n\tif ( arrA.length !== arrB.length ) {\n\t\treturn direction === 'asc'\n\t\t\t? arrA.length - arrB.length\n\t\t\t: arrB.length - arrA.length;\n\t}\n\n\tconst joinedA = arrA.join( ',' );\n\tconst joinedB = arrB.join( ',' );\n\treturn direction === 'asc'\n\t\t? joinedA.localeCompare( joinedB )\n\t\t: joinedB.localeCompare( joinedA );\n}\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tconst value = field.getValue( { item } ) || [];\n\treturn value.join( ', ' );\n}\n\nconst arrayFieldType: FieldTypeDefinition< any > = {\n\tsort,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! Array.isArray( value )\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be an array.' );\n\t\t\t}\n\n\t\t\t// Only allow strings for now. Can be extended to other types in the future.\n\t\t\tif ( ! value.every( ( v: any ) => typeof v === 'string' ) ) {\n\t\t\t\treturn __( 'Every value must be a string.' );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'array', // Use array control\n\trender,\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\t\tvalidOperators: [\n\t\t\tOPERATOR_IS_ANY,\n\t\t\tOPERATOR_IS_NONE,\n\t\t\tOPERATOR_IS_ALL,\n\t\t\tOPERATOR_IS_NOT_ALL,\n\t\t],\n\t},\n};\n\nexport default arrayFieldType;\n"],
+  "mappings": "AAGA,SAAS,UAAU;AAWnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAGP,SAAS,KAAM,QAAa,QAAa,WAA2B;AACnE,QAAM,OAAO,MAAM,QAAS,MAAO,IAAI,SAAS,CAAC;AACjD,QAAM,OAAO,MAAM,QAAS,MAAO,IAAI,SAAS,CAAC;AACjD,MAAK,KAAK,WAAW,KAAK,QAAS;AAClC,WAAO,cAAc,QAClB,KAAK,SAAS,KAAK,SACnB,KAAK,SAAS,KAAK;AAAA,EACvB;AAEA,QAAM,UAAU,KAAK,KAAM,GAAI;AAC/B,QAAM,UAAU,KAAK,KAAM,GAAI;AAC/B,SAAO,cAAc,QAClB,QAAQ,cAAe,OAAQ,IAC/B,QAAQ,cAAe,OAAQ;AACnC;AAEA,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE,KAAK,CAAC;AAC7C,SAAO,MAAM,KAAM,IAAK;AACzB;AAEA,MAAM,iBAA6C;AAAA,EAClD;AAAA,EACA,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,CAAE,MAAW,UAAmC;AACvD,YAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,UACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,MAAM,QAAS,KAAM,GACtB;AACD,eAAO,GAAI,yBAA0B;AAAA,MACtC;AAGA,UAAK,CAAE,MAAM,MAAO,CAAE,MAAY,OAAO,MAAM,QAAS,GAAI;AAC3D,eAAO,GAAI,+BAAgC;AAAA,MAC5C;AAEA,aAAO;AAAA,IACR;AAAA,EACD;AAAA,EACA,MAAM;AAAA;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,IACT,kBAAkB,CAAE,iBAAiB,gBAAiB;AAAA,IACtD,gBAAgB;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/build-module/field-types/boolean.js

@@ -1,62 +1,40 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-
-import { renderFromElements } from '../utils';
-import { OPERATOR_IS, OPERATOR_IS_NOT } from '../constants';
+import { jsx } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import RenderFromElements from "./utils/render-from-elements";
+import { OPERATOR_IS, OPERATOR_IS_NOT } from "../constants";
 function sort(a, b, direction) {
   const boolA = Boolean(a);
   const boolB = Boolean(b);
   if (boolA === boolB) {
     return 0;
   }
-
-  // In ascending order, false comes before true
-  if (direction === 'asc') {
+  if (direction === "asc") {
     return boolA ? 1 : -1;
   }
-
-  // In descending order, true comes before false
   return boolA ? -1 : 1;
 }
-export default {
+var boolean_default = {
   sort,
   isValid: {
+    elements: true,
     custom: (item, field) => {
-      const value = field.getValue({
-        item
-      });
-      if (![undefined, '', null].includes(value) && ![true, false].includes(value)) {
-        return __('Value must be true, false, or undefined');
+      const value = field.getValue({ item });
+      if (![void 0, "", null].includes(value) && ![true, false].includes(value)) {
+        return __("Value must be true, false, or undefined");
       }
       return null;
     }
   },
-  Edit: 'checkbox',
-  render: ({
-    item,
-    field
-  }) => {
-    if (field.elements) {
-      return renderFromElements({
-        item,
-        field
-      });
+  Edit: "checkbox",
+  render: ({ item, field }) => {
+    if (field.hasElements) {
+      return /* @__PURE__ */ jsx(RenderFromElements, { item, field });
     }
-    if (field.getValue({
-      item
-    }) === true) {
-      return __('True');
+    if (field.getValue({ item }) === true) {
+      return __("True");
     }
-    if (field.getValue({
-      item
-    }) === false) {
-      return __('False');
+    if (field.getValue({ item }) === false) {
+      return __("False");
     }
     return null;
   },
@@ -66,4 +44,7 @@ export default {
     validOperators: [OPERATOR_IS, OPERATOR_IS_NOT]
   }
 };
-//# sourceMappingURL=boolean.js.map
+export {
+  boolean_default as default
+};
+//# sourceMappingURL=boolean.js.map

package/build-module/field-types/boolean.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","renderFromElements","OPERATOR_IS","OPERATOR_IS_NOT","sort","a","b","direction","boolA","Boolean","boolB","isValid","custom","item","field","value","getValue","undefined","includes","Edit","render","elements","enableSorting","filterBy","defaultOperators","validOperators"],"sources":["@wordpress/dataviews/src/field-types/boolean.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tFieldTypeDefinition,\n\tNormalizedField,\n} from '../types';\nimport { renderFromElements } from '../utils';\nimport { OPERATOR_IS, OPERATOR_IS_NOT } from '../constants';\n\nfunction sort( a: any, b: any, direction: SortDirection ) {\n\tconst boolA = Boolean( a );\n\tconst boolB = Boolean( b );\n\n\tif ( boolA === boolB ) {\n\t\treturn 0;\n\t}\n\n\t// In ascending order, false comes before true\n\tif ( direction === 'asc' ) {\n\t\treturn boolA ? 1 : -1;\n\t}\n\n\t// In descending order, true comes before false\n\treturn boolA ? -1 : 1;\n}\n\nexport default {\n\tsort,\n\tisValid: {\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! [ true, false ].includes( value )\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be true, false, or undefined' );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'checkbox',\n\trender: ( { item, field }: DataViewRenderFieldProps< any > ) => {\n\t\tif ( field.elements ) {\n\t\t\treturn renderFromElements( { item, field } );\n\t\t}\n\n\t\tif ( field.getValue( { item } ) === true ) {\n\t\t\treturn __( 'True' );\n\t\t}\n\n\t\tif ( field.getValue( { item } ) === false ) {\n\t\t\treturn __( 'False' );\n\t\t}\n\n\t\treturn null;\n\t},\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t\tvalidOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t},\n} satisfies FieldTypeDefinition< any >;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;;AAOA,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,SAASC,WAAW,EAAEC,eAAe,QAAQ,cAAc;AAE3D,SAASC,IAAIA,CAAEC,CAAM,EAAEC,CAAM,EAAEC,SAAwB,EAAG;EACzD,MAAMC,KAAK,GAAGC,OAAO,CAAEJ,CAAE,CAAC;EAC1B,MAAMK,KAAK,GAAGD,OAAO,CAAEH,CAAE,CAAC;EAE1B,IAAKE,KAAK,KAAKE,KAAK,EAAG;IACtB,OAAO,CAAC;EACT;;EAEA;EACA,IAAKH,SAAS,KAAK,KAAK,EAAG;IAC1B,OAAOC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;EACtB;;EAEA;EACA,OAAOA,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;AACtB;AAEA,eAAe;EACdJ,IAAI;EACJO,OAAO,EAAE;IACRC,MAAM,EAAEA,CAAEC,IAAS,EAAEC,KAA6B,KAAM;MACvD,MAAMC,KAAK,GAAGD,KAAK,CAACE,QAAQ,CAAE;QAAEH;MAAK,CAAE,CAAC;MAExC,IACC,CAAE,CAAEI,SAAS,EAAE,EAAE,EAAE,IAAI,CAAE,CAACC,QAAQ,CAAEH,KAAM,CAAC,IAC3C,CAAE,CAAE,IAAI,EAAE,KAAK,CAAE,CAACG,QAAQ,CAAEH,KAAM,CAAC,EAClC;QACD,OAAOf,EAAE,CAAE,yCAA0C,CAAC;MACvD;MAEA,OAAO,IAAI;IACZ;EACD,CAAC;EACDmB,IAAI,EAAE,UAAU;EAChBC,MAAM,EAAEA,CAAE;IAAEP,IAAI;IAAEC;EAAuC,CAAC,KAAM;IAC/D,IAAKA,KAAK,CAACO,QAAQ,EAAG;MACrB,OAAOpB,kBAAkB,CAAE;QAAEY,IAAI;QAAEC;MAAM,CAAE,CAAC;IAC7C;IAEA,IAAKA,KAAK,CAACE,QAAQ,CAAE;MAAEH;IAAK,CAAE,CAAC,KAAK,IAAI,EAAG;MAC1C,OAAOb,EAAE,CAAE,MAAO,CAAC;IACpB;IAEA,IAAKc,KAAK,CAACE,QAAQ,CAAE;MAAEH;IAAK,CAAE,CAAC,KAAK,KAAK,EAAG;MAC3C,OAAOb,EAAE,CAAE,OAAQ,CAAC;IACrB;IAEA,OAAO,IAAI;EACZ,CAAC;EACDsB,aAAa,EAAE,IAAI;EACnBC,QAAQ,EAAE;IACTC,gBAAgB,EAAE,CAAEtB,WAAW,EAAEC,eAAe,CAAE;IAClDsB,cAAc,EAAE,CAAEvB,WAAW,EAAEC,eAAe;EAC/C;AACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/field-types/boolean.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tFieldTypeDefinition,\n\tNormalizedField,\n} from '../types';\nimport RenderFromElements from './utils/render-from-elements';\nimport { OPERATOR_IS, OPERATOR_IS_NOT } from '../constants';\n\nfunction sort( a: any, b: any, direction: SortDirection ) {\n\tconst boolA = Boolean( a );\n\tconst boolB = Boolean( b );\n\n\tif ( boolA === boolB ) {\n\t\treturn 0;\n\t}\n\n\t// In ascending order, false comes before true\n\tif ( direction === 'asc' ) {\n\t\treturn boolA ? 1 : -1;\n\t}\n\n\t// In descending order, true comes before false\n\treturn boolA ? -1 : 1;\n}\n\nexport default {\n\tsort,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! [ true, false ].includes( value )\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be true, false, or undefined' );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'checkbox',\n\trender: ( { item, field }: DataViewRenderFieldProps< any > ) => {\n\t\tif ( field.hasElements ) {\n\t\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t\t}\n\n\t\tif ( field.getValue( { item } ) === true ) {\n\t\t\treturn __( 'True' );\n\t\t}\n\n\t\tif ( field.getValue( { item } ) === false ) {\n\t\t\treturn __( 'False' );\n\t\t}\n\n\t\treturn null;\n\t},\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t\tvalidOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t},\n} satisfies FieldTypeDefinition< any >;\n"],
+  "mappings": "AAsDU;AAnDV,SAAS,UAAU;AAWnB,OAAO,wBAAwB;AAC/B,SAAS,aAAa,uBAAuB;AAE7C,SAAS,KAAM,GAAQ,GAAQ,WAA2B;AACzD,QAAM,QAAQ,QAAS,CAAE;AACzB,QAAM,QAAQ,QAAS,CAAE;AAEzB,MAAK,UAAU,OAAQ;AACtB,WAAO;AAAA,EACR;AAGA,MAAK,cAAc,OAAQ;AAC1B,WAAO,QAAQ,IAAI;AAAA,EACpB;AAGA,SAAO,QAAQ,KAAK;AACrB;AAEA,IAAO,kBAAQ;AAAA,EACd;AAAA,EACA,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,CAAE,MAAW,UAAmC;AACvD,YAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,UACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,CAAE,MAAM,KAAM,EAAE,SAAU,KAAM,GACjC;AACD,eAAO,GAAI,yCAA0C;AAAA,MACtD;AAEA,aAAO;AAAA,IACR;AAAA,EACD;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAE,EAAE,MAAM,MAAM,MAAwC;AAC/D,QAAK,MAAM,aAAc;AACxB,aAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,IAC1D;AAEA,QAAK,MAAM,SAAU,EAAE,KAAK,CAAE,MAAM,MAAO;AAC1C,aAAO,GAAI,MAAO;AAAA,IACnB;AAEA,QAAK,MAAM,SAAU,EAAE,KAAK,CAAE,MAAM,OAAQ;AAC3C,aAAO,GAAI,OAAQ;AAAA,IACpB;AAEA,WAAO;AAAA,EACR;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,IACT,kBAAkB,CAAE,aAAa,eAAgB;AAAA,IACjD,gBAAgB,CAAE,aAAa,eAAgB;AAAA,EAChD;AACD;",
+  "names": []
+}

package/build-module/field-types/color.js

@@ -1,102 +1,78 @@
-/**
- * External dependencies
- */
-import { colord } from 'colord';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-
-import { renderFromElements } from '../utils';
-import { OPERATOR_IS, OPERATOR_IS_ANY, OPERATOR_IS_NONE, OPERATOR_IS_NOT } from '../constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { colord } from "colord";
+import { __ } from "@wordpress/i18n";
+import RenderFromElements from "./utils/render-from-elements";
+import {
+  OPERATOR_IS,
+  OPERATOR_IS_ANY,
+  OPERATOR_IS_NONE,
+  OPERATOR_IS_NOT
+} from "../constants";
 function sort(valueA, valueB, direction) {
-  // Convert colors to HSL for better sorting
   const colorA = colord(valueA);
   const colorB = colord(valueB);
   if (!colorA.isValid() && !colorB.isValid()) {
     return 0;
   }
   if (!colorA.isValid()) {
-    return direction === 'asc' ? 1 : -1;
+    return direction === "asc" ? 1 : -1;
   }
   if (!colorB.isValid()) {
-    return direction === 'asc' ? -1 : 1;
+    return direction === "asc" ? -1 : 1;
   }
-
-  // Sort by hue, then saturation, then lightness
   const hslA = colorA.toHsl();
   const hslB = colorB.toHsl();
   if (hslA.h !== hslB.h) {
-    return direction === 'asc' ? hslA.h - hslB.h : hslB.h - hslA.h;
+    return direction === "asc" ? hslA.h - hslB.h : hslB.h - hslA.h;
   }
   if (hslA.s !== hslB.s) {
-    return direction === 'asc' ? hslA.s - hslB.s : hslB.s - hslA.s;
+    return direction === "asc" ? hslA.s - hslB.s : hslB.s - hslA.s;
   }
-  return direction === 'asc' ? hslA.l - hslB.l : hslB.l - hslA.l;
+  return direction === "asc" ? hslA.l - hslB.l : hslB.l - hslA.l;
 }
-export default {
+var color_default = {
   sort,
   isValid: {
+    elements: true,
     custom: (item, field) => {
-      const value = field.getValue({
-        item
-      });
-      if (![undefined, '', null].includes(value) && !colord(value).isValid()) {
-        return __('Value must be a valid color.');
-      }
-      if (field.elements) {
-        const validValues = field.elements.map(f => f.value);
-        if (!validValues.includes(value)) {
-          return __('Value must be one of the elements.');
-        }
+      const value = field.getValue({ item });
+      if (![void 0, "", null].includes(value) && !colord(value).isValid()) {
+        return __("Value must be a valid color.");
       }
       return null;
     }
   },
-  Edit: 'color',
-  render: ({
-    item,
-    field
-  }) => {
-    if (field.elements) {
-      return renderFromElements({
-        item,
-        field
-      });
+  Edit: "color",
+  render: ({ item, field }) => {
+    if (field.hasElements) {
+      return /* @__PURE__ */ jsx(RenderFromElements, { item, field });
     }
-    const value = field.getValue({
-      item
-    });
+    const value = field.getValue({ item });
     if (!value || !colord(value).isValid()) {
       return value;
     }
-
-    // Render color with visual preview
-    return /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px'
-      },
-      children: [/*#__PURE__*/_jsx("div", {
-        style: {
-          width: '16px',
-          height: '16px',
-          borderRadius: '50%',
-          backgroundColor: value,
-          border: '1px solid #ddd',
-          flexShrink: 0
-        }
-      }), /*#__PURE__*/_jsx("span", {
-        children: value
-      })]
-    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: { display: "flex", alignItems: "center", gap: "8px" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: "16px",
+                height: "16px",
+                borderRadius: "50%",
+                backgroundColor: value,
+                border: "1px solid #ddd",
+                flexShrink: 0
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: value })
+        ]
+      }
+    );
   },
   enableSorting: true,
   filterBy: {
@@ -104,4 +80,7 @@ export default {
     validOperators: [OPERATOR_IS, OPERATOR_IS_NOT]
   }
 };
-//# sourceMappingURL=color.js.map
+export {
+  color_default as default
+};
+//# sourceMappingURL=color.js.map

package/build-module/field-types/color.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["colord","__","renderFromElements","OPERATOR_IS","OPERATOR_IS_ANY","OPERATOR_IS_NONE","OPERATOR_IS_NOT","jsx","_jsx","jsxs","_jsxs","sort","valueA","valueB","direction","colorA","colorB","isValid","hslA","toHsl","hslB","h","s","l","custom","item","field","value","getValue","undefined","includes","elements","validValues","map","f","Edit","render","style","display","alignItems","gap","children","width","height","borderRadius","backgroundColor","border","flexShrink","enableSorting","filterBy","defaultOperators","validOperators"],"sources":["@wordpress/dataviews/src/field-types/color.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tNormalizedField,\n\tFieldTypeDefinition,\n} from '../types';\nimport { renderFromElements } from '../utils';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT,\n} from '../constants';\n\nfunction sort( valueA: any, valueB: any, direction: SortDirection ) {\n\t// Convert colors to HSL for better sorting\n\tconst colorA = colord( valueA );\n\tconst colorB = colord( valueB );\n\n\tif ( ! colorA.isValid() && ! colorB.isValid() ) {\n\t\treturn 0;\n\t}\n\tif ( ! colorA.isValid() ) {\n\t\treturn direction === 'asc' ? 1 : -1;\n\t}\n\tif ( ! colorB.isValid() ) {\n\t\treturn direction === 'asc' ? -1 : 1;\n\t}\n\n\t// Sort by hue, then saturation, then lightness\n\tconst hslA = colorA.toHsl();\n\tconst hslB = colorB.toHsl();\n\n\tif ( hslA.h !== hslB.h ) {\n\t\treturn direction === 'asc' ? hslA.h - hslB.h : hslB.h - hslA.h;\n\t}\n\tif ( hslA.s !== hslB.s ) {\n\t\treturn direction === 'asc' ? hslA.s - hslB.s : hslB.s - hslA.s;\n\t}\n\treturn direction === 'asc' ? hslA.l - hslB.l : hslB.l - hslA.l;\n}\n\nexport default {\n\tsort,\n\tisValid: {\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! colord( value ).isValid()\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be a valid color.' );\n\t\t\t}\n\n\t\t\tif ( field.elements ) {\n\t\t\t\tconst validValues = field.elements.map( ( f ) => f.value );\n\t\t\t\tif ( ! validValues.includes( value ) ) {\n\t\t\t\t\treturn __( 'Value must be one of the elements.' );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'color',\n\trender: ( { item, field }: DataViewRenderFieldProps< any > ) => {\n\t\tif ( field.elements ) {\n\t\t\treturn renderFromElements( { item, field } );\n\t\t}\n\n\t\tconst value = field.getValue( { item } );\n\n\t\tif ( ! value || ! colord( value ).isValid() ) {\n\t\t\treturn value;\n\t\t}\n\n\t\t// Render color with visual preview\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={ { display: 'flex', alignItems: 'center', gap: '8px' } }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '16px',\n\t\t\t\t\t\theight: '16px',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tbackgroundColor: value,\n\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<span>{ value }</span>\n\t\t\t</div>\n\t\t);\n\t},\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\t\tvalidOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t},\n} satisfies FieldTypeDefinition< any >;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/field-types/color.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tSortDirection,\n\tNormalizedField,\n\tFieldTypeDefinition,\n} from '../types';\nimport RenderFromElements from './utils/render-from-elements';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT,\n} from '../constants';\n\nfunction sort( valueA: any, valueB: any, direction: SortDirection ) {\n\t// Convert colors to HSL for better sorting\n\tconst colorA = colord( valueA );\n\tconst colorB = colord( valueB );\n\n\tif ( ! colorA.isValid() && ! colorB.isValid() ) {\n\t\treturn 0;\n\t}\n\tif ( ! colorA.isValid() ) {\n\t\treturn direction === 'asc' ? 1 : -1;\n\t}\n\tif ( ! colorB.isValid() ) {\n\t\treturn direction === 'asc' ? -1 : 1;\n\t}\n\n\t// Sort by hue, then saturation, then lightness\n\tconst hslA = colorA.toHsl();\n\tconst hslB = colorB.toHsl();\n\n\tif ( hslA.h !== hslB.h ) {\n\t\treturn direction === 'asc' ? hslA.h - hslB.h : hslB.h - hslA.h;\n\t}\n\tif ( hslA.s !== hslB.s ) {\n\t\treturn direction === 'asc' ? hslA.s - hslB.s : hslB.s - hslA.s;\n\t}\n\treturn direction === 'asc' ? hslA.l - hslB.l : hslB.l - hslA.l;\n}\n\nexport default {\n\tsort,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: ( item: any, field: NormalizedField< any > ) => {\n\t\t\tconst value = field.getValue( { item } );\n\n\t\t\tif (\n\t\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t\t! colord( value ).isValid()\n\t\t\t) {\n\t\t\t\treturn __( 'Value must be a valid color.' );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t},\n\t},\n\tEdit: 'color',\n\trender: ( { item, field }: DataViewRenderFieldProps< any > ) => {\n\t\tif ( field.hasElements ) {\n\t\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t\t}\n\n\t\tconst value = field.getValue( { item } );\n\n\t\tif ( ! value || ! colord( value ).isValid() ) {\n\t\t\treturn value;\n\t\t}\n\n\t\t// Render color with visual preview\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={ { display: 'flex', alignItems: 'center', gap: '8px' } }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '16px',\n\t\t\t\t\t\theight: '16px',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tbackgroundColor: value,\n\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<span>{ value }</span>\n\t\t\t</div>\n\t\t);\n\t},\n\tenableSorting: true,\n\tfilterBy: {\n\t\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\t\tvalidOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\t},\n} satisfies FieldTypeDefinition< any >;\n"],
+  "mappings": "AA2EU,cAWP,YAXO;AAxEV,SAAS,cAAc;AAKvB,SAAS,UAAU;AAWnB,OAAO,wBAAwB;AAC/B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,KAAM,QAAa,QAAa,WAA2B;AAEnE,QAAM,SAAS,OAAQ,MAAO;AAC9B,QAAM,SAAS,OAAQ,MAAO;AAE9B,MAAK,CAAE,OAAO,QAAQ,KAAK,CAAE,OAAO,QAAQ,GAAI;AAC/C,WAAO;AAAA,EACR;AACA,MAAK,CAAE,OAAO,QAAQ,GAAI;AACzB,WAAO,cAAc,QAAQ,IAAI;AAAA,EAClC;AACA,MAAK,CAAE,OAAO,QAAQ,GAAI;AACzB,WAAO,cAAc,QAAQ,KAAK;AAAA,EACnC;AAGA,QAAM,OAAO,OAAO,MAAM;AAC1B,QAAM,OAAO,OAAO,MAAM;AAE1B,MAAK,KAAK,MAAM,KAAK,GAAI;AACxB,WAAO,cAAc,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AAAA,EAC9D;AACA,MAAK,KAAK,MAAM,KAAK,GAAI;AACxB,WAAO,cAAc,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AAAA,EAC9D;AACA,SAAO,cAAc,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AAC9D;AAEA,IAAO,gBAAQ;AAAA,EACd;AAAA,EACA,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,CAAE,MAAW,UAAmC;AACvD,YAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,UACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,OAAQ,KAAM,EAAE,QAAQ,GACzB;AACD,eAAO,GAAI,8BAA+B;AAAA,MAC3C;AAEA,aAAO;AAAA,IACR;AAAA,EACD;AAAA,EACA,MAAM;AAAA,EACN,QAAQ,CAAE,EAAE,MAAM,MAAM,MAAwC;AAC/D,QAAK,MAAM,aAAc;AACxB,aAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,IAC1D;AAEA,UAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,QAAK,CAAE,SAAS,CAAE,OAAQ,KAAM,EAAE,QAAQ,GAAI;AAC7C,aAAO;AAAA,IACR;AAGA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,MAAM;AAAA,QAE5D;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,OAAQ;AAAA,gBACP,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,iBAAiB;AAAA,gBACjB,QAAQ;AAAA,gBACR,YAAY;AAAA,cACb;AAAA;AAAA,UACD;AAAA,UACA,oBAAC,UAAO,iBAAO;AAAA;AAAA;AAAA,IAChB;AAAA,EAEF;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,IACT,kBAAkB,CAAE,iBAAiB,gBAAiB;AAAA,IACtD,gBAAgB,CAAE,aAAa,eAAgB;AAAA,EAChD;AACD;",
+  "names": []
+}