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

package/build/utils/normalize-fields.js

@@ -0,0 +1,160 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var normalize_fields_exports = {};
+__export(normalize_fields_exports, {
+  default: () => normalizeFields
+});
+module.exports = __toCommonJS(normalize_fields_exports);
+var import_field_types = __toESM(require("../field-types"));
+var import_dataform_controls = require("../dataform-controls");
+var import_constants = require("../constants");
+var import_has_elements = __toESM(require("./has-elements"));
+const getValueFromId = (id) => ({ item }) => {
+  const path = id.split(".");
+  let value = item;
+  for (const segment of path) {
+    if (value.hasOwnProperty(segment)) {
+      value = value[segment];
+    } else {
+      value = void 0;
+    }
+  }
+  return value;
+};
+const setValueFromId = (id) => ({ value }) => {
+  const path = id.split(".");
+  const result = {};
+  let current = result;
+  for (const segment of path.slice(0, -1)) {
+    current[segment] = {};
+    current = current[segment];
+  }
+  current[path.at(-1)] = value;
+  return result;
+};
+function getFilterBy(field, fieldTypeDefinition) {
+  if (field.filterBy === false) {
+    return false;
+  }
+  if (typeof field.filterBy === "object") {
+    let operators = field.filterBy.operators;
+    if (!operators || !Array.isArray(operators)) {
+      operators = !!fieldTypeDefinition.filterBy ? fieldTypeDefinition.filterBy.defaultOperators : [];
+    }
+    let validOperators = import_constants.ALL_OPERATORS;
+    if (typeof fieldTypeDefinition.filterBy === "object") {
+      validOperators = fieldTypeDefinition.filterBy.validOperators;
+    }
+    operators = operators.filter(
+      (operator) => validOperators.includes(operator)
+    );
+    if ((0, import_has_elements.default)(field) && operators.includes(import_constants.OPERATOR_BETWEEN)) {
+      operators = operators.filter(
+        (operator) => operator !== import_constants.OPERATOR_BETWEEN
+      );
+    }
+    const hasSingleSelectionOperator = operators.some(
+      (operator) => import_constants.SINGLE_SELECTION_OPERATORS.includes(operator)
+    );
+    if (hasSingleSelectionOperator) {
+      operators = operators.filter(
+        (operator) => (
+          // The 'Between' operator is unique as it can be combined with single selection operators.
+          [...import_constants.SINGLE_SELECTION_OPERATORS, import_constants.OPERATOR_BETWEEN].includes(
+            operator
+          )
+        )
+      );
+    }
+    if (operators.length === 0) {
+      return false;
+    }
+    return {
+      isPrimary: !!field.filterBy.isPrimary,
+      operators
+    };
+  }
+  if (fieldTypeDefinition.filterBy === false) {
+    return false;
+  }
+  let defaultOperators = fieldTypeDefinition.filterBy.defaultOperators;
+  if ((0, import_has_elements.default)(field) && defaultOperators.includes(import_constants.OPERATOR_BETWEEN)) {
+    defaultOperators = defaultOperators.filter(
+      (operator) => operator !== import_constants.OPERATOR_BETWEEN
+    );
+  }
+  return {
+    operators: defaultOperators
+  };
+}
+function normalizeFields(fields) {
+  return fields.map((field) => {
+    const fieldTypeDefinition = (0, import_field_types.default)(
+      field.type
+    );
+    const getValue = field.getValue || getValueFromId(field.id);
+    const setValue = field.setValue || setValueFromId(field.id);
+    const sort = field.sort ?? function sort2(a, b, direction) {
+      return fieldTypeDefinition.sort(
+        getValue({ item: a }),
+        getValue({ item: b }),
+        direction
+      );
+    };
+    const isValid = {
+      ...fieldTypeDefinition.isValid,
+      ...field.isValid
+    };
+    const Edit = (0, import_dataform_controls.getControl)(field, fieldTypeDefinition);
+    const render = field.render ?? function render2({
+      item,
+      field: renderedField
+    }) {
+      return fieldTypeDefinition.render({ item, field: renderedField });
+    };
+    const filterBy = getFilterBy(field, fieldTypeDefinition);
+    return {
+      ...field,
+      label: field.label || field.id,
+      header: field.header || field.label || field.id,
+      getValue,
+      setValue,
+      render,
+      sort,
+      isValid,
+      Edit,
+      hasElements: (0, import_has_elements.default)(field),
+      enableHiding: field.enableHiding ?? true,
+      enableSorting: field.enableSorting ?? fieldTypeDefinition.enableSorting ?? true,
+      filterBy,
+      readOnly: field.readOnly ?? fieldTypeDefinition.readOnly ?? false
+    };
+  });
+}
+//# sourceMappingURL=normalize-fields.js.map

