@wordpress/dataviews 11.0.0 → 11.1.0

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

@@ -1,6 +1,7 @@
 // packages/dataviews/src/field-types/datetime.tsx
 import RenderFromElements from "./utils/render-from-elements";
 import parseDateTime from "./utils/parse-date-time";
+import isValidElements from "./utils/is-valid-elements";
 import {
   OPERATOR_ON,
   OPERATOR_NOT_ON,
@@ -11,6 +12,7 @@ import {
   OPERATOR_IN_THE_PAST,
   OPERATOR_OVER
 } from "../constants";
+import isValidRequired from "./utils/is-valid-required";
 import { jsx } from "react/jsx-runtime";
 function render({ item, field }) {
   if (field.elements) {
@@ -37,10 +39,6 @@ var datetime_default = {
   render,
   Edit: "datetime",
   sort,
-  isValid: {
-    elements: true,
-    custom: () => null
-  },
   enableSorting: true,
   enableGlobalSearch: false,
   defaultOperators: [
@@ -63,7 +61,11 @@ var datetime_default = {
     OPERATOR_IN_THE_PAST,
     OPERATOR_OVER
   ],
-  getFormat: () => ({})
+  getFormat: () => ({}),
+  validate: {
+    required: isValidRequired,
+    elements: isValidElements
+  }
 };
 export {
   datetime_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/datetime.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps, SortDirection } from '../types';\nimport type { FieldType } from '../types/private';\nimport RenderFromElements from './utils/render-from-elements';\nimport parseDateTime from './utils/parse-date-time';\nimport {\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n} from '../constants';\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tif ( field.elements ) {\n\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t}\n\n\tconst value = field.getValue( { item } );\n\tif ( [ '', undefined, null ].includes( value ) ) {\n\t\treturn null;\n\t}\n\n\ttry {\n\t\tconst dateValue = parseDateTime( value );\n\t\treturn dateValue?.toLocaleString();\n\t} catch ( error ) {\n\t\treturn null;\n\t}\n}\n\nconst sort = ( a: any, b: any, direction: SortDirection ) => {\n\tconst timeA = new Date( a ).getTime();\n\tconst timeB = new Date( b ).getTime();\n\n\treturn direction === 'asc' ? timeA - timeB : timeB - timeA;\n};\n\nexport default {\n\ttype: 'datetime',\n\trender,\n\tEdit: 'datetime',\n\tsort,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: () => null,\n\t},\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_ON,\n\t\tOPERATOR_NOT_ON,\n\t\tOPERATOR_BEFORE,\n\t\tOPERATOR_AFTER,\n\t\tOPERATOR_BEFORE_INC,\n\t\tOPERATOR_AFTER_INC,\n\t\tOPERATOR_IN_THE_PAST,\n\t\tOPERATOR_OVER,\n\t],\n\tvalidOperators: [\n\t\tOPERATOR_ON,\n\t\tOPERATOR_NOT_ON,\n\t\tOPERATOR_BEFORE,\n\t\tOPERATOR_AFTER,\n\t\tOPERATOR_BEFORE_INC,\n\t\tOPERATOR_AFTER_INC,\n\t\tOPERATOR_IN_THE_PAST,\n\t\tOPERATOR_OVER,\n\t],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAKA,OAAO,wBAAwB;AAC/B,OAAO,mBAAmB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAIE;AAFT,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,MAAK,MAAM,UAAW;AACrB,WAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,EAC1D;AAEA,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MAAK,CAAE,IAAI,QAAW,IAAK,EAAE,SAAU,KAAM,GAAI;AAChD,WAAO;AAAA,EACR;AAEA,MAAI;AACH,UAAM,YAAY,cAAe,KAAM;AACvC,WAAO,WAAW,eAAe;AAAA,EAClC,SAAU,OAAQ;AACjB,WAAO;AAAA,EACR;AACD;AAEA,IAAM,OAAO,CAAE,GAAQ,GAAQ,cAA8B;AAC5D,QAAM,QAAQ,IAAI,KAAM,CAAE,EAAE,QAAQ;AACpC,QAAM,QAAQ,IAAI,KAAM,CAAE,EAAE,QAAQ;AAEpC,SAAO,cAAc,QAAQ,QAAQ,QAAQ,QAAQ;AACtD;AAEA,IAAO,mBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,MAAM;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps, SortDirection } from '../types';\nimport type { FieldType } from '../types/private';\nimport RenderFromElements from './utils/render-from-elements';\nimport parseDateTime from './utils/parse-date-time';\nimport isValidElements from './utils/is-valid-elements';\nimport {\n\tOPERATOR_ON,\n\tOPERATOR_NOT_ON,\n\tOPERATOR_BEFORE,\n\tOPERATOR_AFTER,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n} from '../constants';\nimport isValidRequired from './utils/is-valid-required';\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tif ( field.elements ) {\n\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t}\n\n\tconst value = field.getValue( { item } );\n\tif ( [ '', undefined, null ].includes( value ) ) {\n\t\treturn null;\n\t}\n\n\ttry {\n\t\tconst dateValue = parseDateTime( value );\n\t\treturn dateValue?.toLocaleString();\n\t} catch ( error ) {\n\t\treturn null;\n\t}\n}\n\nconst sort = ( a: any, b: any, direction: SortDirection ) => {\n\tconst timeA = new Date( a ).getTime();\n\tconst timeB = new Date( b ).getTime();\n\n\treturn direction === 'asc' ? timeA - timeB : timeB - timeA;\n};\n\nexport default {\n\ttype: 'datetime',\n\trender,\n\tEdit: 'datetime',\n\tsort,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_ON,\n\t\tOPERATOR_NOT_ON,\n\t\tOPERATOR_BEFORE,\n\t\tOPERATOR_AFTER,\n\t\tOPERATOR_BEFORE_INC,\n\t\tOPERATOR_AFTER_INC,\n\t\tOPERATOR_IN_THE_PAST,\n\t\tOPERATOR_OVER,\n\t],\n\tvalidOperators: [\n\t\tOPERATOR_ON,\n\t\tOPERATOR_NOT_ON,\n\t\tOPERATOR_BEFORE,\n\t\tOPERATOR_AFTER,\n\t\tOPERATOR_BEFORE_INC,\n\t\tOPERATOR_AFTER_INC,\n\t\tOPERATOR_IN_THE_PAST,\n\t\tOPERATOR_OVER,\n\t],\n\tgetFormat: () => ( {} ),\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\telements: isValidElements,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAKA,OAAO,wBAAwB;AAC/B,OAAO,mBAAmB;AAC1B,OAAO,qBAAqB;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,qBAAqB;AAInB;AAFT,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,MAAK,MAAM,UAAW;AACrB,WAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,EAC1D;AAEA,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MAAK,CAAE,IAAI,QAAW,IAAK,EAAE,SAAU,KAAM,GAAI;AAChD,WAAO;AAAA,EACR;AAEA,MAAI;AACH,UAAM,YAAY,cAAe,KAAM;AACvC,WAAO,WAAW,eAAe;AAAA,EAClC,SAAU,OAAQ;AACjB,WAAO;AAAA,EACR;AACD;AAEA,IAAM,OAAO,CAAE,GAAQ,GAAQ,cAA8B;AAC5D,QAAM,QAAQ,IAAI,KAAM,CAAE,EAAE,QAAQ;AACpC,QAAM,QAAQ,IAAI,KAAM,CAAE,EAAE,QAAQ;AAEpC,SAAO,cAAc,QAAQ,QAAQ,QAAQ,QAAQ;AACtD;AAEA,IAAO,mBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AAAA,EACpB,UAAU;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EACX;AACD;",
   "names": []
 }

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

@@ -13,23 +13,24 @@ import {
 } from "../constants";
 import render from "./utils/render-default";
 import sort from "./utils/sort-text";
