@wordpress/dataviews 1.2.0 → 2.0.1

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 {
@@ -455,7 +495,7 @@
 }
 
 .dataviews-view-list {
-  margin: 0;
+  margin: 0 0 auto;
 }
 .dataviews-view-list li {
   margin: 0;
@@ -471,9 +511,18 @@
 }
 .dataviews-view-list li .dataviews-view-list__item-actions .components-button {
   opacity: 0;
+  position: fixed;
+  right: 0;
+}
+.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;
@@ -494,14 +543,12 @@
 }
 .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 {
+.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: 16px 0 16px 32px;
+  padding: 16px 0 16px 24px;
   width: 100%;
   scroll-margin: 8px 0;
 }
@@ -517,6 +564,7 @@
 }
 .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 {
@@ -554,14 +602,16 @@
   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-top: 16px;
-  padding-right: 32px;
+  padding-right: 24px;
 }
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
@@ -573,22 +623,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;
@@ -825,6 +887,34 @@
   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;
@@ -838,12 +928,15 @@
 }
 
 .dataviews-bulk-actions {
-  position: absolute;
+  position: sticky;
   display: flex;
   flex-direction: column;
   align-content: center;
   flex-wrap: wrap;
-  width: 100%;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin-left: auto;
+  margin-right: auto;
   bottom: 24px;
   z-index: 2;
 }

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

@@ -1,8 +1,11 @@
-declare const _default: import("react").ForwardRefExoticComponent<{
-    filters: any;
-    view: any;
-    onChangeView: any;
-    setOpenedFilter: any;
-} & import("react").RefAttributes<any>>;
+/// <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

@@ -1 +1 @@
-{"version":3,"file":"add-filter.d.ts","sourceRoot":"","sources":["../src/add-filter.js"],"names":[],"mappings":""}
+{"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

@@ -1,8 +1,12 @@
-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;
+/// <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

@@ -1 +1 @@
-{"version":3,"file":"bulk-actions-toolbar.d.ts","sourceRoot":"","sources":["../src/bulk-actions-toolbar.js"],"names":[],"mappings":"AA2LA;;;;;;uCAwDC"}
+{"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.map

@@ -1 +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"}
+{"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

@@ -1,15 +1,22 @@
-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;
+/// <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

@@ -1 +1 @@
-{"version":3,"file":"dataviews.d.ts","sourceRoot":"","sources":["../src/dataviews.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;gCA8HC"}
+{"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-summary.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"filter-summary.d.ts","sourceRoot":"","sources":["../src/filter-summary.js"],"names":[],"mappings":"AA0LA;;;;gCA4GC"}
+{"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

@@ -1,3 +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;
-declare const Filters: import("react").NamedExoticComponent<object>;
 //# sourceMappingURL=filters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../src/filters.js"],"names":[],"mappings":";AAeA,oEA+FI"}
+{"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

@@ -1,4 +1,4 @@
-export { default as DataViews } from "./dataviews";
-export { VIEW_LAYOUTS } from "./layouts";
-export { filterSortAndPaginate } from "./filter-and-sort-data-view";
+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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}
+{"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

@@ -3,13 +3,11 @@
  */
 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> {
+export interface ActionTriggerProps<Item extends AnyItem> {
     action: Action<Item>;
     onClick: MouseEventHandler;
+    isBusy?: boolean;
+    items: Item[];
 }
 interface ActionModalProps<Item extends AnyItem> {
     action: ActionModalType<Item>;
@@ -17,7 +15,7 @@ interface ActionModalProps<Item extends AnyItem> {
     closeModal?: () => void;
 }
 interface ActionWithModalProps<Item extends AnyItem> extends ActionModalProps<Item> {
-    ActionTrigger: (props: ButtonTriggerProps<Item> | DropdownMenuItemTriggerProps<Item>) => ReactElement;
+    ActionTrigger: (props: ActionTriggerProps<Item>) => ReactElement;
     isBusy?: boolean;
 }
 interface ActionsDropdownMenuGroupProps<Item extends AnyItem> {
@@ -27,7 +25,7 @@ interface ActionsDropdownMenuGroupProps<Item extends AnyItem> {
 interface ItemActionsProps<Item extends AnyItem> {
     item: Item;
     actions: Action<Item>[];
-    isCompact: boolean;
+    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;

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

@@ -1 +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"}
+{"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

@@ -1,4 +1,11 @@
-export const VIEW_LAYOUTS: ({
+/// <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;
@@ -14,7 +21,4 @@ export const VIEW_LAYOUTS: ({
     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

@@ -1 +1 @@
-{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../src/layouts.js"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;KAmBE;sBAxBoB,cAAc;qBACf,aAAa;qBACb,aAAa"}
+{"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/reset-filters.d.ts

@@ -1,6 +1,13 @@
-export default function ResetFilter({ filters, view, onChangeView }: {
-    filters: any;
-    view: any;
-    onChangeView: any;
-}): import("react").JSX.Element;
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { NormalizedFilter, View } from './types';
+interface ResetFilterProps {
+    filters: NormalizedFilter[];
+    view: View;
+    onChangeView: (view: View) => void;
+}
+export default function ResetFilter({ filters, view, onChangeView, }: ResetFilterProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=reset-filters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reset-filters.d.ts","sourceRoot":"","sources":["../src/reset-filters.js"],"names":[],"mappings":"AAMA;;;;gCA8BC"}
+{"version":3,"file":"reset-filters.d.ts","sourceRoot":"","sources":["../src/reset-filters.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEtD,UAAU,gBAAgB;IACzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EACpC,OAAO,EACP,IAAI,EACJ,YAAY,GACZ,EAAE,gBAAgB,+BA8BlB"}

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

@@ -1,2 +1,10 @@
-export default function SearchWidget(props: any): import("react").JSX.Element;
+/// <reference types="react" />
+import type { NormalizedFilter, View } from './types';
+interface SearchWidgetProps {
+    view: View;
+    filter: NormalizedFilter;
+    onChangeView: (view: View) => void;
+}
+export default function SearchWidget(props: SearchWidgetProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=search-widget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-widget.d.ts","sourceRoot":"","sources":["../src/search-widget.js"],"names":[],"mappings":"AAoSA,8EAGC"}
+{"version":3,"file":"search-widget.d.ts","sourceRoot":"","sources":["../src/search-widget.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAU,gBAAgB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ9D,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"}

package/build-types/search.d.ts

@@ -1,3 +1,13 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { View } from './types';
+interface SearchProps {
+    label?: string;
+    view: View;
+    onChangeView: (view: View) => void;
+}
+declare const Search: import("react").NamedExoticComponent<SearchProps>;
 export default Search;
-declare const Search: import("react").NamedExoticComponent<object>;
 //# sourceMappingURL=search.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../src/search.js"],"names":[],"mappings":";AAQA,mEA6BI"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../src/search.tsx"],"names":[],"mappings":";AAQA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,WAAW;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,mDAmCT,CAAC;AAEJ,eAAe,MAAM,CAAC"}