package/build/utils/normalize-fields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/normalize-fields.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { FunctionComponent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport getFieldTypeDefinition from '../field-types';\nimport type {\n\tDataViewRenderFieldProps,\n\tField,\n\tFieldTypeDefinition,\n\tNormalizedFilterByConfig,\n\tNormalizedField,\n} from '../types';\nimport { getControl } from '../dataform-controls';\nimport {\n\tALL_OPERATORS,\n\tOPERATOR_BETWEEN,\n\tSINGLE_SELECTION_OPERATORS,\n} from '../constants';\nimport hasElements from './has-elements';\n\nconst getValueFromId =\n\t( id: string ) =>\n\t( { item }: { item: any } ) => {\n\t\tconst path = id.split( '.' );\n\t\tlet value = item;\n\t\tfor ( const segment of path ) {\n\t\t\tif ( value.hasOwnProperty( segment ) ) {\n\t\t\t\tvalue = value[ segment ];\n\t\t\t} else {\n\t\t\t\tvalue = undefined;\n\t\t\t}\n\t\t}\n\n\t\treturn value;\n\t};\n\nconst setValueFromId =\n\t( id: string ) =>\n\t( { value }: { value: any } ) => {\n\t\tconst path = id.split( '.' );\n\t\tconst result: any = {};\n\t\tlet current = result;\n\n\t\tfor ( const segment of path.slice( 0, -1 ) ) {\n\t\t\tcurrent[ segment ] = {};\n\t\t\tcurrent = current[ segment ];\n\t\t}\n\n\t\tcurrent[ path.at( -1 )! ] = value;\n\t\treturn result;\n\t};\n\nfunction getFilterBy< Item >(\n\tfield: Field< Item >,\n\tfieldTypeDefinition: FieldTypeDefinition< Item >\n): NormalizedFilterByConfig | false {\n\tif ( field.filterBy === false ) {\n\t\treturn false;\n\t}\n\n\tif ( typeof field.filterBy === 'object' ) {\n\t\tlet operators = field.filterBy.operators;\n\n\t\t// Assign default values if no operator was provided.\n\t\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\t\toperators = !! fieldTypeDefinition.filterBy\n\t\t\t\t? fieldTypeDefinition.filterBy.defaultOperators\n\t\t\t\t: [];\n\t\t}\n\n\t\t// Make sure only valid operators are included.\n\t\tlet validOperators = ALL_OPERATORS;\n\t\tif ( typeof fieldTypeDefinition.filterBy === 'object' ) {\n\t\t\tvalidOperators = fieldTypeDefinition.filterBy.validOperators;\n\t\t}\n\t\toperators = operators.filter( ( operator ) =>\n\t\t\tvalidOperators.includes( operator )\n\t\t);\n\n\t\t// The `between` operator is not supported when elements are provided.\n\t\tif ( hasElements( field ) && operators.includes( OPERATOR_BETWEEN ) ) {\n\t\t\toperators = operators.filter(\n\t\t\t\t( operator ) => operator !== OPERATOR_BETWEEN\n\t\t\t);\n\t\t}\n\n\t\t// Do not allow mixing single & multiselection operators.\n\t\t// Remove multiselection operators if any of the single selection ones is present.\n\t\tconst hasSingleSelectionOperator = operators.some( ( operator ) =>\n\t\t\tSINGLE_SELECTION_OPERATORS.includes( operator )\n\t\t);\n\t\tif ( hasSingleSelectionOperator ) {\n\t\t\toperators = operators.filter( ( operator ) =>\n\t\t\t\t// The 'Between' operator is unique as it can be combined with single selection operators.\n\t\t\t\t[ ...SINGLE_SELECTION_OPERATORS, OPERATOR_BETWEEN ].includes(\n\t\t\t\t\toperator\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\t// If no operators are left at this point,\n\t\t// the filters should be disabled.\n\t\tif ( operators.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn {\n\t\t\tisPrimary: !! field.filterBy.isPrimary,\n\t\t\toperators,\n\t\t};\n\t}\n\n\tif ( fieldTypeDefinition.filterBy === false ) {\n\t\treturn false;\n\t}\n\n\tlet defaultOperators = fieldTypeDefinition.filterBy.defaultOperators;\n\t// The `between` operator is not supported when elements are provided.\n\tif (\n\t\thasElements( field ) &&\n\t\tdefaultOperators.includes( OPERATOR_BETWEEN )\n\t) {\n\t\tdefaultOperators = defaultOperators.filter(\n\t\t\t( operator ) => operator !== OPERATOR_BETWEEN\n\t\t);\n\t}\n\n\treturn {\n\t\toperators: defaultOperators,\n\t};\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 fieldTypeDefinition = getFieldTypeDefinition< Item >(\n\t\t\tfield.type\n\t\t);\n\t\tconst getValue = field.getValue || getValueFromId( field.id );\n\t\tconst setValue = field.setValue || setValueFromId( field.id );\n\n\t\tconst sort =\n\t\t\tfield.sort ??\n\t\t\tfunction sort( a, b, direction ) {\n\t\t\t\treturn fieldTypeDefinition.sort(\n\t\t\t\t\tgetValue( { item: a } ),\n\t\t\t\t\tgetValue( { item: b } ),\n\t\t\t\t\tdirection\n\t\t\t\t);\n\t\t\t};\n\n\t\tconst isValid = {\n\t\t\t...fieldTypeDefinition.isValid,\n\t\t\t...field.isValid,\n\t\t};\n\n\t\tconst Edit = getControl( field, fieldTypeDefinition );\n\n\t\tconst render =\n\t\t\tfield.render ??\n\t\t\tfunction render( {\n\t\t\t\titem,\n\t\t\t\tfield: renderedField,\n\t\t\t}: DataViewRenderFieldProps< Item > ) {\n\t\t\t\treturn (\n\t\t\t\t\tfieldTypeDefinition.render as FunctionComponent<\n\t\t\t\t\t\tDataViewRenderFieldProps< Item >\n\t\t\t\t\t>\n\t\t\t\t )( { item, field: renderedField } );\n\t\t\t};\n\n\t\tconst filterBy = getFilterBy( field, fieldTypeDefinition );\n\n\t\treturn {\n\t\t\t...field,\n\t\t\tlabel: field.label || field.id,\n\t\t\theader: field.header || field.label || field.id,\n\t\t\tgetValue,\n\t\t\tsetValue,\n\t\t\trender,\n\t\t\tsort,\n\t\t\tisValid,\n\t\t\tEdit,\n\t\t\thasElements: hasElements( field ),\n\t\t\tenableHiding: field.enableHiding ?? true,\n\t\t\tenableSorting:\n\t\t\t\tfield.enableSorting ??\n\t\t\t\tfieldTypeDefinition.enableSorting ??\n\t\t\t\ttrue,\n\t\t\tfilterBy,\n\t\t\treadOnly: field.readOnly ?? fieldTypeDefinition.readOnly ?? false,\n\t\t};\n\t} );\n}\n"],
+  "mappings": "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",
+  "names": ["hasElements", "getFieldTypeDefinition", "sort", "render"]
+}

package/build-module/components/dataform/index.js

@@ -1,33 +1,33 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { DataFormProvider } from '../dataform-context';
-import { normalizeFields } from '../../normalize-fields';
-import { DataFormLayout } from '../../dataforms-layouts/data-form-layout';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function DataForm({
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "@wordpress/element";
+import { DataFormProvider } from "../dataform-context";
+import normalizeFields from "../../utils/normalize-fields";
+import { DataFormLayout } from "../../dataform-layouts/data-form-layout";
+function DataForm({
   data,
   form,
   fields,
-  onChange
+  onChange,
+  validity
 }) {
-  const normalizedFields = useMemo(() => normalizeFields(fields), [fields]);
+  const normalizedFields = useMemo(
+    () => normalizeFields(fields),
+    [fields]
+  );
   if (!form.fields) {
     return null;
   }
-  return /*#__PURE__*/_jsx(DataFormProvider, {
-    fields: normalizedFields,
-    children: /*#__PURE__*/_jsx(DataFormLayout, {
-      data: data,
-      form: form,
-      onChange: onChange
-    })
-  });
+  return /* @__PURE__ */ jsx(DataFormProvider, { fields: normalizedFields, children: /* @__PURE__ */ jsx(
+    DataFormLayout,
+    {
+      data,
+      form,
+      onChange,
+      validity
+    }
+  ) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  DataForm as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/dataform/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","DataFormProvider","normalizeFields","DataFormLayout","jsx","_jsx","DataForm","data","form","fields","onChange","normalizedFields","children"],"sources":["@wordpress/dataviews/src/components/dataform/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormProps } from '../../types';\nimport { DataFormProvider } from '../dataform-context';\nimport { normalizeFields } from '../../normalize-fields';\nimport { DataFormLayout } from '../../dataforms-layouts/data-form-layout';\n\nexport default function DataForm< Item >( {\n\tdata,\n\tform,\n\tfields,\n\tonChange,\n}: DataFormProps< Item > ) {\n\tconst normalizedFields = useMemo(\n\t\t() => normalizeFields( fields ),\n\t\t[ fields ]\n\t);\n\n\tif ( ! form.fields ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataFormProvider fields={ normalizedFields }>\n\t\t\t<DataFormLayout data={ data } form={ form } onChange={ onChange } />\n\t\t</DataFormProvider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;;AAEA,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,cAAc,QAAQ,0CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,eAAe,SAASC,QAAQA,CAAU;EACzCC,IAAI;EACJC,IAAI;EACJC,MAAM;EACNC;AACsB,CAAC,EAAG;EAC1B,MAAMC,gBAAgB,GAAGX,OAAO,CAC/B,MAAME,eAAe,CAAEO,MAAO,CAAC,EAC/B,CAAEA,MAAM,CACT,CAAC;EAED,IAAK,CAAED,IAAI,CAACC,MAAM,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,oBACCJ,IAAA,CAACJ,gBAAgB;IAACQ,MAAM,EAAGE,gBAAkB;IAAAC,QAAA,eAC5CP,IAAA,CAACF,cAAc;MAACI,IAAI,EAAGA,IAAM;MAACC,IAAI,EAAGA,IAAM;MAACE,QAAQ,EAAGA;IAAU,CAAE;EAAC,CACnD,CAAC;AAErB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataform/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormProps } from '../../types';\nimport { DataFormProvider } from '../dataform-context';\nimport normalizeFields from '../../utils/normalize-fields';\nimport { DataFormLayout } from '../../dataform-layouts/data-form-layout';\n\nexport default function DataForm< Item >( {\n\tdata,\n\tform,\n\tfields,\n\tonChange,\n\tvalidity,\n}: DataFormProps< Item > ) {\n\tconst normalizedFields = useMemo(\n\t\t() => normalizeFields( fields ),\n\t\t[ fields ]\n\t);\n\n\tif ( ! form.fields ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataFormProvider fields={ normalizedFields }>\n\t\t\t<DataFormLayout\n\t\t\t\tdata={ data }\n\t\t\t\tform={ form }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tvalidity={ validity }\n\t\t\t/>\n\t\t</DataFormProvider>\n\t);\n}\n"],
+  "mappings": "AA+BG;AA5BH,SAAS,eAAe;AAMxB,SAAS,wBAAwB;AACjC,OAAO,qBAAqB;AAC5B,SAAS,sBAAsB;AAEhB,SAAR,SAAmC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAA2B;AAC1B,QAAM,mBAAmB;AAAA,IACxB,MAAM,gBAAiB,MAAO;AAAA,IAC9B,CAAE,MAAO;AAAA,EACV;AAEA,MAAK,CAAE,KAAK,QAAS;AACpB,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,oBAAiB,QAAS,kBAC1B;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/dataform-context/index.js

@@ -1,26 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { createContext } from "@wordpress/element";
 const DataFormContext = createContext({
   fields: []
 });
-DataFormContext.displayName = 'DataFormContext';
-export function DataFormProvider({
+DataFormContext.displayName = "DataFormContext";
+function DataFormProvider({
   fields,
   children
 }) {
-  return /*#__PURE__*/_jsx(DataFormContext.Provider, {
-    value: {
-      fields
-    },
-    children: children
-  });
+  return /* @__PURE__ */ jsx(DataFormContext.Provider, { value: { fields }, children });
 }
-export default DataFormContext;
-//# sourceMappingURL=index.js.map
+var dataform_context_default = DataFormContext;
+export {
+  DataFormProvider,
+  dataform_context_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/dataform-context/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","jsx","_jsx","DataFormContext","fields","displayName","DataFormProvider","children","Provider","value"],"sources":["@wordpress/dataviews/src/components/dataform-context/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\n\ntype DataFormContextType< Item > = {\n\tfields: NormalizedField< Item >[];\n};\n\nconst DataFormContext = createContext< DataFormContextType< any > >( {\n\tfields: [],\n} );\nDataFormContext.displayName = 'DataFormContext';\n\nexport function DataFormProvider< Item >( {\n\tfields,\n\tchildren,\n}: React.PropsWithChildren< { fields: NormalizedField< Item >[] } > ) {\n\treturn (\n\t\t<DataFormContext.Provider value={ { fields } }>\n\t\t\t{ children }\n\t\t</DataFormContext.Provider>\n\t);\n}\n\nexport default DataFormContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AASA,MAAMC,eAAe,GAAGH,aAAa,CAAgC;EACpEI,MAAM,EAAE;AACT,CAAE,CAAC;AACHD,eAAe,CAACE,WAAW,GAAG,iBAAiB;AAE/C,OAAO,SAASC,gBAAgBA,CAAU;EACzCF,MAAM;EACNG;AACiE,CAAC,EAAG;EACrE,oBACCL,IAAA,CAACC,eAAe,CAACK,QAAQ;IAACC,KAAK,EAAG;MAAEL;IAAO,CAAG;IAAAG,QAAA,EAC3CA;EAAQ,CACe,CAAC;AAE7B;AAEA,eAAeJ,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataform-context/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedField } from '../../types';\n\ntype DataFormContextType< Item > = {\n\tfields: NormalizedField< Item >[];\n};\n\nconst DataFormContext = createContext< DataFormContextType< any > >( {\n\tfields: [],\n} );\nDataFormContext.displayName = 'DataFormContext';\n\nexport function DataFormProvider< Item >( {\n\tfields,\n\tchildren,\n}: React.PropsWithChildren< {\n\tfields: NormalizedField< Item >[];\n} > ) {\n\treturn (\n\t\t<DataFormContext.Provider value={ { fields } }>\n\t\t\t{ children }\n\t\t</DataFormContext.Provider>\n\t);\n}\n\nexport default DataFormContext;\n"],
+  "mappings": "AA0BE;AAvBF,SAAS,qBAAqB;AAW9B,MAAM,kBAAkB,cAA6C;AAAA,EACpE,QAAQ,CAAC;AACV,CAAE;AACF,gBAAgB,cAAc;AAEvB,SAAS,iBAA0B;AAAA,EACzC;AAAA,EACA;AACD,GAEM;AACL,SACC,oBAAC,gBAAgB,UAAhB,EAAyB,OAAQ,EAAE,OAAO,GACxC,UACH;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/build-module/components/dataviews/index.js

@@ -1,69 +1,83 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack } from '@wordpress/components';
-import { useEffect, useMemo, useRef, useState } from '@wordpress/element';
-import { useResizeObserver, throttle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import DataViewsContext from '../dataviews-context';
-import { VIEW_LAYOUTS } from '../../dataviews-layouts';
-import { Filters, FiltersToggled, useFilters, FiltersToggle } from '../dataviews-filters';
-import DataViewsLayout from '../dataviews-layout';
-import DataViewsFooter from '../dataviews-footer';
-import DataViewsSearch from '../dataviews-search';
-import { BulkActionsFooter } from '../dataviews-bulk-actions';
-import { DataViewsPagination } from '../dataviews-pagination';
-import DataViewsViewConfig, { DataviewsViewConfigDropdown, ViewTypeMenu } from '../dataviews-view-config';
-import { normalizeFields } from '../../normalize-fields';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const defaultGetItemId = item => item.id;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __experimentalHStack as HStack } from "@wordpress/components";
+import { useEffect, useMemo, useRef, useState } from "@wordpress/element";
+import { useResizeObserver, throttle } from "@wordpress/compose";
+import DataViewsContext from "../dataviews-context";
+import { VIEW_LAYOUTS } from "../../dataviews-layouts";
+import {
+  Filters,
+  FiltersToggled,
+  useFilters,
+  FiltersToggle
+} from "../dataviews-filters";
+import DataViewsLayout from "../dataviews-layout";
+import DataViewsFooter from "../dataviews-footer";
+import DataViewsSearch from "../dataviews-search";
+import { BulkActionsFooter } from "../dataviews-bulk-actions";
+import { DataViewsPagination } from "../dataviews-pagination";
+import DataViewsViewConfig, {
+  DataviewsViewConfigDropdown,
+  ViewTypeMenu
+} from "../dataviews-view-config";
+import normalizeFields from "../../utils/normalize-fields";
+const defaultGetItemId = (item) => item.id;
 const defaultIsItemClickable = () => true;
 const EMPTY_ARRAY = [];
-const dataViewsLayouts = VIEW_LAYOUTS.filter(viewLayout => !viewLayout.isPicker);
+const dataViewsLayouts = VIEW_LAYOUTS.filter(
+  (viewLayout) => !viewLayout.isPicker
+);
 function DefaultUI({
   header,
   search = true,
-  searchLabel = undefined
+  searchLabel = void 0
 }) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(HStack, {
-      alignment: "top",
-      justify: "space-between",
-      className: "dataviews__view-actions",
-      spacing: 1,
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        justify: "start",
-        expanded: false,
-        className: "dataviews__search",
-        children: [search && /*#__PURE__*/_jsx(DataViewsSearch, {
-          label: searchLabel
-        }), /*#__PURE__*/_jsx(FiltersToggle, {})]
-      }), /*#__PURE__*/_jsxs(HStack, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        alignment: "top",
+        justify: "space-between",
+        className: "dataviews__view-actions",
         spacing: 1,
-        expanded: false,
-        style: {
-          flexShrink: 0
-        },
-        children: [/*#__PURE__*/_jsx(DataViewsViewConfig, {}), header]
-      })]
-    }), /*#__PURE__*/_jsx(FiltersToggled, {
-      className: "dataviews-filters__container"
-    }), /*#__PURE__*/_jsx(DataViewsLayout, {}), /*#__PURE__*/_jsx(DataViewsFooter, {})]
-  });
+        children: [
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              justify: "start",
+              expanded: false,
+              className: "dataviews__search",
+              children: [
+                search && /* @__PURE__ */ jsx(DataViewsSearch, { label: searchLabel }),
+                /* @__PURE__ */ jsx(FiltersToggle, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              spacing: 1,
+              expanded: false,
+              style: { flexShrink: 0 },
+              children: [
+                /* @__PURE__ */ jsx(DataViewsViewConfig, {}),
+                header
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(FiltersToggled, { className: "dataviews-filters__container" }),
+    /* @__PURE__ */ jsx(DataViewsLayout, {}),
+    /* @__PURE__ */ jsx(DataViewsFooter, {})
+  ] });
 }
 function DataViews({
   view,
   onChangeView,
   fields,
   search = true,
-  searchLabel = undefined,
+  searchLabel = void 0,
   actions = EMPTY_ARRAY,
   data,
   getItemId = defaultGetItemId,
@@ -78,27 +92,26 @@ function DataViews({
   isItemClickable = defaultIsItemClickable,
   header,
   children,
-  config = {
-    perPageSizes: [10, 20, 50, 100]
-  },
+  config = { perPageSizes: [10, 20, 50, 100] },
   empty
 }) {
-  const {
-    infiniteScrollHandler
-  } = paginationInfo;
+  const { infiniteScrollHandler } = paginationInfo;
   const containerRef = useRef(null);
   const [containerWidth, setContainerWidth] = useState(0);
-  const resizeObserverRef = useResizeObserver(resizeObserverEntries => {
-    setContainerWidth(resizeObserverEntries[0].borderBoxSize[0].inlineSize);
-  }, {
-    box: 'border-box'
-  });
+  const resizeObserverRef = useResizeObserver(
+    (resizeObserverEntries) => {
+      setContainerWidth(
+        resizeObserverEntries[0].borderBoxSize[0].inlineSize
+      );
+    },
+    { box: "border-box" }
+  );
   const [selectionState, setSelectionState] = useState([]);
-  const isUncontrolled = selectionProperty === undefined || onChangeSelection === undefined;
+  const isUncontrolled = selectionProperty === void 0 || onChangeSelection === void 0;
   const selection = isUncontrolled ? selectionState : selectionProperty;
   const [openedFilter, setOpenedFilter] = useState(null);
   function setSelectionWithChange(value) {
-    const newValue = typeof value === 'function' ? value(selection) : value;
+    const newValue = typeof value === "function" ? value(selection) : value;
     if (isUncontrolled) {
       setSelectionState(newValue);
     }
@@ -108,91 +121,102 @@ function DataViews({
   }
   const _fields = useMemo(() => normalizeFields(fields), [fields]);
   const _selection = useMemo(() => {
-    return selection.filter(id => data.some(item => getItemId(item) === id));
+    return selection.filter(
+      (id) => data.some((item) => getItemId(item) === id)
+    );
   }, [selection, data, getItemId]);
   const filters = useFilters(_fields, view);
-  const hasPrimaryOrLockedFilters = useMemo(() => (filters || []).some(filter => filter.isPrimary || filter.isLocked), [filters]);
-  const [isShowingFilter, setIsShowingFilter] = useState(hasPrimaryOrLockedFilters);
+  const hasPrimaryOrLockedFilters = useMemo(
+    () => (filters || []).some(
+      (filter) => filter.isPrimary || filter.isLocked
+    ),
+    [filters]
+  );
+  const [isShowingFilter, setIsShowingFilter] = useState(
+    hasPrimaryOrLockedFilters
+  );
   useEffect(() => {
     if (hasPrimaryOrLockedFilters && !isShowingFilter) {
       setIsShowingFilter(true);
     }
   }, [hasPrimaryOrLockedFilters, isShowingFilter]);
-
-  // Attach scroll event listener for infinite scroll
   useEffect(() => {
     if (!view.infiniteScrollEnabled || !containerRef.current) {
       return;
     }
-    const handleScroll = throttle(event => {
+    const handleScroll = throttle((event) => {
       const target = event.target;
       const scrollTop = target.scrollTop;
       const scrollHeight = target.scrollHeight;
       const clientHeight = target.clientHeight;
-
-      // Check if user has scrolled near the bottom
       if (scrollTop + clientHeight >= scrollHeight - 100) {
         infiniteScrollHandler?.();
       }
-    }, 100); // Throttle to 100ms
-
+    }, 100);
     const container = containerRef.current;
-    container.addEventListener('scroll', handleScroll);
+    container.addEventListener("scroll", handleScroll);
     return () => {
-      container.removeEventListener('scroll', handleScroll);
-      handleScroll.cancel(); // Cancel any pending throttled calls
+      container.removeEventListener("scroll", handleScroll);
+      handleScroll.cancel();
     };
   }, [infiniteScrollHandler, view.infiniteScrollEnabled]);
-
-  // Filter out DataViewsPicker layouts.
-  const defaultLayouts = useMemo(() => Object.fromEntries(Object.entries(defaultLayoutsProperty).filter(([layoutType]) => {
-    return dataViewsLayouts.some(viewLayout => viewLayout.type === layoutType);
-  })), [defaultLayoutsProperty]);
+  const defaultLayouts = useMemo(
+    () => Object.fromEntries(
+      Object.entries(defaultLayoutsProperty).filter(
+        ([layoutType]) => {
+          return dataViewsLayouts.some(
+            (viewLayout) => viewLayout.type === layoutType
+          );
+        }
+      )
+    ),
+    [defaultLayoutsProperty]
+  );
   if (!defaultLayouts[view.type]) {
     return null;
   }
-  return /*#__PURE__*/_jsx(DataViewsContext.Provider, {
-    value: {
-      view,
-      onChangeView,
-      fields: _fields,
-      actions,
-      data,
-      isLoading,
-      paginationInfo,
-      selection: _selection,
-      onChangeSelection: setSelectionWithChange,
-      openedFilter,
-      setOpenedFilter,
-      getItemId,
-      getItemLevel,
-      isItemClickable,
-      onClickItem,
-      renderItemLink,
-      containerWidth,
-      containerRef,
-      resizeObserverRef,
-      defaultLayouts,
-      filters,
-      isShowingFilter,
-      setIsShowingFilter,
-      config,
-      empty,
-      hasInfiniteScrollHandler: !!infiniteScrollHandler
-    },
-    children: /*#__PURE__*/_jsx("div", {
-      className: "dataviews-wrapper",
-      ref: containerRef,
-      children: children !== null && children !== void 0 ? children : /*#__PURE__*/_jsx(DefaultUI, {
-        header: header,
-        search: search,
-        searchLabel: searchLabel
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    DataViewsContext.Provider,
+    {
+      value: {
+        view,
+        onChangeView,
+        fields: _fields,
+        actions,
+        data,
+        isLoading,
+        paginationInfo,
+        selection: _selection,
+        onChangeSelection: setSelectionWithChange,
+        openedFilter,
+        setOpenedFilter,
+        getItemId,
+        getItemLevel,
+        isItemClickable,
+        onClickItem,
+        renderItemLink,
+        containerWidth,
+        containerRef,
+        resizeObserverRef,
+        defaultLayouts,
+        filters,
+        isShowingFilter,
+        setIsShowingFilter,
+        config,
+        empty,
+        hasInfiniteScrollHandler: !!infiniteScrollHandler
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "dataviews-wrapper", ref: containerRef, children: children ?? /* @__PURE__ */ jsx(
+        DefaultUI,
+        {
+          header,
+          search,
+          searchLabel
+        }
+      ) })
+    }
+  );
 }
-
-// Populate the DataViews sub components
 const DataViewsSubComponents = DataViews;
 DataViewsSubComponents.BulkActionToolbar = BulkActionsFooter;
 DataViewsSubComponents.Filters = Filters;
@@ -204,5 +228,8 @@ DataViewsSubComponents.Pagination = DataViewsPagination;
 DataViewsSubComponents.Search = DataViewsSearch;
 DataViewsSubComponents.ViewConfig = DataviewsViewConfigDropdown;
 DataViewsSubComponents.Footer = DataViewsFooter;
-export default DataViewsSubComponents;
-//# sourceMappingURL=index.js.map
+var dataviews_default = DataViewsSubComponents;
+export {
+  dataviews_default as default
+};
+//# sourceMappingURL=index.js.map