@wordpress/dataviews 9.1.1-next.f56bd8138.0 → 10.0.1-next.47f435fc9.0

package/build-module/utils/is-item-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/is-item-valid.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport normalizeFields from './normalize-fields';\nimport type { Field, Form } from '../types';\n\n/**\n * Whether or not the given item's value is valid according to the fields and form config.\n *\n * @param item   The item to validate.\n * @param fields Fields config.\n * @param form   Form config.\n *\n * @return A boolean indicating if the item is valid (true) or not (false).\n */\nexport default function isItemValid< Item >(\n\titem: Item,\n\tfields: Field< Item >[],\n\tform: Form\n): boolean {\n\tconst _fields = normalizeFields(\n\t\tfields.filter( ( { id } ) => !! form.fields?.includes( id ) )\n\t);\n\n\tconst isEmptyNullOrUndefined = ( value: any ) =>\n\t\t[ undefined, '', null ].includes( value );\n\n\tconst isArrayOrElementsEmptyNullOrUndefined = ( value: any ) => {\n\t\treturn (\n\t\t\t! Array.isArray( value ) ||\n\t\t\tvalue.length === 0 ||\n\t\t\tvalue.every( ( element: any ) => isEmptyNullOrUndefined( element ) )\n\t\t);\n\t};\n\n\treturn _fields.every( ( field ) => {\n\t\tconst value = field.getValue( { item } );\n\n\t\tif ( field.isValid.required ) {\n\t\t\tif (\n\t\t\t\t( field.type === 'text' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'email' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'url' && isEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'telephone' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'password' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'integer' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'number' &&\n\t\t\t\t\tisEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === 'array' &&\n\t\t\t\t\tisArrayOrElementsEmptyNullOrUndefined( value ) ) ||\n\t\t\t\t( field.type === undefined && isEmptyNullOrUndefined( value ) )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( field.type === 'boolean' && value !== true ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tif ( field.isValid.elements ) {\n\t\t\tif ( field.elements ) {\n\t\t\t\tconst validValues = field.elements.map(\n\t\t\t\t\t( element ) => element.value\n\t\t\t\t);\n\n\t\t\t\tif ( field.type === 'array' ) {\n\t\t\t\t\t// For arrays, check if all values are valid elements\n\t\t\t\t\tif ( Array.isArray( value ) ) {\n\t\t\t\t\t\treturn value.every( ( arrayItem ) =>\n\t\t\t\t\t\t\tvalidValues.includes( arrayItem )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\t// For single-value fields, check if the value is a valid element\n\t\t\t\treturn validValues.includes( value );\n\t\t\t}\n\t\t}\n\n\t\tif (\n\t\t\ttypeof field.isValid.custom === 'function' &&\n\t\t\tfield.isValid.custom( item, field ) !== null\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} );\n}\n"],
+  "mappings": "AAGA,OAAO,qBAAqB;AAYb,SAAR,YACN,MACA,QACA,MACU;AACV,QAAM,UAAU;AAAA,IACf,OAAO,OAAQ,CAAE,EAAE,GAAG,MAAO,CAAC,CAAE,KAAK,QAAQ,SAAU,EAAG,CAAE;AAAA,EAC7D;AAEA,QAAM,yBAAyB,CAAE,UAChC,CAAE,QAAW,IAAI,IAAK,EAAE,SAAU,KAAM;AAEzC,QAAM,wCAAwC,CAAE,UAAgB;AAC/D,WACC,CAAE,MAAM,QAAS,KAAM,KACvB,MAAM,WAAW,KACjB,MAAM,MAAO,CAAE,YAAkB,uBAAwB,OAAQ,CAAE;AAAA,EAErE;AAEA,SAAO,QAAQ,MAAO,CAAE,UAAW;AAClC,UAAM,QAAQ,MAAM,SAAU,EAAE,KAAK,CAAE;AAEvC,QAAK,MAAM,QAAQ,UAAW;AAC7B,UACG,MAAM,SAAS,UAAU,uBAAwB,KAAM,KACvD,MAAM,SAAS,WAAW,uBAAwB,KAAM,KACxD,MAAM,SAAS,SAAS,uBAAwB,KAAM,KACtD,MAAM,SAAS,eAChB,uBAAwB,KAAM,KAC7B,MAAM,SAAS,cAChB,uBAAwB,KAAM,KAC7B,MAAM,SAAS,aAChB,uBAAwB,KAAM,KAC7B,MAAM,SAAS,YAChB,uBAAwB,KAAM,KAC7B,MAAM,SAAS,WAChB,sCAAuC,KAAM,KAC5C,MAAM,SAAS,UAAa,uBAAwB,KAAM,GAC3D;AACD,eAAO;AAAA,MACR;AAEA,UAAK,MAAM,SAAS,aAAa,UAAU,MAAO;AACjD,eAAO;AAAA,MACR;AAAA,IACD;AAEA,QAAK,MAAM,QAAQ,UAAW;AAC7B,UAAK,MAAM,UAAW;AACrB,cAAM,cAAc,MAAM,SAAS;AAAA,UAClC,CAAE,YAAa,QAAQ;AAAA,QACxB;AAEA,YAAK,MAAM,SAAS,SAAU;AAE7B,cAAK,MAAM,QAAS,KAAM,GAAI;AAC7B,mBAAO,MAAM;AAAA,cAAO,CAAE,cACrB,YAAY,SAAU,SAAU;AAAA,YACjC;AAAA,UACD;AACA,iBAAO;AAAA,QACR;AAEA,eAAO,YAAY,SAAU,KAAM;AAAA,MACpC;AAAA,IACD;AAEA,QACC,OAAO,MAAM,QAAQ,WAAW,cAChC,MAAM,QAAQ,OAAQ,MAAM,KAAM,MAAM,MACvC;AACD,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,EACR,CAAE;AACH;",
+  "names": []
+}

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

@@ -0,0 +1,132 @@
+import getFieldTypeDefinition from "../field-types";
+import { getControl } from "../dataform-controls";
+import {
+  ALL_OPERATORS,
+  OPERATOR_BETWEEN,
+  SINGLE_SELECTION_OPERATORS
+} from "../constants";
+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 = ALL_OPERATORS;
+    if (typeof fieldTypeDefinition.filterBy === "object") {
+      validOperators = fieldTypeDefinition.filterBy.validOperators;
+    }
+    operators = operators.filter(
+      (operator) => validOperators.includes(operator)
+    );
+    if (field.elements && operators.includes(OPERATOR_BETWEEN)) {
+      operators = operators.filter(
+        (operator) => operator !== OPERATOR_BETWEEN
+      );
+    }
+    const hasSingleSelectionOperator = operators.some(
+      (operator) => 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.
+          [...SINGLE_SELECTION_OPERATORS, 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 (field.elements && defaultOperators.includes(OPERATOR_BETWEEN)) {
+    defaultOperators = defaultOperators.filter(
+      (operator) => operator !== OPERATOR_BETWEEN
+    );
+  }
+  return {
+    operators: defaultOperators
+  };
+}
+function normalizeFields(fields) {
+  return fields.map((field) => {
+    const fieldTypeDefinition = getFieldTypeDefinition(
+      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 = 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,
+      enableHiding: field.enableHiding ?? true,
+      enableSorting: field.enableSorting ?? fieldTypeDefinition.enableSorting ?? true,
+      filterBy,
+      readOnly: field.readOnly ?? fieldTypeDefinition.readOnly ?? false
+    };
+  });
+}
+export {
+  normalizeFields as default
+};
+//# sourceMappingURL=normalize-fields.js.map

package/build-module/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';\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 ( field.elements && 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 ( field.elements && defaultOperators.includes( OPERATOR_BETWEEN ) ) {\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\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": ["sort", "render"]
+}

package/build-style/style-rtl.css

@@ -1,9 +1,3 @@
-/**
- * Colors
- */
-/**
- * Breakpoints & Media Queries
- */
 /**
  * Colors
  */
@@ -49,136 +43,9 @@
  * React Native specific.
  * These variables do not appear to be used anywhere else.
  */
-/**
- * Colors
- */
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Fonts & basic variables.
- */
 /**
  * Typography
  */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-/**
- * Breakpoints & Media Queries
- */
-/**
-*  Converts a hex value into the rgb equivalent.
-*
-* @param {string} hex - the hexadecimal value to convert
-* @return {string} comma separated rgb values
-*/
-/**
- * Long content fade mixin
- *
- * Creates a fading overlay to signify that the content is longer
- * than the space allows.
- */
-/**
- * Typography
- */
-/**
- * Breakpoint mixins
- */
-/**
- * Focus styles.
- */
-/**
- * Applies editor left position to the selector passed as argument
- */
-/**
- * Styles that are reused verbatim in a few places
- */
-/**
- * Allows users to opt-out of animations via OS-level preferences.
- */
-/**
- * Reset default styles for JavaScript UI based pages.
- * This is a WP-admin agnostic reset
- */
-/**
- * Reset the WP Admin page styles for Gutenberg-like pages.
- */
-/**
- * Colors
- */
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
 /**
  * Breakpoints & Media Queries
  */
@@ -194,9 +61,6 @@
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
-/**
- * Typography
- */
 /**
  * Breakpoint mixins
  */
@@ -219,24 +83,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:root {
-  --wp-block-synced-color: #7a00df;
-  --wp-block-synced-color--rgb: 122, 0, 223;
-  --wp-bound-block-color: var(--wp-block-synced-color);
-  --wp-admin-theme-color: #007cba;
-  --wp-admin-theme-color--rgb: 0, 124, 186;
-  --wp-admin-theme-color-darker-10: #006ba1;
-  --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
-  --wp-admin-theme-color-darker-20: #005a87;
-  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
-  --wp-admin-border-width-focus: 2px;
-}
-@media (min-resolution: 192dpi) {
-  :root {
-    --wp-admin-border-width-focus: 1.5px;
-  }
-}
-
 .dataviews-wrapper,
 .dataviews-picker-wrapper {
   height: 100%;
@@ -261,7 +107,7 @@
 }
 @media not (prefers-reduced-motion) {
   .dataviews__view-actions,
-.dataviews-filters__container {
+  .dataviews-filters__container {
     transition: padding ease-out 0.1s;
   }
 }
@@ -276,7 +122,7 @@
 }
 @media not (prefers-reduced-motion) {
   .dataviews-no-results,
-.dataviews-loading {
+  .dataviews-loading {
     transition: padding ease-out 0.1s;
   }
 }
@@ -287,11 +133,11 @@
 
 @container (max-width: 430px) {
   .dataviews__view-actions,
-.dataviews-filters__container {
+  .dataviews-filters__container {
     padding: 12px 24px;
   }
   .dataviews-no-results,
-.dataviews-loading {
+  .dataviews-loading {
     padding-right: 24px;
     padding-left: 24px;
   }
@@ -596,8 +442,6 @@
   min-width: 24px;
   max-width: 24px;
   position: relative;
-  margin: 0;
-  padding: 0;
 }
 @media not (prefers-reduced-motion) {
   .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -638,6 +482,10 @@
   background: var(--wp-admin-theme-color);
   border: none;
 }
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
+  margin: 0;
+  padding: 0;
+}
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
   background: var(--wp-admin-theme-color, #3858e9);
   border-color: var(--wp-admin-theme-color, #3858e9);
@@ -677,13 +525,6 @@
   box-shadow: 0 0 0 transparent;
   border-radius: 2px;
   border: 1px solid #949494;
-  position: relative;
-  background: #fff;
-  color: #1e1e1e;
-  margin: 0;
-  padding: 0;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
 }
 @media not (prefers-reduced-motion) {
   .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
@@ -759,6 +600,15 @@
   cursor: default;
   opacity: 1;
 }
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
+  position: relative;
+  background: #fff;
+  color: #1e1e1e;
+  margin: 0;
+  padding: 0;
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+}
 @media (min-width: 600px) {
   .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
     --checkbox-size: 16px;
@@ -803,16 +653,6 @@
   box-shadow: 0 0 0 transparent;
   border-radius: 2px;
   border: 1px solid #949494;
-  display: block;
-  padding: 0 8px 0 32px;
-  background: #f0f0f0;
-  border: none;
-  width: 100%;
-  height: 32px;
-  margin-right: 0;
-  margin-left: 0;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
 }
 @media not (prefers-reduced-motion) {
   .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
@@ -840,6 +680,16 @@
 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
+  display: block;
+  padding: 0 32px 0 8px;
+  width: 100%;
+  height: 32px;
+  margin-right: 0;
+  margin-left: 0;
+  /* Fonts smaller than 16px causes mobile safari to zoom. */
+  font-size: 16px;
+}
 @media (min-width: 600px) {
   .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
     font-size: 13px;
@@ -857,14 +707,17 @@
 }
 .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
   position: absolute;
-  left: 12px;
-  top: 50%;
-  transform: translateY(-50%);
+  inset-inline-start: 12px;
+  top: 0;
+  bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 24px;
 }
+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
+  transform: scaleX(-1);
+}
 
 .dataviews-filters__container-visibility-toggle {
   position: relative;
@@ -908,13 +761,15 @@
   padding: 12px 48px;
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
-  z-index: 2;
 }
 @media not (prefers-reduced-motion) {
   .dataviews-footer {
     transition: padding ease-out 0.1s;
   }
 }
+.dataviews-footer {
+  z-index: 2;
+}
 
 @container (max-width: 430px) {
   .dataviews-footer {
@@ -963,14 +818,16 @@
 
 .dataviews-selection-checkbox {
   --checkbox-input-size: 24px;
-  line-height: 0;
-  flex-shrink: 0;
 }
 @media (min-width: 600px) {
   .dataviews-selection-checkbox {
     --checkbox-input-size: 16px;
   }
 }
+.dataviews-selection-checkbox {
+  line-height: 0;
+  flex-shrink: 0;
+}
 .dataviews-selection-checkbox .components-checkbox-control__input-container {
   margin: 0;
 }
@@ -1107,8 +964,9 @@
 }
 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
   min-height: 24px;
-  display: flex;
-  align-items: center;
+  overflow: hidden;
+  align-content: center;
+  text-align: start;
 }
 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: fit-content;
@@ -1312,7 +1170,7 @@ div.dataviews-view-list {
 }
 @media (hover: none) {
   .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
-.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
+  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
     flex-basis: min-content;
     width: auto;
     overflow: unset;
@@ -1549,7 +1407,7 @@ div.dataviews-view-list {
 }
 @media (hover: none) {
   .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
-.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+  .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
     opacity: 1;
   }
 }
@@ -1577,6 +1435,9 @@ div.dataviews-view-list {
 .dataviews-view-table thead tr {
   border: 0;
 }
+.dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input {
+  opacity: 1;
+}
 .dataviews-view-table thead th {
   background-color: #fff;
   padding-top: 8px;
@@ -1651,11 +1512,11 @@ div.dataviews-view-list {
 
 @container (max-width: 430px) {
   .dataviews-view-table tr td:first-child,
-.dataviews-view-table tr th:first-child {
+  .dataviews-view-table tr th:first-child {
     padding-right: 24px;
   }
   .dataviews-view-table tr td:last-child,
-.dataviews-view-table tr th:last-child {
+  .dataviews-view-table tr th:last-child {
     padding-left: 24px;
   }
 }
@@ -1704,31 +1565,6 @@ div.dataviews-view-list {
   color: #1e1e1e;
 }
 
-.dataviews-view-grid-items {
-  margin-bottom: auto;
-  display: grid;
-  gap: 32px;
-  grid-template-rows: max-content;
-  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
-  padding: 0 48px 24px;
-  container-type: inline-size;
-  /**
-  	* Breakpoints were adjusted from media queries breakpoints to account for
-  	* the sidebar width. This was done to match the existing styles we had.
-  	*/
-}
-@container (max-width: 430px) {
-  .dataviews-view-grid-items {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-}
-@media not (prefers-reduced-motion) {
-  .dataviews-view-grid-items {
-    transition: padding ease-out 0.1s;
-  }
-}
-
 .dataviews-view-picker-grid .dataviews-view-picker-grid__card {
   height: 100%;
   justify-content: flex-start;
@@ -1739,8 +1575,9 @@ div.dataviews-view-list {
 }
 .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
   min-height: 24px;
-  display: flex;
-  align-items: center;
+  overflow: hidden;
+  align-content: center;
+  text-align: start;
 }
 .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
   width: fit-content;
@@ -1973,6 +1810,13 @@ div.dataviews-view-list {
   align-items: center;
 }
 
+.dataforms-layouts-card__field-header-label {
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 20px;
+}
+
 .dataforms-layouts-card__field {
   width: 100%;
 }
@@ -1984,6 +1828,19 @@ div.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.dataforms-layouts-card__field-summary {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+}
+
 .dataforms-layouts-row__field-control {
   width: 100%;
+}
+
+.dataforms-layouts__wrapper {
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 20px;
 }