@pushwoosh/smart-components-kit 1.7.0 → 1.8.0

package/Table/components/DataTableSearchInput/DataTableSearchInput.js

@@ -14,14 +14,14 @@ export function DataTableSearchInput(props) {
   return _jsx(SearchInput, {
     ...props,
     value: inputValue,
-    "$onClear": () => {
+    "$onClear": inputValue ? () => {
       setInputValue('');
       context.onChangeParams({
         ...context.params,
         search: '',
         page: 1
       });
-    },
+    } : undefined,
     onChange: event => {
       const value = event.target.value;
       setInputValue(value);

package/Table/components/DataTableSortableCell/DataTableSortableCell.js

@@ -5,6 +5,7 @@ import { DataTableContext } from '../../context';
 export function DataTableSortableCell(props) {
   const {
     name,
+    isReversed,
     children
   } = props;
   const {
@@ -14,11 +15,12 @@ export function DataTableSortableCell(props) {
   return _jsx(SortButton, {
     name: name,
     order: params.order === name ? params.direction : null,
+    isReversed: isReversed,
     onClick: sortParams => {
       onChangeParams({
         ...params,
         order: sortParams.name,
-        direction: sortParams.order || 'asc',
+        direction: sortParams.order || (isReversed ? 'desc' : 'asc'),
         page: 1
       });
     },

package/Table/components/DataTableSortableCell/types.d.ts

@@ -1,4 +1,6 @@
 import type { PropsWithChildren } from 'react';
 export type DataTableSortableCellProps = PropsWithChildren<{
     name: string;
+    /** Start the cycle with descending order — for columns where the biggest values matter first. */
+    isReversed?: boolean;
 }>;

package/Table/components/ItemDetailLink/ItemDetailLink.d.ts

@@ -1,8 +1,18 @@
-import { type ComponentProps } from 'react';
+import { type ComponentProps, type ComponentType, type ReactElement, type ReactNode } from 'react';
 declare const StyledItemDetailLink: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
-export declare function ItemDetailLink({ withChevron, children, ...props }: ComponentProps<typeof StyledItemDetailLink> & {
+type ItemDetailLinkProps = ComponentProps<typeof StyledItemDetailLink> & {
     withChevron?: boolean;
-}): import("react").JSX.Element;
+};
+export declare function ItemDetailLink<AS extends keyof JSX.IntrinsicElements>(props: JSX.IntrinsicElements[AS] & {
+    as: AS;
+    withChevron?: boolean;
+}): ReactElement;
+export declare function ItemDetailLink<OuterProps extends object>(props: OuterProps & {
+    as: ComponentType<OuterProps>;
+    withChevron?: boolean;
+    children?: ReactNode;
+}): ReactElement;
+export declare function ItemDetailLink(props: ItemDetailLinkProps): ReactElement;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/smart-components-kit",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Stateful, data-connected React components shared by Pushwoosh micro-frontends",
   "repository": {
     "type": "git",
@@ -17,10 +17,10 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^2.10.0",
+    "@pushwoosh/dumb-components": "^2.10.1",
     "@pushwoosh/kit-constants": "^2.1.1",
     "@pushwoosh/kit-helpers": "^4.13.0",
-    "@pushwoosh/kit-icons": "^2.3.8",
+    "@pushwoosh/kit-icons": "^2.3.10",
     "@pushwoosh/kit-typography": "^1.9.0",
     "@pushwoosh/rpc-v2-http-api-data": "^0.2.389",
     "@pushwoosh/spa-context": "^1.8.1",