+import isValidRequired from "./utils/is-valid-required";
+import isValidMinLength from "./utils/is-valid-min-length";
+import isValidMaxLength from "./utils/is-valid-max-length";
+import isValidPattern from "./utils/is-valid-pattern";
+import isValidElements from "./utils/is-valid-elements";
 var emailRegex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
-var isValid = {
-  elements: true,
-  custom: (item, normalizedField) => {
-    const value = normalizedField.getValue({ item });
-    if (![void 0, "", null].includes(value) && !emailRegex.test(value)) {
-      return __("Value must be a valid email address.");
-    }
-    return null;
+function isValidCustom(item, field) {
+  const value = field.getValue({ item });
+  if (![void 0, "", null].includes(value) && !emailRegex.test(value)) {
+    return __("Value must be a valid email address.");
   }
-};
+  return null;
+}
 var email_default = {
   type: "email",
   render,
   Edit: "email",
   sort,
-  isValid,
   enableSorting: true,
   enableGlobalSearch: false,
   defaultOperators: [OPERATOR_IS_ANY, OPERATOR_IS_NONE],
@@ -45,7 +46,15 @@ var email_default = {
     OPERATOR_IS_ALL,
     OPERATOR_IS_NOT_ALL
   ],
-  getFormat: () => ({})
+  getFormat: () => ({}),
+  validate: {
+    required: isValidRequired,
+    pattern: isValidPattern,
+    minLength: isValidMinLength,
+    maxLength: isValidMaxLength,
+    elements: isValidElements,
+    custom: isValidCustom
+  }
 };
 export {
   email_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/email.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { Rules } from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n} from '../constants';\nimport render from './utils/render-default';\nimport sort from './utils/sort-text';\n\n// Email validation regex based on HTML5 spec\n// https://html.spec.whatwg.org/multipage/input.html#valid-e-mail-address\nconst emailRegex =\n\t/^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\nconst isValid: Rules< any > = {\n\telements: true,\n\tcustom: ( item: any, normalizedField ) => {\n\t\tconst value = normalizedField.getValue( { item } );\n\n\t\tif (\n\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t! emailRegex.test( value )\n\t\t) {\n\t\t\treturn __( 'Value must be a valid email address.' );\n\t\t}\n\n\t\treturn null;\n\t},\n};\n\nexport default {\n\ttype: 'email',\n\trender,\n\tEdit: 'email',\n\tsort,\n\tisValid,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\tvalidOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_CONTAINS,\n\t\tOPERATOR_NOT_CONTAINS,\n\t\tOPERATOR_STARTS_WITH,\n\t\t// Multiple selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAOnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,YAAY;AACnB,OAAO,UAAU;AAIjB,IAAM,aACL;AAED,IAAM,UAAwB;AAAA,EAC7B,UAAU;AAAA,EACV,QAAQ,CAAE,MAAW,oBAAqB;AACzC,UAAM,QAAQ,gBAAgB,SAAU,EAAE,KAAK,CAAE;AAEjD,QACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,WAAW,KAAM,KAAM,GACxB;AACD,aAAO,GAAI,sCAAuC;AAAA,IACnD;AAEA,WAAO;AAAA,EACR;AACD;AAEA,IAAO,gBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAE,iBAAiB,gBAAiB;AAAA,EACtD,gBAAgB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_STARTS_WITH,\n} from '../constants';\nimport render from './utils/render-default';\nimport sort from './utils/sort-text';\nimport isValidRequired from './utils/is-valid-required';\nimport isValidMinLength from './utils/is-valid-min-length';\nimport isValidMaxLength from './utils/is-valid-max-length';\nimport isValidPattern from './utils/is-valid-pattern';\nimport isValidElements from './utils/is-valid-elements';\n\n// Email validation regex based on HTML5 spec\n// https://html.spec.whatwg.org/multipage/input.html#valid-e-mail-address\nconst emailRegex =\n\t/^[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\nfunction isValidCustom< Item >( item: Item, field: NormalizedField< Item > ) {\n\tconst value = field.getValue( { item } );\n\n\tif (\n\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t! emailRegex.test( value )\n\t) {\n\t\treturn __( 'Value must be a valid email address.' );\n\t}\n\n\treturn null;\n}\n\nexport default {\n\ttype: 'email',\n\trender,\n\tEdit: 'email',\n\tsort,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [ OPERATOR_IS_ANY, OPERATOR_IS_NONE ],\n\tvalidOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_CONTAINS,\n\t\tOPERATOR_NOT_CONTAINS,\n\t\tOPERATOR_STARTS_WITH,\n\t\t// Multiple selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat: () => ( {} ),\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\tpattern: isValidPattern,\n\t\tminLength: isValidMinLength,\n\t\tmaxLength: isValidMaxLength,\n\t\telements: isValidElements,\n\t\tcustom: isValidCustom,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AAOnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,qBAAqB;AAC5B,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAI5B,IAAM,aACL;AAED,SAAS,cAAuB,MAAY,OAAiC;AAC5E,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,MACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,WAAW,KAAM,KAAM,GACxB;AACD,WAAO,GAAI,sCAAuC;AAAA,EACnD;AAEA,SAAO;AACR;AAEA,IAAO,gBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAE,iBAAiB,gBAAiB;AAAA,EACtD,gBAAgB;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AAAA,EACpB,UAAU;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD;",
   "names": []
 }

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

@@ -18,6 +18,7 @@ import { default as telephone } from "./telephone";
 import { default as color } from "./color";
 import { default as url } from "./url";
 import { default as noType } from "./no-type";
