@carto/ps-react-ui 4.0.1 → 4.0.2-canary.0

package/dist/types/components/list-data/list-data-skeleton.d.ts

@@ -0,0 +1,5 @@
+interface ListDataSkeletonProps {
+    length?: number;
+}
+export declare function ListDataSkeleton({ length }: ListDataSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/list-data/list-data.d.ts

@@ -1,3 +1,3 @@
-import { ListDataProps } from './types';
 import { JSX } from 'react';
-export declare function ListDataUI({ data, itemsToShow, labels, showDivider, selectedItemId, tooltipProps, onExpand, onItemClick, }: ListDataProps): JSX.Element;
+import { ListDataProps } from './types';
+export declare function ListDataUI({ data, isLoading, maxItems, labels, showDivider, selectedItemId, tooltipProps, onExpand, onItemClick, }: ListDataProps): JSX.Element;

package/dist/types/components/list-data/styles.d.ts

@@ -1,18 +1,18 @@
 import { Theme } from '@mui/material';
 export declare const styles: {
-    firstColumn: {
-        flex: number;
+    label: {
         '& .MuiListItemText-primary': {
-            wordBreak: "break-word";
-            whiteSpace: "normal";
+            overflow: string;
+            textOverflow: string;
+            whiteSpace: string;
         };
     };
-    secondColumn: {
-        flex: number;
-        textAlign: "right";
+    value: {
         '& .MuiListItemText-primary': {
-            wordBreak: "break-word";
-            whiteSpace: "normal";
+            textAlign: "right";
+            overflow: string;
+            textOverflow: string;
+            whiteSpace: string;
         };
     };
     clickable: {
@@ -21,9 +21,6 @@ export declare const styles: {
             backgroundColor: ({ palette }: Theme) => string;
         };
     };
-    button: {
-        mt: number;
-    };
     showDivider: {
         borderBottom: ({ palette }: Theme) => string;
     };

package/dist/types/components/list-data/types.d.ts

@@ -9,7 +9,8 @@ export interface DataItem {
 }
 export interface ListDataProps {
     data: DataItem[];
-    itemsToShow?: number;
+    isLoading?: boolean;
+    maxItems?: number;
     labels?: {
         showMore: string;
         showLess: string;

package/dist/types/components/no-data-alert/no-data-alert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from '@mui/material';
+interface NoDataAlertProps {
+    title?: string;
+    body?: string;
+    severity?: AlertProps['severity'];
+}
+export declare function NoDataAlert({ title, body, severity, }: NoDataAlertProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/hooks/use-skeleton.d.ts

@@ -0,0 +1 @@
+export declare function useSkeleton(isLoading: boolean): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.0.1",
+  "version": "4.0.2-canary.0",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {