@wordpress/dataviews 1.1.0 → 2.0.0

package/build-style/style.css

@@ -109,23 +109,30 @@
   overflow: auto;
   box-sizing: border-box;
   scroll-padding-bottom: 64px;
+  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
+  container: dataviews-wrapper/inline-size;
+  display: flex;
+  flex-direction: column;
 }
 
 .dataviews-filters__view-actions {
   box-sizing: border-box;
-  padding: 12px 32px 0;
-  margin-bottom: 12px;
+  padding: 16px 48px;
   flex-shrink: 0;
   position: sticky;
   left: 0;
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-filters__view-actions {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
 }
 .dataviews-filters__view-actions .components-search-control .components-base-control__field {
   max-width: 240px;
 }
 
-.dataviews-filters__container {
-  padding-right: 32px;
-}
 .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover {
   opacity: 0;
 }
@@ -142,10 +149,17 @@
   bottom: 0;
   left: 0;
   background-color: #fff;
-  padding: 12px 32px;
+  padding: 12px 48px;
   border-top: 1px solid #f0f0f0;
   color: #757575;
   flex-shrink: 0;
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-pagination {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
 }
 
 .dataviews-pagination__page-selection {
@@ -166,6 +180,7 @@
   border-collapse: collapse;
   position: relative;
   color: #757575;
+  margin-bottom: auto;
 }
 .dataviews-view-table a {
   text-decoration: none;
@@ -197,9 +212,22 @@
 .dataviews-view-table tr .dataviews-view-table-header-button {
   gap: 4px;
 }
+.dataviews-view-table tr th:first-child, .dataviews-view-table tr th:last-child,
+.dataviews-view-table tr td:first-child,
+.dataviews-view-table tr td:last-child {
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-view-table tr th:first-child, .dataviews-view-table tr th:last-child,
+.dataviews-view-table tr td:first-child,
+.dataviews-view-table tr td:last-child {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
 .dataviews-view-table tr td:first-child,
 .dataviews-view-table tr th:first-child {
-  padding-left: 32px;
+  padding-left: 48px;
 }
 .dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
 .dataviews-view-table tr td:first-child .dataviews-view-table-header,
@@ -209,7 +237,7 @@
 }
 .dataviews-view-table tr td:last-child,
 .dataviews-view-table tr th:last-child {
-  padding-right: 32px;
+  padding-right: 48px;
 }
 .dataviews-view-table tr:last-child {
   border-bottom: 0;
@@ -355,10 +383,22 @@
 }
 
 .dataviews-view-grid {
-  margin-bottom: 24px;
-  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  margin-bottom: auto;
+  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   grid-template-rows: max-content;
-  padding: 0 32px;
+  padding: 0 48px 24px;
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-view-grid {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
+@media (min-width: 480px) {
+  .dataviews-view-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
 }
 @media (min-width: 1080px) {
   .dataviews-view-grid {
@@ -410,6 +450,7 @@
   height: 100%;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
+  pointer-events: none;
 }
 .dataviews-view-grid .dataviews-view-grid__fields {
   position: relative;
@@ -454,35 +495,40 @@
 }
 
 .dataviews-view-list {
-  margin: 0;
-  padding: 8px;
+  margin: 0 0 auto;
 }
 .dataviews-view-list li {
   margin: 0;
   cursor: pointer;
+  border-top: 1px solid #f0f0f0;
 }
 .dataviews-view-list li .dataviews-view-list__item-wrapper {
   position: relative;
-  padding-right: 24px;
   border-radius: 4px;
 }
-.dataviews-view-list li .dataviews-view-list__item-wrapper::after {
-  position: absolute;
-  content: "";
-  top: 100%;
-  left: 24px;
-  right: 24px;
-  background: #f0f0f0;
-  height: 1px;
-}
 .dataviews-view-list li .dataviews-view-list__item-wrapper > * {
   width: 100%;
 }
+.dataviews-view-list li .dataviews-view-list__item-actions .components-button {
+  opacity: 0;
+  position: fixed;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__item-actions, .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions, .dataviews-view-list li:focus-within .dataviews-view-list__item-actions {
+  padding-right: 32px;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button, .dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button, .dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button {
+  opacity: 1;
+  position: static;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__item, .dataviews-view-list li.is-hovered .dataviews-view-list__item, .dataviews-view-list li:focus-within .dataviews-view-list__item {
+  padding-right: 0;
+}
 .dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field {
   color: #1e1e1e;
 }
 .dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected):focus-within {
   color: var(--wp-admin-theme-color);
+  background-color: #f8f8f8;
 }
 .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
 .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
@@ -491,49 +537,43 @@
 }
 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,
 .dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper {
-  background-color: var(--wp-admin-theme-color);
-  color: #fff;
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  color: #1e1e1e;
 }
 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
-.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .components-button,
 .dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .components-button {
-  color: #fff;
-}
-.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper::after,
-.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper::after {
-  background: transparent;
+.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
+  color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
-  padding: 12px 0 12px 24px;
+  padding: 16px 0 16px 24px;
   width: 100%;
   scroll-margin: 8px 0;
 }
 .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
   position: absolute;
   content: "";
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  z-index: -1;
-  border-radius: 4px;
+  top: calc(var(--wp-admin-border-width-focus) + 1px);
+  right: var(--wp-admin-border-width-focus);
+  bottom: var(--wp-admin-border-width-focus);
+  left: var(--wp-admin-border-width-focus);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  border-radius: 2px;
 }
 .dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field {
   min-height: 20px;
+  line-height: 20px;
   overflow: hidden;
 }
 .dataviews-view-list .dataviews-view-list__media-wrapper {
   width: 40px;
   height: 40px;
-  border-radius: 4px;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
   background-color: #f0f0f0;
+  border-radius: 4px;
 }
 .dataviews-view-list .dataviews-view-list__media-wrapper img {
   width: 100%;
@@ -561,11 +601,17 @@
   gap: 8px;
   flex-wrap: wrap;
   font-size: 12px;
-  line-height: 16px;
 }
 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
   display: none;
 }
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
+  line-height: 20px;
+  display: inline-flex;
+}
+.dataviews-view-list .dataviews-view-list__item-actions {
+  padding-right: 24px;
+}
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
 }
@@ -576,22 +622,34 @@
 
 .dataviews-no-results,
 .dataviews-loading {
-  padding: 0 32px;
+  padding: 0 48px;
   flex-grow: 1;
   display: flex;
   align-items: center;
   justify-content: center;
+  transition: padding ease-out 0.1s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .dataviews-no-results,
+.dataviews-loading {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
 }
 
 .dataviews-view-table-selection-checkbox {
   --checkbox-input-size: 24px;
   line-height: 0;
+  flex-shrink: 0;
 }
 @media (min-width: 600px) {
   .dataviews-view-table-selection-checkbox {
     --checkbox-input-size: 16px;
   }
 }
+.dataviews-view-table-selection-checkbox .components-checkbox-control__input-container {
+  margin: 0;
+}
 
 .dataviews-filters__custom-menu-radio-item-prefix {
   display: block;
@@ -826,4 +884,70 @@
 .dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 430px) {
+  .dataviews-pagination,
+.dataviews-filters__view-actions {
+    padding: 12px 24px;
+  }
+
+  .dataviews-filters__view-actions .components-search-control .components-base-control__field {
+    max-width: 112px;
+  }
+
+  .dataviews-view-table tr td:first-child,
+.dataviews-view-table tr th:first-child {
+    padding-left: 24px;
+  }
+
+  .dataviews-view-table tr td:last-child,
+.dataviews-view-table tr th:last-child {
+    padding-right: 24px;
+  }
+
+  .dataviews-view-grid,
+.dataviews-no-results,
+.dataviews-loading {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}
+.dataviews-bulk-actions-toolbar-wrapper {
+  display: flex;
+  flex-grow: 1;
+  width: 100%;
+}
+.dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group {
+  align-items: center;
+}
+.dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy {
+  max-height: 36px;
+}
+
+.dataviews-bulk-actions {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  flex-wrap: wrap;
+  width: 100%;
+  bottom: 24px;
+  z-index: 2;
+}
+.dataviews-bulk-actions .components-accessible-toolbar {
+  border-color: #ddd;
+  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+}
+.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group {
+  border-color: #e0e0e0;
+}
+.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child {
+  border: 0;
+}
+.dataviews-bulk-actions .dataviews-bulk-actions__selection-count {
+  display: flex;
+  align-items: center;
+  margin: 0 8px 0 8px;
 }

package/build-types/add-filter.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { NormalizedFilter, View } from './types';
+interface AddFilterProps {
+    filters: NormalizedFilter[];
+    view: View;
+    onChangeView: (view: View) => void;
+    setOpenedFilter: (filter: string | null) => void;
+}
+declare const _default: import("react").ForwardRefExoticComponent<AddFilterProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+//# sourceMappingURL=add-filter.d.ts.map

package/build-types/add-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../src/add-filter.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQtD,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"}

package/build-types/bulk-actions-toolbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Action, AnyItem } from './types';
+interface BulkActionsToolbarProps<Item extends AnyItem> {
+    data: Item[];
+    selection: string[];
+    actions: Action<Item>[];
+    onSelectionChange: (selection: Item[]) => void;
+    getItemId: (item: Item) => string;
+}
+export default function BulkActionsToolbar<Item extends AnyItem>({ data, selection, actions, onSelectionChange, getItemId, }: BulkActionsToolbarProps<Item>): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=bulk-actions-toolbar.d.ts.map

package/build-types/bulk-actions-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-actions-toolbar.d.ts","sourceRoot":"","sources":["../src/bulk-actions-toolbar.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAiB/C,UAAU,uBAAuB,CAAE,IAAI,SAAS,OAAO;IACtD,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC1B,iBAAiB,EAAE,CAAE,SAAS,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;IACjD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;CACpC;AA0KD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,IAAI,SAAS,OAAO,EAAI,EACnE,IAAI,EACJ,SAAS,EACT,OAAqB,EACrB,iBAAiB,EACjB,SAAS,GACT,EAAE,uBAAuB,CAAE,IAAI,CAAE,sCAqDjC"}

package/build-types/bulk-actions.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Action, AnyItem } from './types';
+interface BulkActionsProps<Item extends AnyItem> {
+    data: Item[];
+    actions: Action<Item>[];
+    selection: string[];
+    onSelectionChange: (selection: Item[]) => void;
+    getItemId: (item: Item) => string;
+}
+export declare function useHasAPossibleBulkAction<Item extends AnyItem>(actions: Action<Item>[], item: Item): boolean;
+export declare function useSomeItemHasAPossibleBulkAction<Item extends AnyItem>(actions: Action<Item>[], data: Item[]): boolean;
+export default function BulkActions<Item extends AnyItem>({ data, actions, selection, onSelectionChange, getItemId, }: BulkActionsProps<Item>): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=bulk-actions.d.ts.map

package/build-types/bulk-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-actions.d.ts","sourceRoot":"","sources":["../src/bulk-actions.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,MAAM,EAAe,OAAO,EAAE,MAAM,SAAS,CAAC;AA4B5D,UAAU,gBAAgB,CAAE,IAAI,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAE,SAAS,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;IACjD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;CACpC;AAED,wBAAgB,yBAAyB,CAAE,IAAI,SAAS,OAAO,EAC9D,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,WAUV;AAED,wBAAgB,iCAAiC,CAAE,IAAI,SAAS,OAAO,EACtE,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,EACzB,IAAI,EAAE,IAAI,EAAE,WAYZ;AA6FD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,SAAS,OAAO,EAAI,EAC5D,IAAI,EACJ,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,SAAS,GACT,EAAE,gBAAgB,CAAE,IAAI,CAAE,sCAsH1B"}

package/build-types/constants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Internal dependencies
+ */
+import type { Operator } from './types';
 export declare const OPERATOR_IS = "is";
 export declare const OPERATOR_IS_NOT = "isNot";
 export declare const OPERATOR_IS_ANY = "isAny";
@@ -5,39 +9,22 @@ export declare const OPERATOR_IS_NONE = "isNone";
 export declare const OPERATOR_IS_ALL = "isAll";
 export declare const OPERATOR_IS_NOT_ALL = "isNotAll";
 export declare const ALL_OPERATORS: string[];
-export declare const OPERATORS: {
-    is: {
-        key: string;
-        label: string;
-    };
-    isNot: {
-        key: string;
-        label: string;
-    };
-    isAny: {
-        key: string;
-        label: string;
-    };
-    isNone: {
-        key: string;
-        label: string;
-    };
-    isAll: {
-        key: string;
-        label: string;
-    };
-    isNotAll: {
-        key: string;
-        label: string;
-    };
+export declare const OPERATORS: Record<Operator, {
+    key: string;
+    label: string;
+}>;
+export declare const SORTING_DIRECTIONS: readonly ["asc", "desc"];
+export declare const sortArrows: {
+    asc: string;
+    desc: string;
 };
-export declare const SORTING_DIRECTIONS: {
-    asc: {
-        label: string;
-    };
-    desc: {
-        label: string;
-    };
+export declare const sortValues: {
+    readonly asc: "ascending";
+    readonly desc: "descending";
+};
+export declare const sortLabels: {
+    asc: string;
+    desc: string;
 };
 export declare const LAYOUT_TABLE = "table";
 export declare const LAYOUT_GRID = "grid";

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAMA,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;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;;;CAG9B,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":"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"}

package/build-types/dataviews.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { Action, AnyItem, Field, View } from './types';
+interface DataViewsProps<Item extends AnyItem> {
+    view: View;
+    onChangeView: (view: View) => void;
+    fields: Field<Item>[];
+    search?: boolean;
+    searchLabel?: string;
+    actions?: Action<Item>[];
+    data: Item[];
+    getItemId?: (item: Item) => string;
+    isLoading?: boolean;
+    paginationInfo: {
+        totalItems: number;
+        totalPages: number;
+    };
+    supportedLayouts: string[];
+    onSelectionChange?: (items: Item[]) => void;
+}
+export default function DataViews<Item extends AnyItem>({ view, onChangeView, fields, search, searchLabel, actions, data, getItemId, isLoading, paginationInfo, supportedLayouts, onSelectionChange, }: DataViewsProps<Item>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dataviews.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataviews.d.ts","sourceRoot":"","sources":["../src/dataviews.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAE3E,UAAU,cAAc,CAAE,IAAI,SAAS,OAAO;IAC7C,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,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAqBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,SAAS,OAAO,EAAI,EAC1D,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,iBAA4C,GAC5C,EAAE,cAAc,CAAE,IAAI,CAAE,+BAgHxB"}

package/build-types/filter-and-sort-data-view.d.ts

@@ -1,4 +1,4 @@
-import type { Data, Field, View } from './types';
+import type { Field, AnyItem, View } from './types';
 /**
  * Applies the filtering, sorting and pagination to the raw data based on the view configuration.
  *
@@ -8,8 +8,8 @@ import type { Data, Field, View } from './types';
  *
  * @return Filtered, sorted and paginated data.
  */
-export declare function filterSortAndPaginate(data: Data, view: View, fields: Field[]): {
-    data: Data;
+export declare function filterSortAndPaginate<Item extends AnyItem>(data: Item[], view: View, fields: Field<Item>[]): {
+    data: Item[];
     paginationInfo: {
         totalItems: number;
         totalPages: number;

package/build-types/filter-and-sort-data-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-and-sort-data-view.d.ts","sourceRoot":"","sources":["../src/filter-and-sort-data-view.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQjD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACpC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EAAE,GACb;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,cAAc,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CA6H5E"}
+{"version":3,"file":"filter-and-sort-data-view.d.ts","sourceRoot":"","sources":["../src/filter-and-sort-data-view.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQpD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAE,IAAI,SAAS,OAAO,EAC1D,IAAI,EAAE,IAAI,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB;IACF,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,cAAc,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,CA+HA"}

package/build-types/filter-summary.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from 'react';
+import type { NormalizedFilter, View } from './types';
+interface OperatorSelectorProps {
+    filter: NormalizedFilter;
+    view: View;
+    onChangeView: (view: View) => void;
+}
+interface FilterSummaryProps extends OperatorSelectorProps {
+    addFilterRef: RefObject<HTMLButtonElement>;
+    openedFilter: string | null;
+}
+export default function FilterSummary({ addFilterRef, openedFilter, ...commonProps }: FilterSummaryProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=filter-summary.d.ts.map

package/build-types/filter-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-summary.d.ts","sourceRoot":"","sources":["../src/filter-summary.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCvC,OAAO,KAAK,EAAU,gBAAgB,EAAoB,IAAI,EAAE,MAAM,SAAS,CAAC;AAQhF,UAAU,qBAAqB;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC;AAED,UAAU,kBAAmB,SAAQ,qBAAqB;IACzD,YAAY,EAAE,SAAS,CAAE,iBAAiB,CAAE,CAAC;IAC7C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAgKD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,EACtC,YAAY,EACZ,YAAY,EACZ,GAAG,WAAW,EACd,EAAE,kBAAkB,+BAwGpB"}

package/build-types/filters.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { AnyItem, NormalizedField, View } from './types';
+interface FiltersProps<Item extends AnyItem> {
+    fields: NormalizedField<Item>[];
+    view: View;
+    onChangeView: (view: View) => void;
+    openedFilter: string | null;
+    setOpenedFilter: (openedFilter: string | null) => void;
+}
+declare function _Filters<Item extends AnyItem>({ fields, view, onChangeView, openedFilter, setOpenedFilter, }: FiltersProps<Item>): import("react").JSX.Element;
+declare const Filters: typeof _Filters;
+export default Filters;
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../src/filters.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAoB,IAAI,EAAE,MAAM,SAAS,CAAC;AAEhF,UAAU,YAAY,CAAE,IAAI,SAAS,OAAO;IAC3C,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAE,YAAY,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CACzD;AAED,iBAAS,QAAQ,CAAE,IAAI,SAAS,OAAO,EAAI,EAC1C,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,eAAe,GACf,EAAE,YAAY,CAAE,IAAI,CAAE,+BAyFtB;AAGD,QAAA,MAAM,OAAO,iBAAsC,CAAC;AAEpD,eAAe,OAAO,CAAC"}

package/build-types/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DataViews } from './dataviews';
+export { VIEW_LAYOUTS } from './layouts';
+export { filterSortAndPaginate } from './filter-and-sort-data-view';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}

package/build-types/item-actions.d.ts

@@ -0,0 +1,35 @@
+/**
+ * External dependencies
+ */
+import type { MouseEventHandler, ReactElement } from 'react';
+import type { Action, ActionModal as ActionModalType, AnyItem } from './types';
+export interface ActionTriggerProps<Item extends AnyItem> {
+    action: Action<Item>;
+    onClick: MouseEventHandler;
+    isBusy?: boolean;
+    items: Item[];
+}
+interface ActionModalProps<Item extends AnyItem> {
+    action: ActionModalType<Item>;
+    items: Item[];
+    closeModal?: () => void;
+}
+interface ActionWithModalProps<Item extends AnyItem> extends ActionModalProps<Item> {
+    ActionTrigger: (props: ActionTriggerProps<Item>) => ReactElement;
+    isBusy?: boolean;
+}
+interface ActionsDropdownMenuGroupProps<Item extends AnyItem> {
+    actions: Action<Item>[];
+    item: Item;
+}
+interface ItemActionsProps<Item extends AnyItem> {
+    item: Item;
+    actions: Action<Item>[];
+    isCompact?: boolean;
+}
+export declare function ActionModal<Item extends AnyItem>({ action, items, closeModal, }: ActionModalProps<Item>): import("react").JSX.Element;
+export declare function ActionWithModal<Item extends AnyItem>({ action, items, ActionTrigger, isBusy, }: ActionWithModalProps<Item>): import("react").JSX.Element;
+export declare function ActionsDropdownMenuGroup<Item extends AnyItem>({ actions, item, }: ActionsDropdownMenuGroupProps<Item>): import("react").JSX.Element;
+export default function ItemActions<Item extends AnyItem>({ item, actions, isCompact, }: ItemActionsProps<Item>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=item-actions.d.ts.map

package/build-types/item-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-actions.d.ts","sourceRoot":"","sources":["../src/item-actions.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAmB7D,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,IAAI,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAU/E,MAAM,WAAW,kBAAkB,CAAE,IAAI,SAAS,OAAO;IACxD,MAAM,EAAE,MAAM,CAAE,IAAI,CAAE,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;CACd;AAED,UAAU,gBAAgB,CAAE,IAAI,SAAS,OAAO;IAC/C,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,CAAC;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,UAAU,oBAAoB,CAAE,IAAI,SAAS,OAAO,CACnD,SAAQ,gBAAgB,CAAE,IAAI,CAAE;IAChC,aAAa,EAAE,CAAE,KAAK,EAAE,kBAAkB,CAAE,IAAI,CAAE,KAAM,YAAY,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,6BAA6B,CAAE,IAAI,SAAS,OAAO;IAC5D,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC1B,IAAI,EAAE,IAAI,CAAC;CACX;AAED,UAAU,gBAAgB,CAAE,IAAI,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,wBAAgB,WAAW,CAAE,IAAI,SAAS,OAAO,EAAI,EACpD,MAAM,EACN,KAAK,EACL,UAAU,GACV,EAAE,gBAAgB,CAAE,IAAI,CAAE,+BAoB1B;AAED,wBAAgB,eAAe,CAAE,IAAI,SAAS,OAAO,EAAI,EACxD,MAAM,EACN,KAAK,EACL,aAAa,EACb,MAAM,GACN,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAsB9B;AAED,wBAAgB,wBAAwB,CAAE,IAAI,SAAS,OAAO,EAAI,EACjE,OAAO,EACP,IAAI,GACJ,EAAE,6BAA6B,CAAE,IAAI,CAAE,+BAyBvC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,SAAS,OAAO,EAAI,EAC5D,IAAI,EACJ,OAAO,EACP,SAAS,GACT,EAAE,gBAAgB,CAAE,IAAI,CAAE,+BAoD1B"}

package/build-types/layouts.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import ViewTable from './view-table';
+import ViewGrid from './view-grid';
+import ViewList from './view-list';
+export declare const VIEW_LAYOUTS: ({
+    type: string;
+    label: string;
+    component: typeof ViewTable;
+    icon: import("react").JSX.Element;
+} | {
+    type: string;
+    label: string;
+    component: typeof ViewGrid;
+    icon: import("react").JSX.Element;
+} | {
+    type: string;
+    label: string;
+    component: typeof ViewList;
+    icon: import("react").JSX.Element;
+})[];
+//# sourceMappingURL=layouts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../src/layouts.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;IAmBxB,CAAC"}

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: any, privateData: any) => void, unlock: (object: any) => any;
+//# sourceMappingURL=lock-unlock.d.ts.map