+import getIsValid from "./utils/get-is-valid";
 function getFieldTypeByName(type) {
   const found = [
     email,
@@ -41,12 +42,12 @@ function getFieldTypeByName(type) {
 }
 function normalizeFields(fields) {
   return fields.map((field) => {
-    const defaultProps = getFieldTypeByName(field.type);
+    const fieldType = getFieldTypeByName(field.type);
     const getValue = field.getValue || getValueFromId(field.id);
     const sort = function(a, b, direction) {
       const aValue = getValue({ item: a });
       const bValue = getValue({ item: b });
-      return field.sort ? field.sort(aValue, bValue, direction) : defaultProps.sort(aValue, bValue, direction);
+      return field.sort ? field.sort(aValue, bValue, direction) : fieldType.sort(aValue, bValue, direction);
     };
     return {
       id: field.id,
@@ -63,22 +64,19 @@ function normalizeFields(fields) {
       enableHiding: field.enableHiding ?? true,
       readOnly: field.readOnly ?? false,
       // The type provides defaults for the following props
-      type: defaultProps.type,
-      render: field.render ?? defaultProps.render,
-      Edit: getControl(field, defaultProps.Edit),
+      type: fieldType.type,
+      render: field.render ?? fieldType.render,
+      Edit: getControl(field, fieldType.Edit),
       sort,
-      enableSorting: field.enableSorting ?? defaultProps.enableSorting,
-      enableGlobalSearch: field.enableGlobalSearch ?? defaultProps.enableGlobalSearch,
-      isValid: {
-        ...defaultProps.isValid,
-        ...field.isValid
-      },
+      enableSorting: field.enableSorting ?? fieldType.enableSorting,
+      enableGlobalSearch: field.enableGlobalSearch ?? fieldType.enableGlobalSearch,
+      isValid: getIsValid(field, fieldType),
       filterBy: getFilterBy(
         field,
-        defaultProps.defaultOperators,
-        defaultProps.validOperators
+        fieldType.defaultOperators,
+        fieldType.validOperators
       ),
-      format: defaultProps.getFormat(field)
+      format: fieldType.getFormat(field)
     };
   });
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/index.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type {\n\tField,\n\tFieldTypeName,\n\tNormalizedField,\n\tSortDirection,\n} from '../types';\nimport type { FieldType } from '../types/private';\nimport { getControl } from '../dataform-controls';\nimport getFilterBy from './utils/get-filter-by';\nimport getValueFromId from './utils/get-value-from-id';\nimport hasElements from './utils/has-elements';\nimport setValueFromId from './utils/set-value-from-id';\nimport { default as email } from './email';\nimport { default as integer } from './integer';\nimport { default as number } from './number';\nimport { default as text } from './text';\nimport { default as datetime } from './datetime';\nimport { default as date } from './date';\nimport { default as boolean } from './boolean';\nimport { default as media } from './media';\nimport { default as array } from './array';\nimport { default as password } from './password';\nimport { default as telephone } from './telephone';\nimport { default as color } from './color';\nimport { default as url } from './url';\nimport { default as noType } from './no-type';\n\n/**\n *\n * @param {FieldTypeName} type The field type definition to get.\n *\n * @return A field type definition.\n */\nfunction getFieldTypeByName< Item >( type?: FieldTypeName ): FieldType< Item > {\n\tconst found = [\n\t\temail,\n\t\tinteger,\n\t\tnumber,\n\t\ttext,\n\t\tdatetime,\n\t\tdate,\n\t\tboolean,\n\t\tmedia,\n\t\tarray,\n\t\tpassword,\n\t\ttelephone,\n\t\tcolor,\n\t\turl,\n\t].find( ( fieldType ) => fieldType?.type === type );\n\n\tif ( !! found ) {\n\t\treturn found;\n\t}\n\n\t// This is a fallback for fields that don't provide a type.\n\t// It can be removed when/if the field.type becomes mandatory.\n\treturn noType;\n}\n\n/**\n * Apply default values and normalize the fields config.\n *\n * @param fields Fields config.\n * @return Normalized fields config.\n */\nexport default function normalizeFields< Item >(\n\tfields: Field< Item >[]\n): NormalizedField< Item >[] {\n\treturn fields.map( ( field ) => {\n\t\tconst defaultProps = getFieldTypeByName< Item >( field.type );\n\n\t\tconst getValue = field.getValue || getValueFromId( field.id );\n\t\tconst sort = function ( a: any, b: any, direction: SortDirection ) {\n\t\t\tconst aValue = getValue( { item: a } );\n\t\t\tconst bValue = getValue( { item: b } );\n\t\t\treturn field.sort\n\t\t\t\t? field.sort( aValue, bValue, direction )\n\t\t\t\t: defaultProps.sort( aValue, bValue, direction );\n\t\t};\n\n\t\treturn {\n\t\t\tid: field.id,\n\t\t\tlabel: field.label || field.id,\n\t\t\theader: field.header || field.label || field.id,\n\t\t\tdescription: field.description,\n\t\t\tplaceholder: field.placeholder,\n\t\t\tgetValue,\n\t\t\tsetValue: field.setValue || setValueFromId( field.id ),\n\t\t\telements: field.elements,\n\t\t\tgetElements: field.getElements,\n\t\t\thasElements: hasElements( field ),\n\t\t\tisVisible: field.isVisible,\n\t\t\tenableHiding: field.enableHiding ?? true,\n\t\t\treadOnly: field.readOnly ?? false,\n\t\t\t// The type provides defaults for the following props\n\t\t\ttype: defaultProps.type,\n\t\t\trender: field.render ?? defaultProps.render,\n\t\t\tEdit: getControl( field, defaultProps.Edit ),\n\t\t\tsort,\n\t\t\tenableSorting: field.enableSorting ?? defaultProps.enableSorting,\n\t\t\tenableGlobalSearch:\n\t\t\t\tfield.enableGlobalSearch ?? defaultProps.enableGlobalSearch,\n\t\t\tisValid: {\n\t\t\t\t...defaultProps.isValid,\n\t\t\t\t...field.isValid,\n\t\t\t},\n\t\t\tfilterBy: getFilterBy(\n\t\t\t\tfield,\n\t\t\t\tdefaultProps.defaultOperators,\n\t\t\t\tdefaultProps.validOperators\n\t\t\t),\n\t\t\tformat: defaultProps.getFormat( field ),\n\t\t};\n\t} );\n}\n"],
-  "mappings": ";AAUA,SAAS,kBAAkB;AAC3B,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,eAAe;AACnC,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW,YAAY;AAChC,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,YAAY;AAChC,SAAS,WAAW,eAAe;AACnC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,iBAAiB;AACrC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,WAAW;AAC/B,SAAS,WAAW,cAAc;AAQlC,SAAS,mBAA4B,MAA0C;AAC9E,QAAM,QAAQ;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,EAAE,KAAM,CAAE,cAAe,WAAW,SAAS,IAAK;AAElD,MAAK,CAAC,CAAE,OAAQ;AACf,WAAO;AAAA,EACR;AAIA,SAAO;AACR;AAQe,SAAR,gBACN,QAC4B;AAC5B,SAAO,OAAO,IAAK,CAAE,UAAW;AAC/B,UAAM,eAAe,mBAA4B,MAAM,IAAK;AAE5D,UAAM,WAAW,MAAM,YAAY,eAAgB,MAAM,EAAG;AAC5D,UAAM,OAAO,SAAW,GAAQ,GAAQ,WAA2B;AAClE,YAAM,SAAS,SAAU,EAAE,MAAM,EAAE,CAAE;AACrC,YAAM,SAAS,SAAU,EAAE,MAAM,EAAE,CAAE;AACrC,aAAO,MAAM,OACV,MAAM,KAAM,QAAQ,QAAQ,SAAU,IACtC,aAAa,KAAM,QAAQ,QAAQ,SAAU;AAAA,IACjD;AAEA,WAAO;AAAA,MACN,IAAI,MAAM;AAAA,MACV,OAAO,MAAM,SAAS,MAAM;AAAA,MAC5B,QAAQ,MAAM,UAAU,MAAM,SAAS,MAAM;AAAA,MAC7C,aAAa,MAAM;AAAA,MACnB,aAAa,MAAM;AAAA,MACnB;AAAA,MACA,UAAU,MAAM,YAAY,eAAgB,MAAM,EAAG;AAAA,MACrD,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,aAAa,YAAa,KAAM;AAAA,MAChC,WAAW,MAAM;AAAA,MACjB,cAAc,MAAM,gBAAgB;AAAA,MACpC,UAAU,MAAM,YAAY;AAAA;AAAA,MAE5B,MAAM,aAAa;AAAA,MACnB,QAAQ,MAAM,UAAU,aAAa;AAAA,MACrC,MAAM,WAAY,OAAO,aAAa,IAAK;AAAA,MAC3C;AAAA,MACA,eAAe,MAAM,iBAAiB,aAAa;AAAA,MACnD,oBACC,MAAM,sBAAsB,aAAa;AAAA,MAC1C,SAAS;AAAA,QACR,GAAG,aAAa;AAAA,QAChB,GAAG,MAAM;AAAA,MACV;AAAA,MACA,UAAU;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb,aAAa;AAAA,MACd;AAAA,MACA,QAAQ,aAAa,UAAW,KAAM;AAAA,IACvC;AAAA,EACD,CAAE;AACH;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type {\n\tField,\n\tFieldTypeName,\n\tNormalizedField,\n\tSortDirection,\n} from '../types';\nimport type { FieldType } from '../types/private';\nimport { getControl } from '../dataform-controls';\nimport getFilterBy from './utils/get-filter-by';\nimport getValueFromId from './utils/get-value-from-id';\nimport hasElements from './utils/has-elements';\nimport setValueFromId from './utils/set-value-from-id';\nimport { default as email } from './email';\nimport { default as integer } from './integer';\nimport { default as number } from './number';\nimport { default as text } from './text';\nimport { default as datetime } from './datetime';\nimport { default as date } from './date';\nimport { default as boolean } from './boolean';\nimport { default as media } from './media';\nimport { default as array } from './array';\nimport { default as password } from './password';\nimport { default as telephone } from './telephone';\nimport { default as color } from './color';\nimport { default as url } from './url';\nimport { default as noType } from './no-type';\nimport getIsValid from './utils/get-is-valid';\n\n/**\n *\n * @param {FieldTypeName} type The field type definition to get.\n *\n * @return A field type definition.\n */\nfunction getFieldTypeByName< Item >( type?: FieldTypeName ): FieldType< Item > {\n\tconst found = [\n\t\temail,\n\t\tinteger,\n\t\tnumber,\n\t\ttext,\n\t\tdatetime,\n\t\tdate,\n\t\tboolean,\n\t\tmedia,\n\t\tarray,\n\t\tpassword,\n\t\ttelephone,\n\t\tcolor,\n\t\turl,\n\t].find( ( fieldType ) => fieldType?.type === type );\n\n\tif ( !! found ) {\n\t\treturn found;\n\t}\n\n\t// This is a fallback for fields that don't provide a type.\n\t// It can be removed when/if the field.type becomes mandatory.\n\treturn noType;\n}\n\n/**\n * Apply default values and normalize the fields config.\n *\n * @param fields Fields config.\n * @return Normalized fields config.\n */\nexport default function normalizeFields< Item >(\n\tfields: Field< Item >[]\n): NormalizedField< Item >[] {\n\treturn fields.map( ( field ) => {\n\t\tconst fieldType = getFieldTypeByName< Item >( field.type );\n\n\t\tconst getValue = field.getValue || getValueFromId( field.id );\n\t\tconst sort = function ( a: any, b: any, direction: SortDirection ) {\n\t\t\tconst aValue = getValue( { item: a } );\n\t\t\tconst bValue = getValue( { item: b } );\n\t\t\treturn field.sort\n\t\t\t\t? field.sort( aValue, bValue, direction )\n\t\t\t\t: fieldType.sort( aValue, bValue, direction );\n\t\t};\n\n\t\treturn {\n\t\t\tid: field.id,\n\t\t\tlabel: field.label || field.id,\n\t\t\theader: field.header || field.label || field.id,\n\t\t\tdescription: field.description,\n\t\t\tplaceholder: field.placeholder,\n\t\t\tgetValue,\n\t\t\tsetValue: field.setValue || setValueFromId( field.id ),\n\t\t\telements: field.elements,\n\t\t\tgetElements: field.getElements,\n\t\t\thasElements: hasElements( field ),\n\t\t\tisVisible: field.isVisible,\n\t\t\tenableHiding: field.enableHiding ?? true,\n\t\t\treadOnly: field.readOnly ?? false,\n\t\t\t// The type provides defaults for the following props\n\t\t\ttype: fieldType.type,\n\t\t\trender: field.render ?? fieldType.render,\n\t\t\tEdit: getControl( field, fieldType.Edit ),\n\t\t\tsort,\n\t\t\tenableSorting: field.enableSorting ?? fieldType.enableSorting,\n\t\t\tenableGlobalSearch:\n\t\t\t\tfield.enableGlobalSearch ?? fieldType.enableGlobalSearch,\n\t\t\tisValid: getIsValid( field, fieldType ),\n\t\t\tfilterBy: getFilterBy(\n\t\t\t\tfield,\n\t\t\t\tfieldType.defaultOperators,\n\t\t\t\tfieldType.validOperators\n\t\t\t),\n\t\t\tformat: fieldType.getFormat( field ),\n\t\t};\n\t} );\n}\n"],
+  "mappings": ";AAUA,SAAS,kBAAkB;AAC3B,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,eAAe;AACnC,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW,YAAY;AAChC,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,YAAY;AAChC,SAAS,WAAW,eAAe;AACnC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,iBAAiB;AACrC,SAAS,WAAW,aAAa;AACjC,SAAS,WAAW,WAAW;AAC/B,SAAS,WAAW,cAAc;AAClC,OAAO,gBAAgB;AAQvB,SAAS,mBAA4B,MAA0C;AAC9E,QAAM,QAAQ;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,EAAE,KAAM,CAAE,cAAe,WAAW,SAAS,IAAK;AAElD,MAAK,CAAC,CAAE,OAAQ;AACf,WAAO;AAAA,EACR;AAIA,SAAO;AACR;AAQe,SAAR,gBACN,QAC4B;AAC5B,SAAO,OAAO,IAAK,CAAE,UAAW;AAC/B,UAAM,YAAY,mBAA4B,MAAM,IAAK;AAEzD,UAAM,WAAW,MAAM,YAAY,eAAgB,MAAM,EAAG;AAC5D,UAAM,OAAO,SAAW,GAAQ,GAAQ,WAA2B;AAClE,YAAM,SAAS,SAAU,EAAE,MAAM,EAAE,CAAE;AACrC,YAAM,SAAS,SAAU,EAAE,MAAM,EAAE,CAAE;AACrC,aAAO,MAAM,OACV,MAAM,KAAM,QAAQ,QAAQ,SAAU,IACtC,UAAU,KAAM,QAAQ,QAAQ,SAAU;AAAA,IAC9C;AAEA,WAAO;AAAA,MACN,IAAI,MAAM;AAAA,MACV,OAAO,MAAM,SAAS,MAAM;AAAA,MAC5B,QAAQ,MAAM,UAAU,MAAM,SAAS,MAAM;AAAA,MAC7C,aAAa,MAAM;AAAA,MACnB,aAAa,MAAM;AAAA,MACnB;AAAA,MACA,UAAU,MAAM,YAAY,eAAgB,MAAM,EAAG;AAAA,MACrD,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,aAAa,YAAa,KAAM;AAAA,MAChC,WAAW,MAAM;AAAA,MACjB,cAAc,MAAM,gBAAgB;AAAA,MACpC,UAAU,MAAM,YAAY;AAAA;AAAA,MAE5B,MAAM,UAAU;AAAA,MAChB,QAAQ,MAAM,UAAU,UAAU;AAAA,MAClC,MAAM,WAAY,OAAO,UAAU,IAAK;AAAA,MACxC;AAAA,MACA,eAAe,MAAM,iBAAiB,UAAU;AAAA,MAChD,oBACC,MAAM,sBAAsB,UAAU;AAAA,MACvC,SAAS,WAAY,OAAO,SAAU;AAAA,MACtC,UAAU;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA,MACX;AAAA,MACA,QAAQ,UAAU,UAAW,KAAM;AAAA,IACpC;AAAA,EACD,CAAE;AACH;",
   "names": []
 }

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

@@ -13,24 +13,61 @@ import {
   OPERATOR_IS_NOT_ALL,
   OPERATOR_BETWEEN
 } from "../constants";
-import render from "./utils/render-default";
+import RenderFromElements from "./utils/render-from-elements";
 import sort from "./utils/sort-number";
-var isValid = {
-  elements: true,
-  custom: (item, normalizedField) => {
-    const value = normalizedField.getValue({ item });
-    if (![void 0, "", null].includes(value) && !Number.isInteger(value)) {
-      return __("Value must be an integer.");
-    }
-    return null;
+import isValidRequired from "./utils/is-valid-required";
+import isValidMin from "./utils/is-valid-min";
+import isValidMax from "./utils/is-valid-max";
+import isValidElements from "./utils/is-valid-elements";
+import { jsx } from "react/jsx-runtime";
+function getFormat(field) {
+  const fieldFormat = field.format;
+  return {
+    separatorThousand: fieldFormat?.separatorThousand !== void 0 && typeof fieldFormat.separatorThousand === "string" ? fieldFormat.separatorThousand : ","
+  };
+}
+function formatInteger(value, format) {
+  if (!Number.isFinite(value)) {
+    return String(value);
   }
-};
+  const { separatorThousand } = format;
+  const integerValue = Math.trunc(value);
+  if (!separatorThousand) {
+    return String(integerValue);
+  }
+  return String(integerValue).replace(
+    /\B(?=(\d{3})+(?!\d))/g,
+    separatorThousand
+  );
+}
+function render({ item, field }) {
+  if (field.hasElements) {
+    return /* @__PURE__ */ jsx(RenderFromElements, { item, field });
+  }
+  const value = field.getValue({ item });
+  if ([null, void 0].includes(value)) {
+    return "";
+  }
+  let format;
+  if (field.type !== "integer") {
+    format = getFormat(field);
+  } else {
+    format = field.format;
+  }
+  return formatInteger(Number(value), format);
+}
+function isValidCustom(item, field) {
+  const value = field.getValue({ item });
+  if (![void 0, "", null].includes(value) && !Number.isInteger(value)) {
+    return __("Value must be an integer.");
+  }
+  return null;
+}
 var integer_default = {
   type: "integer",
   render,
   Edit: "integer",
   sort,
-  isValid,
   enableSorting: true,
   enableGlobalSearch: false,
   defaultOperators: [
@@ -57,9 +94,17 @@ var integer_default = {
     OPERATOR_IS_ALL,
     OPERATOR_IS_NOT_ALL
   ],
-  getFormat: () => ({})
+  getFormat,
+  validate: {
+    required: isValidRequired,
+    min: isValidMin,
+    max: isValidMax,
+    elements: isValidElements,
+    custom: isValidCustom
+  }
 };
 export {
-  integer_default as default
+  integer_default as default,
+  formatInteger
 };
 //# sourceMappingURL=integer.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/integer.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { Rules } from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport render from './utils/render-default';\nimport sort from './utils/sort-number';\n\nconst isValid: Rules< any > = {\n\telements: true,\n\tcustom: ( item: any, normalizedField ) => {\n\t\tconst value = normalizedField.getValue( { item } );\n\t\tif (\n\t\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t\t! Number.isInteger( value )\n\t\t) {\n\t\t\treturn __( 'Value must be an integer.' );\n\t\t}\n\n\t\treturn null;\n\t},\n};\n\nexport default {\n\ttype: 'integer',\n\trender,\n\tEdit: 'integer',\n\tsort,\n\tisValid,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t],\n\tvalidOperators: [\n\t\t// Single-selection\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t\t// Multiple-selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAOnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,YAAY;AACnB,OAAO,UAAU;AAEjB,IAAM,UAAwB;AAAA,EAC7B,UAAU;AAAA,EACV,QAAQ,CAAE,MAAW,oBAAqB;AACzC,UAAM,QAAQ,gBAAgB,SAAU,EAAE,KAAK,CAAE;AACjD,QACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,OAAO,UAAW,KAAM,GACzB;AACD,aAAO,GAAI,2BAA4B;AAAA,IACxC;AAEA,WAAO;AAAA,EACR;AACD;AAEA,IAAO,kBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tField,\n\tFormatInteger,\n\tNormalizedField,\n} from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport RenderFromElements from './utils/render-from-elements';\nimport sort from './utils/sort-number';\nimport isValidRequired from './utils/is-valid-required';\nimport isValidMin from './utils/is-valid-min';\nimport isValidMax from './utils/is-valid-max';\nimport isValidElements from './utils/is-valid-elements';\n\nfunction getFormat< Item >( field: Field< Item > ): Required< FormatInteger > {\n\tconst fieldFormat = field.format as FormatInteger | undefined;\n\treturn {\n\t\tseparatorThousand:\n\t\t\tfieldFormat?.separatorThousand !== undefined &&\n\t\t\ttypeof fieldFormat.separatorThousand === 'string'\n\t\t\t\t? fieldFormat.separatorThousand\n\t\t\t\t: ',',\n\t};\n}\n\nexport function formatInteger(\n\tvalue: number,\n\tformat: Required< FormatInteger >\n): string {\n\tif ( ! Number.isFinite( value ) ) {\n\t\treturn String( value );\n\t}\n\tconst { separatorThousand } = format;\n\tconst integerValue = Math.trunc( value );\n\tif ( ! separatorThousand ) {\n\t\treturn String( integerValue );\n\t}\n\t// Add thousand separators.\n\treturn String( integerValue ).replace(\n\t\t/\\B(?=(\\d{3})+(?!\\d))/g,\n\t\tseparatorThousand\n\t);\n}\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tif ( field.hasElements ) {\n\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t}\n\n\tconst value = field.getValue( { item } );\n\tif ( [ null, undefined ].includes( value ) ) {\n\t\treturn '';\n\t}\n\n\t// If the field type is integer, we've already normalized the format,\n\t// and so it's safe to tell TypeScript to trust us (\"as Required<FormatInteger>\").\n\t//\n\t// There're no runtime paths where this render function is called with a non-integer field,\n\t// but TypeScript is unable to infer this, hence the type assertion.\n\tlet format: Required< FormatInteger >;\n\tif ( field.type !== 'integer' ) {\n\t\tformat = getFormat( field as Field< any > );\n\t} else {\n\t\tformat = field.format as Required< FormatInteger >;\n\t}\n\n\treturn formatInteger( Number( value ), format );\n}\n\nfunction isValidCustom< Item >( item: Item, field: NormalizedField< Item > ) {\n\tconst value = field.getValue( { item } );\n\tif (\n\t\t! [ undefined, '', null ].includes( value ) &&\n\t\t! Number.isInteger( value )\n\t) {\n\t\treturn __( 'Value must be an integer.' );\n\t}\n\treturn null;\n}\n\nexport default {\n\ttype: 'integer',\n\trender,\n\tEdit: 'integer',\n\tsort,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t],\n\tvalidOperators: [\n\t\t// Single-selection\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t\t// Multiple-selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat,\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\tmin: isValidMin,\n\t\tmax: isValidMax,\n\t\telements: isValidElements,\n\t\tcustom: isValidCustom,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AAYnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,wBAAwB;AAC/B,OAAO,UAAU;AACjB,OAAO,qBAAqB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAkCnB;AAhCT,SAAS,UAAmB,OAAkD;AAC7E,QAAM,cAAc,MAAM;AAC1B,SAAO;AAAA,IACN,mBACC,aAAa,sBAAsB,UACnC,OAAO,YAAY,sBAAsB,WACtC,YAAY,oBACZ;AAAA,EACL;AACD;AAEO,SAAS,cACf,OACA,QACS;AACT,MAAK,CAAE,OAAO,SAAU,KAAM,GAAI;AACjC,WAAO,OAAQ,KAAM;AAAA,EACtB;AACA,QAAM,EAAE,kBAAkB,IAAI;AAC9B,QAAM,eAAe,KAAK,MAAO,KAAM;AACvC,MAAK,CAAE,mBAAoB;AAC1B,WAAO,OAAQ,YAAa;AAAA,EAC7B;AAEA,SAAO,OAAQ,YAAa,EAAE;AAAA,IAC7B;AAAA,IACA;AAAA,EACD;AACD;AAEA,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,MAAK,MAAM,aAAc;AACxB,WAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,EAC1D;AAEA,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MAAK,CAAE,MAAM,MAAU,EAAE,SAAU,KAAM,GAAI;AAC5C,WAAO;AAAA,EACR;AAOA,MAAI;AACJ,MAAK,MAAM,SAAS,WAAY;AAC/B,aAAS,UAAW,KAAsB;AAAA,EAC3C,OAAO;AACN,aAAS,MAAM;AAAA,EAChB;AAEA,SAAO,cAAe,OAAQ,KAAM,GAAG,MAAO;AAC/C;AAEA,SAAS,cAAuB,MAAY,OAAiC;AAC5E,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MACC,CAAE,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM,KAC1C,CAAE,OAAO,UAAW,KAAM,GACzB;AACD,WAAO,GAAI,2BAA4B;AAAA,EACxC;AACA,SAAO;AACR;AAEA,IAAO,kBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD;",
   "names": []
 }

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

@@ -4,15 +4,15 @@ var media_default = {
   render: () => null,
   Edit: null,
   sort: () => 0,
-  isValid: {
-    elements: true,
-    custom: () => null
-  },
   enableSorting: false,
   enableGlobalSearch: false,
   defaultOperators: [],
   validOperators: [],
-  getFormat: () => ({})
+  getFormat: () => ({}),
+  // cannot validate any constraint, so
+  // the only available validation for the field author
+  // would be providing a custom validator.
+  validate: {}
 };
 export {
   media_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/media.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { FieldType } from '../types/private';\n\nexport default {\n\ttype: 'media',\n\trender: () => null,\n\tEdit: null,\n\tsort: () => 0,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: () => null,\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [],\n\tvalidOperators: [],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAKA,IAAO,gBAAQ;AAAA,EACd,MAAM;AAAA,EACN,QAAQ,MAAM;AAAA,EACd,MAAM;AAAA,EACN,MAAM,MAAM;AAAA,EACZ,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,MAAM;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { FieldType } from '../types/private';\n\nexport default {\n\ttype: 'media',\n\trender: () => null,\n\tEdit: null,\n\tsort: () => 0,\n\tenableSorting: false,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [],\n\tvalidOperators: [],\n\tgetFormat: () => ( {} ),\n\t// cannot validate any constraint, so\n\t// the only available validation for the field author\n\t// would be providing a custom validator.\n\tvalidate: {},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAKA,IAAO,gBAAQ;AAAA,EACd,MAAM;AAAA,EACN,QAAQ,MAAM;AAAA,EACd,MAAM;AAAA,EACN,MAAM,MAAM;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,WAAW,OAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAIpB,UAAU,CAAC;AACZ;",
   "names": []
 }

package/build-module/field-types/no-type.js

@@ -1,8 +1,11 @@
 // packages/dataviews/src/field-types/no-type.tsx
-import { ALL_OPERATORS, OPERATOR_IS, OPERATOR_IS_NOT } from "../constants";
+import { OPERATOR_IS, OPERATOR_IS_NOT } from "../constants";
+import { getAllOperatorNames } from "../utils/operators";
 import render from "./utils/render-default";
 import sortText from "./utils/sort-text";
 import sortNumber from "./utils/sort-number";
+import isValidRequired from "./utils/is-valid-required";
+import isValidElements from "./utils/is-valid-elements";
 var sort = (a, b, direction) => {
   if (typeof a === "number" && typeof b === "number") {
     return sortNumber(a, b, direction);
@@ -14,15 +17,15 @@ var no_type_default = {
   render,
   Edit: null,
   sort,
-  isValid: {
-    elements: true,
-    custom: () => null
-  },
   enableSorting: true,
   enableGlobalSearch: false,
   defaultOperators: [OPERATOR_IS, OPERATOR_IS_NOT],
-  validOperators: ALL_OPERATORS,
-  getFormat: () => ({})
+  validOperators: getAllOperatorNames(),
+  getFormat: () => ({}),
+  validate: {
+    required: isValidRequired,
+    elements: isValidElements
+  }
 };
 export {
   no_type_default as default

package/build-module/field-types/no-type.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/no-type.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { SortDirection } from '../types';\nimport type { FieldType } from '../types/private';\nimport { ALL_OPERATORS, OPERATOR_IS, OPERATOR_IS_NOT } from '../constants';\nimport render from './utils/render-default';\nimport sortText from './utils/sort-text';\nimport sortNumber from './utils/sort-number';\n\nconst sort = ( a: any, b: any, direction: SortDirection ) => {\n\tif ( typeof a === 'number' && typeof b === 'number' ) {\n\t\treturn sortNumber( a, b, direction );\n\t}\n\n\treturn sortText( a, b, direction );\n};\n\nexport default {\n\t// type: no type for this one\n\trender,\n\tEdit: null,\n\tsort,\n\tisValid: {\n\t\telements: true,\n\t\tcustom: () => null,\n\t},\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\tvalidOperators: ALL_OPERATORS,\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAKA,SAAS,eAAe,aAAa,uBAAuB;AAC5D,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AAEvB,IAAM,OAAO,CAAE,GAAQ,GAAQ,cAA8B;AAC5D,MAAK,OAAO,MAAM,YAAY,OAAO,MAAM,UAAW;AACrD,WAAO,WAAY,GAAG,GAAG,SAAU;AAAA,EACpC;AAEA,SAAO,SAAU,GAAG,GAAG,SAAU;AAClC;AAEA,IAAO,kBAAQ;AAAA;AAAA,EAEd;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,MAAM;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAE,aAAa,eAAgB;AAAA,EACjD,gBAAgB;AAAA,EAChB,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { SortDirection } from '../types';\nimport type { FieldType } from '../types/private';\nimport { OPERATOR_IS, OPERATOR_IS_NOT } from '../constants';\nimport { getAllOperatorNames } from '../utils/operators';\nimport render from './utils/render-default';\nimport sortText from './utils/sort-text';\nimport sortNumber from './utils/sort-number';\nimport isValidRequired from './utils/is-valid-required';\nimport isValidElements from './utils/is-valid-elements';\n\nconst sort = ( a: any, b: any, direction: SortDirection ) => {\n\tif ( typeof a === 'number' && typeof b === 'number' ) {\n\t\treturn sortNumber( a, b, direction );\n\t}\n\n\treturn sortText( a, b, direction );\n};\n\nexport default {\n\t// type: no type for this one\n\trender,\n\tEdit: null,\n\tsort,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [ OPERATOR_IS, OPERATOR_IS_NOT ],\n\tvalidOperators: getAllOperatorNames(),\n\tgetFormat: () => ( {} ),\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\telements: isValidElements,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAKA,SAAS,aAAa,uBAAuB;AAC7C,SAAS,2BAA2B;AACpC,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAE5B,IAAM,OAAO,CAAE,GAAQ,GAAQ,cAA8B;AAC5D,MAAK,OAAO,MAAM,YAAY,OAAO,MAAM,UAAW;AACrD,WAAO,WAAY,GAAG,GAAG,SAAU;AAAA,EACpC;AAEA,SAAO,SAAU,GAAG,GAAG,SAAU;AAClC;AAEA,IAAO,kBAAQ;AAAA;AAAA,EAEd;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAE,aAAa,eAAgB;AAAA,EACjD,gBAAgB,oBAAoB;AAAA,EACpC,WAAW,OAAQ,CAAC;AAAA,EACpB,UAAU;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EACX;AACD;",
   "names": []
 }

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

@@ -15,7 +15,29 @@ import {
 } from "../constants";
 import RenderFromElements from "./utils/render-from-elements";
 import sort from "./utils/sort-number";
+import isValidRequired from "./utils/is-valid-required";
+import isValidMin from "./utils/is-valid-min";
+import isValidMax from "./utils/is-valid-max";
+import isValidElements from "./utils/is-valid-elements";
 import { jsx } from "react/jsx-runtime";
+function getFormat(field) {
+  const fieldFormat = field.format;
+  return {
+    separatorThousand: fieldFormat?.separatorThousand !== void 0 && typeof fieldFormat.separatorThousand === "string" ? fieldFormat.separatorThousand : ",",
+    separatorDecimal: fieldFormat?.separatorDecimal !== void 0 && typeof fieldFormat.separatorDecimal === "string" ? fieldFormat.separatorDecimal : ".",
+    decimals: fieldFormat?.decimals !== void 0 && typeof fieldFormat.decimals === "number" && fieldFormat.decimals >= 0 && fieldFormat.decimals <= 100 && Number.isInteger(fieldFormat.decimals) ? fieldFormat.decimals : 2
+  };
+}
+function formatNumber(value, format) {
+  if (!Number.isFinite(value)) {
+    return String(value);
+  }
+  const { separatorThousand, separatorDecimal, decimals } = format;
+  const fixedValue = value.toFixed(decimals);
+  const [integerPart, decimalPart] = fixedValue.split(".");
+  const formattedInteger = separatorThousand ? integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, separatorThousand) : integerPart;
+  return decimals === 0 ? formattedInteger : formattedInteger + separatorDecimal + decimalPart;
+}
 function isEmpty(value) {
   return value === "" || value === void 0 || value === null;
 }
@@ -24,27 +46,29 @@ function render({ item, field }) {
     return /* @__PURE__ */ jsx(RenderFromElements, { item, field });
   }
   const value = field.getValue({ item });
-  if (![null, void 0].includes(value)) {
-    return Number(value).toFixed(2);
+  if ([null, void 0].includes(value)) {
+    return "";
   }
-  return null;
+  let format;
+  if (field.type !== "number") {
+    format = getFormat(field);
+  } else {
+    format = field.format;
+  }
+  return formatNumber(Number(value), format);
 }
-var isValid = {
-  elements: true,
-  custom: (item, normalizedField) => {
-    const value = normalizedField.getValue({ item });
-    if (!isEmpty(value) && !Number.isFinite(value)) {
-      return __("Value must be a number.");
-    }
-    return null;
+function isValidCustom(item, field) {
+  const value = field.getValue({ item });
+  if (!isEmpty(value) && !Number.isFinite(value)) {
+    return __("Value must be a number.");
   }
-};
+  return null;
+}
 var number_default = {
   type: "number",
   render,
   Edit: "number",
   sort,
-  isValid,
   enableSorting: true,
   enableGlobalSearch: false,
   defaultOperators: [
@@ -71,9 +95,17 @@ var number_default = {
     OPERATOR_IS_ALL,
     OPERATOR_IS_NOT_ALL
   ],
-  getFormat: () => ({})
+  getFormat,
+  validate: {
+    required: isValidRequired,
+    min: isValidMin,
+    max: isValidMax,
+    elements: isValidElements,
+    custom: isValidCustom
+  }
 };
 export {
-  number_default as default
+  number_default as default,
+  formatNumber
 };
 //# sourceMappingURL=number.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/number.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps, Rules } from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport RenderFromElements from './utils/render-from-elements';\nimport sort from './utils/sort-number';\n\nfunction isEmpty( value: unknown ): value is '' | undefined | null {\n\treturn value === '' || value === undefined || value === null;\n}\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tif ( field.hasElements ) {\n\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t}\n\n\tconst value = field.getValue( { item } );\n\tif ( ! [ null, undefined ].includes( value ) ) {\n\t\treturn Number( value ).toFixed( 2 );\n\t}\n\n\treturn null;\n}\n\nconst isValid: Rules< any > = {\n\telements: true,\n\tcustom: ( item: any, normalizedField ) => {\n\t\tconst value = normalizedField.getValue( { item } );\n\n\t\tif ( ! isEmpty( value ) && ! Number.isFinite( value ) ) {\n\t\t\treturn __( 'Value must be a number.' );\n\t\t}\n\n\t\treturn null;\n\t},\n};\n\nexport default {\n\ttype: 'number',\n\trender,\n\tEdit: 'number',\n\tsort,\n\tisValid,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t],\n\tvalidOperators: [\n\t\t// Single-selection\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t\t// Multiple-selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AAOnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,wBAAwB;AAC/B,OAAO,UAAU;AAQR;AANT,SAAS,QAAS,OAAiD;AAClE,SAAO,UAAU,MAAM,UAAU,UAAa,UAAU;AACzD;AAEA,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,MAAK,MAAM,aAAc;AACxB,WAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,EAC1D;AAEA,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MAAK,CAAE,CAAE,MAAM,MAAU,EAAE,SAAU,KAAM,GAAI;AAC9C,WAAO,OAAQ,KAAM,EAAE,QAAS,CAAE;AAAA,EACnC;AAEA,SAAO;AACR;AAEA,IAAM,UAAwB;AAAA,EAC7B,UAAU;AAAA,EACV,QAAQ,CAAE,MAAW,oBAAqB;AACzC,UAAM,QAAQ,gBAAgB,SAAU,EAAE,KAAK,CAAE;AAEjD,QAAK,CAAE,QAAS,KAAM,KAAK,CAAE,OAAO,SAAU,KAAM,GAAI;AACvD,aAAO,GAAI,yBAA0B;AAAA,IACtC;AAEA,WAAO;AAAA,EACR;AACD;AAEA,IAAO,iBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataViewRenderFieldProps,\n\tField,\n\tFormatNumber,\n\tNormalizedField,\n} from '../types';\nimport type { FieldType } from '../types/private';\nimport {\n\tOPERATOR_IS,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport RenderFromElements from './utils/render-from-elements';\nimport sort from './utils/sort-number';\nimport isValidRequired from './utils/is-valid-required';\nimport isValidMin from './utils/is-valid-min';\nimport isValidMax from './utils/is-valid-max';\nimport isValidElements from './utils/is-valid-elements';\n\nfunction getFormat< Item >( field: Field< Item > ): Required< FormatNumber > {\n\tconst fieldFormat = field.format as FormatNumber | undefined;\n\treturn {\n\t\tseparatorThousand:\n\t\t\tfieldFormat?.separatorThousand !== undefined &&\n\t\t\ttypeof fieldFormat.separatorThousand === 'string'\n\t\t\t\t? fieldFormat.separatorThousand\n\t\t\t\t: ',',\n\t\tseparatorDecimal:\n\t\t\tfieldFormat?.separatorDecimal !== undefined &&\n\t\t\ttypeof fieldFormat.separatorDecimal === 'string'\n\t\t\t\t? fieldFormat.separatorDecimal\n\t\t\t\t: '.',\n\t\tdecimals:\n\t\t\tfieldFormat?.decimals !== undefined &&\n\t\t\ttypeof fieldFormat.decimals === 'number' &&\n\t\t\tfieldFormat.decimals >= 0 &&\n\t\t\tfieldFormat.decimals <= 100 &&\n\t\t\tNumber.isInteger( fieldFormat.decimals )\n\t\t\t\t? fieldFormat.decimals\n\t\t\t\t: 2,\n\t};\n}\n\nexport function formatNumber(\n\tvalue: number,\n\tformat: Required< FormatNumber >\n): string {\n\tif ( ! Number.isFinite( value ) ) {\n\t\treturn String( value );\n\t}\n\tconst { separatorThousand, separatorDecimal, decimals } = format;\n\tconst fixedValue = value.toFixed( decimals );\n\tconst [ integerPart, decimalPart ] = fixedValue.split( '.' );\n\tconst formattedInteger = separatorThousand\n\t\t? integerPart.replace( /\\B(?=(\\d{3})+(?!\\d))/g, separatorThousand )\n\t\t: integerPart;\n\treturn decimals === 0\n\t\t? formattedInteger\n\t\t: formattedInteger + separatorDecimal + decimalPart;\n}\n\nfunction isEmpty( value: unknown ): value is '' | undefined | null {\n\treturn value === '' || value === undefined || value === null;\n}\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\tif ( field.hasElements ) {\n\t\treturn <RenderFromElements item={ item } field={ field } />;\n\t}\n\n\tconst value = field.getValue( { item } );\n\tif ( [ null, undefined ].includes( value ) ) {\n\t\treturn '';\n\t}\n\n\t// If the field type is number, we've already normalized the format,\n\t// and so it's safe to tell TypeScript to trust us (\"as Required<FormatNumber>\").\n\t//\n\t// There're no runtime paths where this render function is called with a non-number field,\n\t// but TypeScript is unable to infer this, hence the type assertion.\n\tlet format: Required< FormatNumber >;\n\tif ( field.type !== 'number' ) {\n\t\tformat = getFormat( field as Field< any > );\n\t} else {\n\t\tformat = field.format as Required< FormatNumber >;\n\t}\n\n\treturn formatNumber( Number( value ), format );\n}\n\nfunction isValidCustom< Item >( item: Item, field: NormalizedField< Item > ) {\n\tconst value = field.getValue( { item } );\n\n\tif ( ! isEmpty( value ) && ! Number.isFinite( value ) ) {\n\t\treturn __( 'Value must be a number.' );\n\t}\n\n\treturn null;\n}\n\nexport default {\n\ttype: 'number',\n\trender,\n\tEdit: 'number',\n\tsort,\n\tenableSorting: true,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t],\n\tvalidOperators: [\n\t\t// Single-selection\n\t\tOPERATOR_IS,\n\t\tOPERATOR_IS_NOT,\n\t\tOPERATOR_LESS_THAN,\n\t\tOPERATOR_GREATER_THAN,\n\t\tOPERATOR_LESS_THAN_OR_EQUAL,\n\t\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\t\tOPERATOR_BETWEEN,\n\t\t// Multiple-selection\n\t\tOPERATOR_IS_ANY,\n\t\tOPERATOR_IS_NONE,\n\t\tOPERATOR_IS_ALL,\n\t\tOPERATOR_IS_NOT_ALL,\n\t],\n\tgetFormat,\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\tmin: isValidMin,\n\t\tmax: isValidMax,\n\t\telements: isValidElements,\n\t\tcustom: isValidCustom,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AAYnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,OAAO,wBAAwB;AAC/B,OAAO,UAAU;AACjB,OAAO,qBAAqB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAkDnB;AAhDT,SAAS,UAAmB,OAAiD;AAC5E,QAAM,cAAc,MAAM;AAC1B,SAAO;AAAA,IACN,mBACC,aAAa,sBAAsB,UACnC,OAAO,YAAY,sBAAsB,WACtC,YAAY,oBACZ;AAAA,IACJ,kBACC,aAAa,qBAAqB,UAClC,OAAO,YAAY,qBAAqB,WACrC,YAAY,mBACZ;AAAA,IACJ,UACC,aAAa,aAAa,UAC1B,OAAO,YAAY,aAAa,YAChC,YAAY,YAAY,KACxB,YAAY,YAAY,OACxB,OAAO,UAAW,YAAY,QAAS,IACpC,YAAY,WACZ;AAAA,EACL;AACD;AAEO,SAAS,aACf,OACA,QACS;AACT,MAAK,CAAE,OAAO,SAAU,KAAM,GAAI;AACjC,WAAO,OAAQ,KAAM;AAAA,EACtB;AACA,QAAM,EAAE,mBAAmB,kBAAkB,SAAS,IAAI;AAC1D,QAAM,aAAa,MAAM,QAAS,QAAS;AAC3C,QAAM,CAAE,aAAa,WAAY,IAAI,WAAW,MAAO,GAAI;AAC3D,QAAM,mBAAmB,oBACtB,YAAY,QAAS,yBAAyB,iBAAkB,IAChE;AACH,SAAO,aAAa,IACjB,mBACA,mBAAmB,mBAAmB;AAC1C;AAEA,SAAS,QAAS,OAAiD;AAClE,SAAO,UAAU,MAAM,UAAU,UAAa,UAAU;AACzD;AAEA,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,MAAK,MAAM,aAAc;AACxB,WAAO,oBAAC,sBAAmB,MAAc,OAAgB;AAAA,EAC1D;AAEA,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AACvC,MAAK,CAAE,MAAM,MAAU,EAAE,SAAU,KAAM,GAAI;AAC5C,WAAO;AAAA,EACR;AAOA,MAAI;AACJ,MAAK,MAAM,SAAS,UAAW;AAC9B,aAAS,UAAW,KAAsB;AAAA,EAC3C,OAAO;AACN,aAAS,MAAM;AAAA,EAChB;AAEA,SAAO,aAAc,OAAQ,KAAM,GAAG,MAAO;AAC9C;AAEA,SAAS,cAAuB,MAAY,OAAiC;AAC5E,QAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,MAAK,CAAE,QAAS,KAAM,KAAK,CAAE,OAAO,SAAU,KAAM,GAAI;AACvD,WAAO,GAAI,yBAA0B;AAAA,EACtC;AAEA,SAAO;AACR;AAEA,IAAO,iBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD;",
   "names": []
 }

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

@@ -1,5 +1,10 @@
 // packages/dataviews/src/field-types/password.tsx
 import RenderFromElements from "./utils/render-from-elements";
+import isValidRequired from "./utils/is-valid-required";
+import isValidMinLength from "./utils/is-valid-min-length";
+import isValidMaxLength from "./utils/is-valid-max-length";
+import isValidPattern from "./utils/is-valid-pattern";
+import isValidElements from "./utils/is-valid-elements";
 import { jsx } from "react/jsx-runtime";
 function render({ item, field }) {
   return field.hasElements ? /* @__PURE__ */ jsx(RenderFromElements, { item, field }) : "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
@@ -10,15 +15,18 @@ var password_default = {
   Edit: "password",
   sort: () => 0,
   // Passwords should not be sortable for security reasons
-  isValid: {
-    elements: true,
-    custom: () => null
-  },
   enableSorting: false,
   enableGlobalSearch: false,
   defaultOperators: [],
   validOperators: [],
-  getFormat: () => ({})
+  getFormat: () => ({}),
+  validate: {
+    required: isValidRequired,
+    pattern: isValidPattern,
+    minLength: isValidMinLength,
+    maxLength: isValidMaxLength,
+    elements: isValidElements
+  }
 };
 export {
   password_default as default

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/field-types/password.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps } from '../types';\nimport type { FieldType } from '../types/private';\nimport RenderFromElements from './utils/render-from-elements';\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\treturn field.hasElements ? (\n\t\t<RenderFromElements item={ item } field={ field } />\n\t) : (\n\t\t'\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022'\n\t);\n}\n\nexport default {\n\ttype: 'password',\n\trender,\n\tEdit: 'password',\n\tsort: () => 0, // Passwords should not be sortable for security reasons\n\tisValid: {\n\t\telements: true,\n\t\tcustom: () => null,\n\t},\n\tenableSorting: false,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [],\n\tvalidOperators: [],\n\tgetFormat: () => ( {} ),\n} satisfies FieldType< any >;\n"],
-  "mappings": ";AAKA,OAAO,wBAAwB;AAI7B;AAFF,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,SAAO,MAAM,cACZ,oBAAC,sBAAmB,MAAc,OAAgB,IAElD;AAEF;AAEA,IAAO,mBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN,MAAM,MAAM;AAAA;AAAA,EACZ,SAAS;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,MAAM;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,WAAW,OAAQ,CAAC;AACrB;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { DataViewRenderFieldProps } from '../types';\nimport type { FieldType } from '../types/private';\nimport RenderFromElements from './utils/render-from-elements';\nimport isValidRequired from './utils/is-valid-required';\nimport isValidMinLength from './utils/is-valid-min-length';\nimport isValidMaxLength from './utils/is-valid-max-length';\nimport isValidPattern from './utils/is-valid-pattern';\nimport isValidElements from './utils/is-valid-elements';\n\nfunction render( { item, field }: DataViewRenderFieldProps< any > ) {\n\treturn field.hasElements ? (\n\t\t<RenderFromElements item={ item } field={ field } />\n\t) : (\n\t\t'\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022'\n\t);\n}\n\nexport default {\n\ttype: 'password',\n\trender,\n\tEdit: 'password',\n\tsort: () => 0, // Passwords should not be sortable for security reasons\n\tenableSorting: false,\n\tenableGlobalSearch: false,\n\tdefaultOperators: [],\n\tvalidOperators: [],\n\tgetFormat: () => ( {} ),\n\tvalidate: {\n\t\trequired: isValidRequired,\n\t\tpattern: isValidPattern,\n\t\tminLength: isValidMinLength,\n\t\tmaxLength: isValidMaxLength,\n\t\telements: isValidElements,\n\t},\n} satisfies FieldType< any >;\n"],
+  "mappings": ";AAKA,OAAO,wBAAwB;AAC/B,OAAO,qBAAqB;AAC5B,OAAO,sBAAsB;AAC7B,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAI1B;AAFF,SAAS,OAAQ,EAAE,MAAM,MAAM,GAAqC;AACnE,SAAO,MAAM,cACZ,oBAAC,sBAAmB,MAAc,OAAgB,IAElD;AAEF;AAEA,IAAO,mBAAQ;AAAA,EACd,MAAM;AAAA,EACN;AAAA,EACA,MAAM;AAAA,EACN,MAAM,MAAM;AAAA;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,WAAW,OAAQ,CAAC;AAAA,EACpB,UAAU;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,EACX;AACD;",
   "names": []
 }