@commercetools-uikit/hooks 15.13.2 → 15.14.0

package/dist/commercetools-uikit-hooks.cjs.dev.js

@@ -448,7 +448,7 @@ var useDataTableSortingState = function useDataTableSortingState() {
 var useDataTableSortingState$1 = useDataTableSortingState;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.13.2";
+var version = "15.14.0";
 
 exports.useDataTableSortingState = useDataTableSortingState$1;
 exports.useFieldId = useFieldId$1;

package/dist/commercetools-uikit-hooks.cjs.prod.js

@@ -448,7 +448,7 @@ var useDataTableSortingState = function useDataTableSortingState() {
 var useDataTableSortingState$1 = useDataTableSortingState;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.13.2";
+var version = "15.14.0";
 
 exports.useDataTableSortingState = useDataTableSortingState$1;
 exports.useFieldId = useFieldId$1;

package/dist/commercetools-uikit-hooks.esm.js

@@ -424,6 +424,6 @@ var useDataTableSortingState = function useDataTableSortingState() {
 var useDataTableSortingState$1 = useDataTableSortingState;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.13.2";
+var version = "15.14.0";
 
 export { useDataTableSortingState$1 as useDataTableSortingState, useFieldId$1 as useFieldId, useMutationObserver, usePaginationState$1 as usePaginationState, usePrevious$1 as usePrevious, useRowSelection$1 as useRowSelection, useSorting$1 as useSorting, useToggleState$1 as useToggleState, version };

package/dist/declarations/src/index.d.ts

@@ -6,5 +6,10 @@ export { default as useRowSelection } from './use-row-selection';
 export { default as useSorting } from './use-sorting';
 export { default as usePaginationState } from './use-pagination-state';
 export { default as useDataTableSortingState } from './use-data-table-sorting-state';
+export * from './use-field-id/export-types';
 export * from './use-data-table-sorting-state/export-types';
+export * from './use-mutation-observer/export-types';
+export * from './use-pagination-state/export-types';
+export * from './use-row-selection/export-types';
+export * from './use-sorting/export-types';
 export { default as version } from './version';

package/dist/declarations/src/use-field-id/export-types.d.ts

@@ -0,0 +1 @@
+export type { TCreateIdFn } from './use-field-id';

package/dist/declarations/src/use-field-id/index.d.ts

@@ -1 +1,2 @@
 export { default } from './use-field-id';
+export * from './export-types';

package/dist/declarations/src/use-field-id/use-field-id.d.ts

@@ -1,3 +1,3 @@
-type CreateIdFn = () => string;
-declare const useFieldId: (id: string | undefined, createIdFn: CreateIdFn) => string;
+export type TCreateIdFn = () => string;
+declare const useFieldId: (id: string | undefined, createIdFn: TCreateIdFn) => string;
 export default useFieldId;

package/dist/declarations/src/use-mutation-observer/export-types.d.ts

@@ -0,0 +1 @@
+export type { TUseMutationObserverCallback } from './use-mutation-observer';

package/dist/declarations/src/use-mutation-observer/index.d.ts

@@ -1 +1,2 @@
 export { default } from './use-mutation-observer';
+export * from './export-types';

package/dist/declarations/src/use-mutation-observer/use-mutation-observer.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-type TUseMutationObserverCallback = (mutationsList: MutationRecord[], observer: MutationObserver) => void;
+export type TUseMutationObserverCallback = (mutationsList: MutationRecord[], observer: MutationObserver) => void;
 declare function useMutationObserver<T extends HTMLElement>(target: React.RefObject<T> | T | null, callback: TUseMutationObserverCallback, options?: MutationObserverInit): MutationObserver;
 export default useMutationObserver;

package/dist/declarations/src/use-pagination-state/export-types.d.ts

@@ -0,0 +1 @@
+export type { TPaginationDefinition, TPaginationState, TState, } from './use-pagination-state';

package/dist/declarations/src/use-pagination-state/index.d.ts

@@ -1 +1,2 @@
 export { default } from './use-pagination-state';
+export * from './export-types';

package/dist/declarations/src/use-pagination-state/use-pagination-state.d.ts

@@ -1,12 +1,12 @@
-type TPaginationDefinition = {
+export type TPaginationDefinition = {
     page: number;
     perPage: number;
 };
-type TState = {
+export type TState = {
     value: number;
     onChange: (value: number) => void;
 };
-type TPaginationState = {
+export type TPaginationState = {
     [P in keyof TPaginationDefinition]: TState;
 };
 declare const usePaginationState: (initialValues?: Partial<TPaginationDefinition>) => TPaginationState;

package/dist/declarations/src/use-row-selection/export-types.d.ts

@@ -0,0 +1 @@
+export type { TRowItem, TSelectionState, TSelectionAction, } from './use-row-selection';

package/dist/declarations/src/use-row-selection/index.d.ts

@@ -1 +1,2 @@
 export { default } from './use-row-selection';
+export * from './export-types';

package/dist/declarations/src/use-row-selection/use-row-selection.d.ts

@@ -1,6 +1,23 @@
-interface TRowItem {
+export interface TRowItem {
     id: string;
 }
+export type TSelectionState = {
+    [id: string]: boolean;
+};
+export type TSelectionAction = {
+    type: 'toggle';
+    payload: string;
+} | {
+    type: 'select';
+    payload: string;
+} | {
+    type: 'deselect';
+    payload: string;
+} | {
+    type: 'selectAll';
+} | {
+    type: 'deselectAll';
+};
 declare const useRowSelection: <RowItem extends TRowItem = TRowItem>(keyName: string, rows: RowItem[]) => {
     rows: (RowItem & {
         [x: string]: boolean;

package/dist/declarations/src/use-sorting/export-types.d.ts

@@ -0,0 +1 @@
+export type { TItem, TSortDirection, TSortingState } from './use-sorting';

package/dist/declarations/src/use-sorting/index.d.ts

@@ -1 +1,2 @@
 export { default } from './use-sorting';
+export * from './export-types';

package/dist/declarations/src/use-sorting/use-sorting.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="lodash" />
 import sortBy from 'lodash/sortBy';
-interface TItem {
+export interface TItem {
     id: string;
 }
-type TSortDirection = 'asc' | 'desc';
-type TSortingFn = typeof sortBy;
+export type TSortDirection = 'asc' | 'desc';
+export type TSortingState<Item extends TItem = TItem> = {
+    items: Item[];
+    sortedBy?: string;
+    sortDirection?: TSortDirection;
+};
+export type TSortingFn = typeof sortBy;
 declare const useSorting: <Item extends TItem = TItem>(items: Item[], field?: string, sortDirection?: TSortDirection, sortingFunction?: TSortingFn) => {
     items: Item[];
     sortedBy: string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/hooks",
   "description": "A collection of React hooks used across some of the UI-Kit components.",
-  "version": "15.13.2",
+  "version": "15.14.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/utils": "15.13.2",
+    "@commercetools-uikit/utils": "15.14.0",
     "@types/raf-schd": "^4.0.1",
     "lodash": "4.17.21",
     "raf-schd": "^4.0.3"