@wordpress/dataviews 4.0.0 → 4.2.0

package/build-style/style.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -115,7 +118,8 @@
   flex-direction: column;
 }
 
-.dataviews__view-actions {
+.dataviews__view-actions,
+.dataviews-filters__container {
   box-sizing: border-box;
   padding: 16px 48px;
   flex-shrink: 0;
@@ -124,14 +128,12 @@
   transition: padding ease-out 0.1s;
 }
 @media (prefers-reduced-motion: reduce) {
-  .dataviews__view-actions {
+  .dataviews__view-actions,
+.dataviews-filters__container {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
-.dataviews__view-actions .components-search-control .components-base-control__field {
-  max-width: 240px;
-}
 
 .dataviews-view-list__primary-field,
 .dataviews-view-grid__primary-field,
@@ -203,12 +205,10 @@
 
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
-  .dataviews__view-actions {
+  .dataviews__view-actions,
+.dataviews-filters__container {
     padding: 12px 24px;
   }
-  .dataviews__view-actions .components-search-control .components-base-control__field {
-    max-width: 112px;
-  }
 
   .dataviews-view-grid,
 .dataviews-no-results,
@@ -270,6 +270,10 @@
   position: relative;
 }
 
+.dataviews-filters__container {
+  padding-top: 0;
+}
+
 .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
   opacity: 0;
 }
@@ -503,6 +507,33 @@
   width: 24px;
 }
 
+.dataviews-filters__container-visibility-toggle {
+  position: relative;
+  flex-shrink: 0;
+}
+
+.dataviews-filters-toggle__count {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+  background: var(--wp-admin-theme-color, #3858e9);
+  height: 16px;
+  min-width: 16px;
+  line-height: 16px;
+  padding: 0 4px;
+  text-align: center;
+  border-radius: 8px;
+  font-size: 11px;
+  outline: var(--wp-admin-border-width-focus) solid #fff;
+  color: #fff;
+}
+
+.dataviews-search {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .dataviews-pagination {
   position: sticky;
   bottom: 0;
@@ -510,7 +541,6 @@
   background-color: #fff;
   padding: 12px 48px;
   border-top: 1px solid #f0f0f0;
-  color: #757575;
   flex-shrink: 0;
   transition: padding ease-out 0.1s;
 }
@@ -521,11 +551,16 @@
   }
 }
 
-.dataviews-pagination__page-selection {
+.dataviews-pagination__page-select {
   font-size: 11px;
-  text-transform: uppercase;
   font-weight: 500;
-  color: #1e1e1e;
+  text-transform: uppercase;
+}
+@media (min-width: 600px) {
+  .dataviews-pagination__page-select .components-select-control__input {
+    font-size: 11px !important;
+    font-weight: 500;
+  }
 }
 
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
@@ -552,6 +587,50 @@
   margin: 0;
 }
 
+.dataviews-view-config {
+  width: 320px;
+  /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
+  container-type: inline-size;
+  padding: 16px;
+}
+
+.dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
+  text-transform: uppercase;
+}
+
+.dataviews-settings-section__title.dataviews-settings-section__title {
+  line-height: 24px;
+  font-size: 15px;
+}
+
+.dataviews-settings-section__sidebar {
+  grid-column: span 4;
+}
+
+.dataviews-settings-section__content,
+.dataviews-settings-section__content > * {
+  grid-column: span 8;
+}
+
+.dataviews-settings-section__content .is-divided-in-two {
+  display: contents;
+}
+.dataviews-settings-section__content .is-divided-in-two > * {
+  grid-column: span 4;
+}
+
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 500px) {
+  .dataviews-settings-section.dataviews-settings-section {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
+    grid-column: span 2;
+  }
+  .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
+    grid-column: span 2;
+  }
+}
 .dataviews-view-grid {
   margin-bottom: auto;
   grid-template-rows: max-content;
@@ -567,6 +646,7 @@
 .dataviews-view-grid .dataviews-view-grid__card {
   height: 100%;
   justify-content: flex-start;
+  position: relative;
 }
 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
   padding: 8px 0 4px;
@@ -577,6 +657,10 @@
 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+  box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
+}
 .dataviews-view-grid .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
@@ -609,10 +693,18 @@
 .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
   padding: 0 0 12px;
 }
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
+  min-height: 24px;
+  line-height: 20px;
+  padding-top: 2px;
+}
 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
   align-items: flex-start;
   min-height: 24px;
 }
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+  display: none;
+}
 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) {
   align-items: center;
 }
@@ -670,15 +762,24 @@
   }
 }
 
