@wordpress/dataviews 1.1.0 → 1.2.0

package/build-style/style-rtl.css

@@ -410,6 +410,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;
@@ -455,34 +456,31 @@
 
 .dataviews-view-list {
   margin: 0;
-  padding: 8px;
 }
 .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-left: 24px;
   border-radius: 4px;
 }
-.dataviews-view-list li .dataviews-view-list__item-wrapper::after {
-  position: absolute;
-  content: "";
-  top: 100%;
-  right: 24px;
-  left: 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;
+}
+.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;
+}
 .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,8 +489,8 @@
 }
 .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,
@@ -500,27 +498,22 @@
 .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;
+  color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
-  padding: 12px 24px 12px 0;
+  padding: 16px 32px 16px 0;
   width: 100%;
   scroll-margin: 8px 0;
 }
 .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
   position: absolute;
   content: "";
-  top: -1px;
-  left: -1px;
-  bottom: -1px;
-  right: -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);
+  left: var(--wp-admin-border-width-focus);
+  bottom: var(--wp-admin-border-width-focus);
+  right: 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;
@@ -529,11 +522,11 @@
 .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%;
@@ -566,6 +559,10 @@
 .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__item-actions {
+  padding-top: 16px;
+  padding-left: 32px;
+}
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
 }
@@ -826,4 +823,42 @@
 .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);
+}
+
+.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-style/style.css

@@ -410,6 +410,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;
@@ -455,34 +456,31 @@
 
 .dataviews-view-list {
   margin: 0;
-  padding: 8px;
 }
 .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;
+}
+.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;
+}
 .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,8 +489,8 @@
 }
 .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,
@@ -500,27 +498,22 @@
 .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;
+  color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
-  padding: 12px 0 12px 24px;
+  padding: 16px 0 16px 32px;
   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;
@@ -529,11 +522,11 @@
 .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%;
@@ -566,6 +559,10 @@
 .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__item-actions {
+  padding-top: 16px;
+  padding-right: 32px;
+}
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
 }
@@ -826,4 +823,42 @@
 .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);
+}
+
+.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,8 @@
+declare const _default: import("react").ForwardRefExoticComponent<{
+    filters: any;
+    view: any;
+    onChangeView: any;
+    setOpenedFilter: any;
+} & import("react").RefAttributes<any>>;
+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.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+export default function BulkActionsToolbar({ data, selection, actions, setSelection, getItemId, }: {
+    data: any;
+    selection: any;
+    actions?: any[] | undefined;
+    setSelection: any;
+    getItemId: any;
+}): import("react").JSX.Element | null;
+//# 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.js"],"names":[],"mappings":"AA2LA;;;;;;uCAwDC"}

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;AAyFD,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/dataviews.d.ts

@@ -0,0 +1,15 @@
+export default function DataViews({ view, onChangeView, fields, search, searchLabel, actions, data, getItemId, isLoading, paginationInfo, supportedLayouts, onSelectionChange, }: {
+    view: any;
+    onChangeView: any;
+    fields: any;
+    search?: boolean | undefined;
+    searchLabel?: undefined;
+    actions?: any[] | undefined;
+    data: any;
+    getItemId?: ((item: any) => any) | undefined;
+    isLoading?: boolean | undefined;
+    paginationInfo: any;
+    supportedLayouts: any;
+    onSelectionChange?: (() => void) | undefined;
+}): import("react").JSX.Element;
+//# 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.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;gCA8HC"}

package/build-types/dropdown-menu-helper.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A custom implementation of a radio menu item using the standard menu item
+ * component, which allows deselecting selected values.
+ */
+export const DropdownMenuRadioItemCustom: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+//# sourceMappingURL=dropdown-menu-helper.d.ts.map

package/build-types/dropdown-menu-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-helper.d.ts","sourceRoot":"","sources":["../src/dropdown-menu-helper.js"],"names":[],"mappings":"AAyBA;;;GAGG;AACH,wHA+BE"}

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,6 @@
+export default function FilterSummary({ addFilterRef, openedFilter, ...commonProps }: {
+    [x: string]: any;
+    addFilterRef: any;
+    openedFilter: any;
+}): import("react").JSX.Element;
+//# 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.js"],"names":[],"mappings":"AA0LA;;;;gCA4GC"}

package/build-types/filters.d.ts