-.dataviews-density-picker__range-control {
-  width: 200px;
-}
-
 .dataviews-view-grid__field-value:empty,
 .dataviews-view-grid__field:empty {
   display: none;
 }
 
+.dataviews-view-grid__card .dataviews-selection-checkbox {
+  position: absolute;
+  top: -9999em;
+  left: 8px;
+  z-index: 1;
+}
+
+.dataviews-view-grid__card:hover .dataviews-selection-checkbox,
+.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
+.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
+  top: 8px;
+}
+
 .dataviews-view-list {
   margin: 0 0 auto;
 }
@@ -819,7 +920,10 @@
   display: none;
 }
 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
-  line-height: 24px;
+  min-height: 24px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
 }
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
@@ -994,4 +1098,66 @@
   .dataviews-view-table-selection-checkbox {
     --checkbox-input-size: 16px;
   }
+}
+
+.dataviews-controls__datetime {
+  border: none;
+  padding: 0;
+}
+
+.dataforms-layouts-panel__field {
+  width: 100%;
+  min-height: 32px;
+  justify-content: flex-start !important;
+  align-items: flex-start !important;
+}
+
+.dataforms-layouts-panel__field-label {
+  width: 38%;
+  flex-shrink: 0;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  padding: 6px 0;
+  line-height: 20px;
+  -webkit-hyphens: auto;
+          hyphens: auto;
+}
+
+.dataforms-layouts-panel__field-control {
+  flex-grow: 1;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
+.dataforms-layouts-panel__field-control .components-button {
+  max-width: 100%;
+  text-align: left;
+  white-space: normal;
+  text-wrap: balance;
+  text-wrap: pretty;
+  min-height: 32px;
+}
+.dataforms-layouts-panel__field-control .components-dropdown {
+  max-width: 100%;
+}
+
+.dataforms-layouts-panel__field-dropdown .components-popover__content {
+  min-width: 320px;
+  padding: 16px;
+}
+
+.dataforms-layouts-panel__dropdown-header {
+  margin-bottom: 16px;
+}
+
+[class].dataforms-layouts-panel__dropdown-header-action {
+  height: 24px;
+}
+[class].dataforms-layouts-panel__dropdown-header-action.has-icon {
+  min-width: 24px;
+  padding: 0;
+}
+[class].dataforms-layouts-panel__dropdown-header-action:not(.has-icon) {
+  text-decoration: underline;
 }

package/build-types/components/dataform/index.d.ts

@@ -1,17 +1,6 @@
-/**
- * External dependencies
- */
-import type { Dispatch, SetStateAction } from 'react';
 /**
  * Internal dependencies
  */
-import type { Form, Field } from '../../types';
-type DataFormProps<Item> = {
-    data: Item;
-    fields: Field<Item>[];
-    form: Form;
-    onChange: Dispatch<SetStateAction<Item>>;
-};
-export default function DataForm<Item>({ data, fields, form, onChange, }: DataFormProps<Item>): (import("react").JSX.Element | null)[];
-export {};
+import type { DataFormProps } from '../../types';
+export default function DataForm<Item>({ form, ...props }: DataFormProps<Item>): import("react").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/dataform/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQtD;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAmB,MAAM,aAAa,CAAC;AAGhE,KAAK,aAAa,CAAE,IAAI,IAAK;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,QAAQ,CAAE,cAAc,CAAE,IAAI,CAAE,CAAE,CAAC;CAC7C,CAAC;AAwDF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,GACR,EAAE,aAAa,CAAE,IAAI,CAAE,0CAsBvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,aAAa,CAAE,IAAI,CAAE,sCAOvB"}

package/build-types/components/dataform/stories/index.story.d.ts

@@ -5,7 +5,18 @@ import DataForm from '../index';
 declare const meta: {
     title: string;
     component: typeof DataForm;
+    argTypes: {
+        type: {
+            control: {
+                type: string;
+            };
+            description: string;
+            options: string[];
+        };
+    };
 };
 export default meta;
-export declare const Default: () => import("react").JSX.Element;
+export declare const Default: ({ type }: {
+    type: "panel" | "regular";
+}) => import("react").JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/components/dataform/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI;;;CAGT,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,mCAiBnB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform/stories/index.story.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAWT,CAAC;AACF,eAAe,IAAI,CAAC;AA0DpB,eAAO,MAAM,OAAO,aAAe;IAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,gCAuC/D,CAAC"}

package/build-types/components/dataviews/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,CAAE,IAAI,SAAS,UAAU,GAC1B;IAAE,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,GACxC;IAAE,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,CAAE,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BAgFxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,CAAE,IAAI,SAAS,UAAU,GAC1B;IAAE,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,GACxC;IAAE,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,CAAE,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BA0FxB"}

package/build-types/components/dataviews/stories/fixtures.d.ts

@@ -6,6 +6,7 @@ export const data: {
     type: string;
     categories: string[];
     satellites: number;
+    date: string;
 }[];
 export namespace DEFAULT_VIEW {
     export { LAYOUT_TABLE as type };
@@ -39,12 +40,14 @@ export const actions: ({
 export const fields: ({
     label: string;
     id: string;
+    header: import("react").JSX.Element;
     render: ({ item }: {
         item: any;
     }) => import("react").JSX.Element;
     enableSorting: boolean;
     enableHiding?: undefined;
     enableGlobalSearch?: undefined;
+    type?: undefined;
     elements?: undefined;
     filterBy?: undefined;
     getValue?: undefined;
@@ -53,8 +56,22 @@ export const fields: ({
     id: string;
     enableHiding: boolean;
     enableGlobalSearch: boolean;
+    header?: undefined;
     render?: undefined;
     enableSorting?: undefined;
+    type?: undefined;
+    elements?: undefined;
+    filterBy?: undefined;
+    getValue?: undefined;
+} | {
+    id: string;
+    label: string;
+    type: string;
+    header?: undefined;
+    render?: undefined;
+    enableSorting?: undefined;
+    enableHiding?: undefined;
+    enableGlobalSearch?: undefined;
     elements?: undefined;
     filterBy?: undefined;
     getValue?: undefined;
@@ -66,15 +83,19 @@ export const fields: ({
         value: string;
         label: string;
     }[];
+    header?: undefined;
     render?: undefined;
     enableSorting?: undefined;
     enableGlobalSearch?: undefined;
+    type?: undefined;
     filterBy?: undefined;
     getValue?: undefined;
 } | {
     label: string;
     id: string;
+    type: string;
     enableSorting: boolean;
+    header?: undefined;
     render?: undefined;
     enableHiding?: undefined;
     enableGlobalSearch?: undefined;
@@ -86,14 +107,17 @@ export const fields: ({
     id: string;
     enableSorting: boolean;
     enableGlobalSearch: boolean;
+    header?: undefined;
     render?: undefined;
     enableHiding?: undefined;
+    type?: undefined;
     elements?: undefined;
     filterBy?: undefined;
     getValue?: undefined;
 } | {
     label: string;
     id: string;
+    header: import("react").JSX.Element;
     elements: {
         value: string;
         label: string;
@@ -110,6 +134,7 @@ export const fields: ({
     enableSorting: boolean;
     enableHiding?: undefined;
     enableGlobalSearch?: undefined;
+    type?: undefined;
 })[];
 import { LAYOUT_TABLE } from '../../../constants';
 //# sourceMappingURL=fixtures.d.ts.map

package/build-types/components/dataviews/stories/fixtures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/fixtures.js"],"names":[],"mappings":"AAgBA;;;;;;;;IAoGE;;;;;;;;;;AAYF;;;;;;;;;;;;;;;;;;;KA8BE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DE;6BA9M2B,oBAAoB"}
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/fixtures.js"],"names":[],"mappings":"AAgBA;;;;;;;;;IA+GE;;;;;;;;;;AAYF;;;;;;;;;;;;;;;;;;;KA8BE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8EE;6BA3O2B,oBAAoB"}

package/build-types/components/dataviews/stories/index.story.d.ts

@@ -33,6 +33,15 @@ export namespace Default {
                 }
                 export { layout_1 as layout };
             }
+            namespace list {
+                export namespace layout_2 {
+                    let mediaField_1: string;
+                    export { mediaField_1 as mediaField };
+                    let primaryField_2: string;
+                    export { primaryField_2 as primaryField };
+                }
+                export { layout_2 as layout };
+            }
         }
     }
 }

package/build-types/components/dataviews/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/index.story.js"],"names":[],"mappings":";AAmBO,iEAeN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAzBmD,YAAY;sBAD1C,UAAU"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews/stories/index.story.js"],"names":[],"mappings":";AAmBO,iEAeN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAzBmD,YAAY;sBAD1C,UAAU"}

package/build-types/components/dataviews-bulk-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-bulk-actions/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AA4BvD,wBAAgB,yBAAyB,CAAE,IAAI,EAC9C,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,WAUV;AAED,wBAAgB,iCAAiC,CAAE,IAAI,EACtD,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EAAE,WAYZ;AAmND,MAAM,CAAC,OAAO,UAAU,WAAW,uCAclC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-bulk-actions/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AA4BvD,wBAAgB,yBAAyB,CAAE,IAAI,EAC9C,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,WAUV;AAED,wBAAgB,iCAAiC,CAAE,IAAI,EACtD,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EAAE,WAYZ;AAwND,MAAM,CAAC,OAAO,UAAU,WAAW,uCAclC"}

package/build-types/components/dataviews-filters/add-filter.d.ts

@@ -5,6 +5,9 @@ interface AddFilterProps {
     onChangeView: (view: View) => void;
     setOpenedFilter: (filter: string | null) => void;
 }
+export declare function AddFilterDropdownMenu({ filters, view, onChangeView, setOpenedFilter, trigger, }: AddFilterProps & {
+    trigger: React.ReactNode;
+}): import("react").JSX.Element;
 declare const _default: import("react").ForwardRefExoticComponent<AddFilterProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default _default;
 //# sourceMappingURL=add-filter.d.ts.map

package/build-types/components/dataviews-filters/add-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/add-filter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQ1D,UAAU,cAAc;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CACnD;;AAuDD,wBAAuC"}
+{"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/add-filter.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQ1D,UAAU,cAAc;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CACnD;AAED,wBAAgB,qBAAqB,CAAE,EACtC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,OAAO,GACP,EAAE,cAAc,GAAG;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,+BAgCA;;AA6BD,wBAAuC"}

package/build-types/components/dataviews-filters/index.d.ts

@@ -1,4 +1,14 @@
-declare function Filters(): import("react").JSX.Element;
+import type { NormalizedFilter, NormalizedField, View } from '../../types';
+export declare function useFilters(fields: NormalizedField<any>[], view: View): NormalizedFilter[];
+export declare function FilterVisibilityToggle({ filters, view, onChangeView, setOpenedFilter, isShowingFilter, setIsShowingFilter, }: {
+    filters: NormalizedFilter[];
+    view: View;
+    onChangeView: (view: View) => void;
+    setOpenedFilter: (filter: string | null) => void;
+    isShowingFilter: boolean;
+    setIsShowingFilter: React.Dispatch<React.SetStateAction<boolean>>;
+}): import("react").JSX.Element | null;
+declare function Filters(): import("react").JSX.Element | null;
 declare const _default: import("react").MemoExoticComponent<typeof Filters>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/dataviews-filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/index.tsx"],"names":[],"mappings":"AAiBA,iBAAS,OAAO,gCA2Ff;;AAED,wBAA+B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE3E,wBAAgB,UAAU,CAAE,MAAM,EAAE,eAAe,CAAE,GAAG,CAAE,EAAE,EAAE,IAAI,EAAE,IAAI,sBA6CvE;AAED,wBAAgB,sBAAsB,CAAE,EACvC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,GAClB,EAAE;IACF,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,eAAe,EAAE,CAAE,MAAM,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACnD,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,cAAc,CAAE,OAAO,CAAE,CAAE,CAAC;CACtE,sCAyDA;AAED,iBAAS,OAAO,uCAsDf;;AAED,wBAA+B"}

package/build-types/components/dataviews-filters/search-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-widget.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/search-widget.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAU,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQlE,UAAU,iBAAiB;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,gBAAgB,CAAC;IACzB,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC;AAoRD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,KAAK,EAAE,iBAAiB,+BAG7D"}
+{"version":3,"file":"search-widget.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-filters/search-widget.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAU,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQlE,UAAU,iBAAiB;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,gBAAgB,CAAC;IACzB,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC;AA6QD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,KAAK,EAAE,iBAAiB,+BAG7D"}

package/build-types/components/dataviews-pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-pagination/index.tsx"],"names":[],"mappings":"AAiBA,iBAAS,mBAAmB,+CA0F3B;;AAED,wBAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-pagination/index.tsx"],"names":[],"mappings":"AAiBA,iBAAS,mBAAmB,+CA6G3B;;AAED,wBAA2C"}

package/build-types/components/dataviews-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-search/index.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,mDAgClB,CAAC;AAEJ,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-search/index.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,eAAe,mDAmClB,CAAC;AAEJ,eAAe,eAAe,CAAC"}

package/build-types/components/dataviews-view-config/index.d.ts

@@ -1,8 +1,9 @@
 import type { SupportedLayouts } from '../../types';
-interface ViewActionsProps {
+declare function _DataViewsViewConfig({ density, setDensity, defaultLayouts, }: {
+    density: number;
+    setDensity: React.Dispatch<React.SetStateAction<number>>;
     defaultLayouts?: SupportedLayouts;
-}
-declare function _DataViewsViewConfig({ defaultLayouts }: ViewActionsProps): import("react").JSX.Element;
+}): import("react").JSX.Element;
 declare const DataViewsViewConfig: import("react").MemoExoticComponent<typeof _DataViewsViewConfig>;
 export default DataViewsViewConfig;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/dataviews-view-config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-view-config/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAyB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAmC3E,UAAU,gBAAgB;IACzB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CAClC;AA8ND,iBAAS,oBAAoB,CAAE,EAAE,cAAc,EAAE,EAAE,gBAAgB,+BAyDlE;AAED,QAAA,MAAM,mBAAmB,kEAA+B,CAAC;AAEzD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-view-config/index.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgTpD,iBAAS,oBAAoB,CAAE,EAC9B,OAAO,EACP,UAAU,EACV,cAAkD,GAClD,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,cAAc,CAAE,MAAM,CAAE,CAAE,CAAC;IAC7D,cAAc,CAAC,EAAE,gBAAgB,CAAC;CAClC,+BA+BA;AAED,QAAA,MAAM,mBAAmB,kEAA+B,CAAC;AAEzD,eAAe,mBAAmB,CAAC"}

package/build-types/constants.d.ts

@@ -26,6 +26,10 @@ export declare const sortLabels: {
     asc: string;
     desc: string;
 };
+export declare const sortIcons: {
+    asc: import("react").JSX.Element;
+    desc: import("react").JSX.Element;
+};
 export declare const LAYOUT_TABLE = "table";
 export declare const LAYOUT_GRID = "grid";
 export declare const LAYOUT_LIST = "list";

package/build-types/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAE9C,eAAO,MAAM,aAAa,UAOzB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyBvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,0BAA6B,CAAC;AAC7D,eAAO,MAAM,UAAU;;;CAA0B,CAAC;AAClD,eAAO,MAAM,UAAU;;;CAAoD,CAAC;AAC5E,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAGF,eAAO,MAAM,YAAY,UAAU,CAAC;AACpC,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,mBAAmB,aAAa,CAAC;AAE9C,eAAO,MAAM,aAAa,UAOzB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAE,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyBvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,0BAA6B,CAAC;AAC7D,eAAO,MAAM,UAAU;;;CAA0B,CAAC;AAClD,eAAO,MAAM,UAAU;;;CAAoD,CAAC;AAC5E,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AACF,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAGF,eAAO,MAAM,YAAY,UAAU,CAAC;AACpC,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC"}

package/build-types/dataform-controls/datetime.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps } from '../types';
+export default function DateTime<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
+//# sourceMappingURL=datetime.d.ts.map

package/build-types/dataform-controls/datetime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/datetime.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA0B9B"}

package/build-types/dataform-controls/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies
+ */
+import type { ComponentType } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps, Field, FieldTypeDefinition } from '../types';
+export declare function getControl<Item>(field: Field<Item>, fieldTypeDefinition: FieldTypeDefinition<Item>): ComponentType<DataFormControlProps<any>> | ComponentType<DataFormControlProps<Item>>;
+export declare function getControlByType(type: string): ComponentType<DataFormControlProps<any>>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/dataform-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EACX,oBAAoB,EACpB,KAAK,EACL,mBAAmB,EACnB,MAAM,UAAU,CAAC;AAmBlB,wBAAgB,UAAU,CAAE,IAAI,EAC/B,KAAK,EAAE,KAAK,CAAE,IAAI,CAAE,EACpB,mBAAmB,EAAE,mBAAmB,CAAE,IAAI,CAAE,wFAmBhD;AAED,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,MAAM,4CAM7C"}

package/build-types/dataform-controls/integer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps } from '../types';
+export default function Integer<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
+//# sourceMappingURL=integer.d.ts.map

package/build-types/dataform-controls/integer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"integer.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/integer.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAE,IAAI,EAAI,EACxC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqB9B"}

package/build-types/dataform-controls/radio.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps } from '../types';
+export default function Radio<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element | null;
+//# sourceMappingURL=radio.d.ts.map

package/build-types/dataform-controls/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/dataform-controls/radio.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,GACnB,EAAE,oBAAoB,CAAE,IAAI,CAAE,sCAyB9B"}

package/build-types/dataform-controls/select.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps } from '../types';
+export default function Select<Item>({ data, field, onChange, hideLabelFromVision, }: DataFormControlProps<Item>): import("react").JSX.Element;
+//# sourceMappingURL=select.d.ts.map