@@ -0,0 +1,3 @@
+export default Filters;
+declare const Filters: import("react").NamedExoticComponent<object>;
+//# 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.js"],"names":[],"mappings":";AAeA,oEA+FI"}

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.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,37 @@
+/**
+ * External dependencies
+ */
+import type { MouseEventHandler, ReactElement } from 'react';
+import type { Action, ActionModal as ActionModalType, AnyItem } from './types';
+interface ButtonTriggerProps<Item extends AnyItem> {
+    action: Action<Item>;
+    onClick: MouseEventHandler;
+}
+interface DropdownMenuItemTriggerProps<Item extends AnyItem> {
+    action: Action<Item>;
+    onClick: MouseEventHandler;
+}
+interface ActionModalProps<Item extends AnyItem> {
+    action: ActionModalType<Item>;
+    items: Item[];
+    closeModal?: () => void;
+}
+interface ActionWithModalProps<Item extends AnyItem> extends ActionModalProps<Item> {
+    ActionTrigger: (props: ButtonTriggerProps<Item> | DropdownMenuItemTriggerProps<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,UAAU,kBAAkB,CAAE,IAAI,SAAS,OAAO;IACjD,MAAM,EAAE,MAAM,CAAE,IAAI,CAAE,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;CAC3B;AAED,UAAU,4BAA4B,CAAE,IAAI,SAAS,OAAO;IAC3D,MAAM,EAAE,MAAM,CAAE,IAAI,CAAE,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;CAC3B;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,CACd,KAAK,EAAE,kBAAkB,CAAE,IAAI,CAAE,GAAG,4BAA4B,CAAE,IAAI,CAAE,KACpE,YAAY,CAAC;IAClB,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,EAAE,OAAO,CAAC;CACnB;AAoCD,wBAAgB,WAAW,CAAE,IAAI,SAAS,OAAO,EAAI,EACpD,MAAM,EACN,KAAK,EACL,UAAU,GACV,EAAE,gBAAgB,CAAE,IAAI,CAAE,+BAkB1B;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,+BAwBvC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,SAAS,OAAO,EAAI,EAC5D,IAAI,EACJ,OAAO,EACP,SAAS,GACT,EAAE,gBAAgB,CAAE,IAAI,CAAE,+BAmD1B"}

package/build-types/layouts.d.ts

@@ -0,0 +1,20 @@
+export 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;
+})[];
+import ViewTable from './view-table';
+import ViewGrid from './view-grid';
+import ViewList from './view-list';
+//# 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.js"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;KAmBE;sBAxBoB,cAAc;qBACf,aAAa;qBACb,aAAa"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"lock-unlock.d.ts","sourceRoot":"","sources":["../src/lock-unlock.ts"],"names":[],"mappings":"AAKA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC"}

package/build-types/normalize-fields.d.ts

@@ -1,12 +1,12 @@
 /**
  * Internal dependencies
  */
-import type { Field, NormalizedField } from './types';
+import type { Field, AnyItem, NormalizedField } from './types';
 /**
  * Apply default values and normalize the fields config.
  *
  * @param fields Fields config.
  * @return Normalized fields config.
  */
-export declare function normalizeFields(fields: Field[]): NormalizedField[];
+export declare function normalizeFields<Item extends AnyItem>(fields: Field<Item>[]): NormalizedField<Item>[];
 //# sourceMappingURL=normalize-fields.d.ts.map

package/build-types/normalize-fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-fields.d.ts","sourceRoot":"","sources":["../src/normalize-fields.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,MAAM,EAAE,KAAK,EAAE,GAAI,eAAe,EAAE,CAWpE"}
+{"version":3,"file":"normalize-fields.d.ts","sourceRoot":"","sources":["../src/normalize-fields.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,IAAI,SAAS,OAAO,EACpD,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,GACrB,eAAe,CAAE,IAAI,CAAE,EAAE,CAW3B"}

package/build-types/pagination.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { View } from './types';
+interface PaginationProps {
+    view: View;
+    onChangeView: (view: View) => void;
+    paginationInfo: {
+        totalItems: number;
+        totalPages: number;
+    };
+}
+declare const Pagination: import("react").NamedExoticComponent<PaginationProps>;
+export default Pagination;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../src/pagination.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,eAAe;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;CACF;AAED,QAAA,MAAM,UAAU,uDAyFb,CAAC;AAEJ,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,6 @@
+export default function ResetFilter({ filters, view, onChangeView }: {
+    filters: any;
+    view: any;
+    onChangeView: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=reset-filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-filters.d.ts","sourceRoot":"","sources":["../src/reset-filters.js"],"names":[],"mappings":"AAMA;;;;gCA8BC"}

package/build-types/search-widget.d.ts

@@ -0,0 +1,2 @@
+export default function SearchWidget(props: any): import("react").JSX.Element;
+//# sourceMappingURL=search-widget.d.ts.map

package/build-types/search-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-widget.d.ts","sourceRoot":"","sources":["../src/search-widget.js"],"names":[],"mappings":"AAoSA,8EAGC"}

package/build-types/search.d.ts

@@ -0,0 +1,3 @@
+export default Search;
+declare const Search: import("react").NamedExoticComponent<object>;
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../src/search.js"],"names":[],"mappings":";AAQA,mEA6BI"}

package/build-types/single-selection-checkbox.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { Field, AnyItem } from './types';
+interface SingleSelectionCheckboxProps<Item extends AnyItem> {
+    selection: string[];
+    onSelectionChange: (selection: Item[]) => void;
+    item: Item;
+    data: Item[];
+    getItemId: (item: Item) => string;
+    primaryField?: Field<Item>;
+    disabled: boolean;
+}
+export default function SingleSelectionCheckbox<Item extends AnyItem>({ selection, onSelectionChange, item, data, getItemId, primaryField, disabled, }: SingleSelectionCheckboxProps<Item>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=single-selection-checkbox.d.ts.map

package/build-types/single-selection-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-selection-checkbox.d.ts","sourceRoot":"","sources":["../src/single-selection-checkbox.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,4BAA4B,CAAE,IAAI,SAAS,OAAO;IAC3D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,CAAE,SAAS,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;IACjD,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAE,IAAI,CAAE,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,IAAI,SAAS,OAAO,EAAI,EACxE,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,GACR,EAAE,4BAA4B,CAAE,IAAI,CAAE,+BAkDtC"}