@lax-wp/design-system 0.5.6 → 0.5.8

package/dist/components/data-display/datatype-icon/DataTypeIcon.d.ts

@@ -1,104 +1,78 @@
-import { FC, ReactNode } from 'react';
-/**
- * Available data types for the icon
- */
 export declare const APP_DATA_TYPES: {
-    readonly BOOLEAN: "boolean";
-    readonly CHOICE: "choice";
-    readonly CURRENCY: "currency";
-    readonly DATE: "date";
-    readonly DATETIME: "datetime";
-    readonly DYNAMIC: "dynamic";
-    readonly EMAIL: "email";
-    readonly MASTER_DATA: "master data";
-    readonly NUMBER: "number";
-    readonly PERCENTAGE: "percentage";
-    readonly STRING: "string";
-    readonly TAG: "tag";
-    readonly TEXT: "text";
-    readonly URL: "url";
+    BOOLEAN: string;
+    CHOICE: string;
+    CURRENCY: string;
+    DATE: string;
+    DATETIME: string;
+    DYNAMIC: string;
+    EMAIL: string;
+    MASTER_DATA: string;
+    NUMBER: string;
+    STRING: string;
+    TAG: string;
+    TEXT: string;
 };
-/**
- * Options for data type select fields
- */
-export declare const APP_DATA_TYPES_OPTIONS: ({
+export declare const APP_DATA_TYPES_OPTIONS: {
     label: string;
-    value: "boolean";
-} | {
-    label: string;
-    value: "choice";
-} | {
-    label: string;
-    value: "currency";
-} | {
-    label: string;
-    value: "date";
-} | {
-    label: string;
-    value: "datetime";
-} | {
-    label: string;
-    value: "dynamic";
-} | {
-    label: string;
-    value: "email";
-} | {
-    label: string;
-    value: "master data";
-} | {
-    label: string;
-    value: "number";
-} | {
-    label: string;
-    value: "percentage";
-} | {
-    label: string;
-    value: "string";
-} | {
-    label: string;
-    value: "tag";
-} | {
-    label: string;
-    value: "text";
-} | {
-    label: string;
-    value: "url";
-})[];
-/**
- * Background colors for light mode
- */
-export declare const BG_COLORS: Record<string, string>;
-/**
- * Background colors for light mode on hover
- */
-export declare const BG_COLORS_HOVER: Record<string, string>;
-/**
- * Background colors for dark mode
- */
-export declare const BG_COLORS_DARK: Record<string, string>;
-/**
- * Background colors for dark mode on hover
- */
-export declare const BG_COLORS_DARK_HOVER: Record<string, string>;
-export interface DataTypeIconProps {
-    /** The data type to display */
-    dataType?: string;
-    /** Custom tooltip content */
-    tooltip?: ReactNode;
-    /** Whether dark mode is enabled (passed as prop instead of using context) */
-    isDarkMode?: boolean;
-    /** Additional CSS class name */
-    className?: string;
-    /** Test ID for testing */
-    'data-testid'?: string;
-}
-/**
- * DataTypeIcon displays an icon representing a data type with appropriate styling
- *
- * @example
- * ```tsx
- * <DataTypeIcon dataType="text" isDarkMode={false} />
- * <DataTypeIcon dataType="number" tooltip="Custom tooltip" isDarkMode={true} />
- * ```
- */
-export declare const DataTypeIcon: FC<DataTypeIconProps>;
+    value: string;
+}[];
+export declare const BG_COLORS: {
+    [APP_DATA_TYPES.BOOLEAN]: string;
+    [APP_DATA_TYPES.CHOICE]: string;
+    [APP_DATA_TYPES.DATE]: string;
+    [APP_DATA_TYPES.EMAIL]: string;
+    [APP_DATA_TYPES.CURRENCY]: string;
+    [APP_DATA_TYPES.DATETIME]: string;
+    [APP_DATA_TYPES.TEXT]: string;
+    [APP_DATA_TYPES.STRING]: string;
+    [APP_DATA_TYPES.TAG]: string;
+    [APP_DATA_TYPES.MASTER_DATA]: string;
+    [APP_DATA_TYPES.DYNAMIC]: string;
+    [APP_DATA_TYPES.NUMBER]: string;
+};
+export declare const BG_COLORS_HOVER: {
+    [APP_DATA_TYPES.BOOLEAN]: string;
+    [APP_DATA_TYPES.CHOICE]: string;
+    [APP_DATA_TYPES.DATE]: string;
+    [APP_DATA_TYPES.EMAIL]: string;
+    [APP_DATA_TYPES.CURRENCY]: string;
+    [APP_DATA_TYPES.DATETIME]: string;
+    [APP_DATA_TYPES.TEXT]: string;
+    [APP_DATA_TYPES.STRING]: string;
+    [APP_DATA_TYPES.TAG]: string;
+    [APP_DATA_TYPES.MASTER_DATA]: string;
+    [APP_DATA_TYPES.DYNAMIC]: string;
+    [APP_DATA_TYPES.NUMBER]: string;
+};
+export declare const BG_COLORS_DARK: {
+    [APP_DATA_TYPES.BOOLEAN]: string;
+    [APP_DATA_TYPES.CHOICE]: string;
+    [APP_DATA_TYPES.DATE]: string;
+    [APP_DATA_TYPES.EMAIL]: string;
+    [APP_DATA_TYPES.CURRENCY]: string;
+    [APP_DATA_TYPES.DATETIME]: string;
+    [APP_DATA_TYPES.TEXT]: string;
+    [APP_DATA_TYPES.STRING]: string;
+    [APP_DATA_TYPES.TAG]: string;
+    [APP_DATA_TYPES.MASTER_DATA]: string;
+    [APP_DATA_TYPES.DYNAMIC]: string;
+    [APP_DATA_TYPES.NUMBER]: string;
+};
+export declare const BG_COLORS_DARK_HOVER: {
+    [APP_DATA_TYPES.BOOLEAN]: string;
+    [APP_DATA_TYPES.CHOICE]: string;
+    [APP_DATA_TYPES.DATE]: string;
+    [APP_DATA_TYPES.EMAIL]: string;
+    [APP_DATA_TYPES.CURRENCY]: string;
+    [APP_DATA_TYPES.DATETIME]: string;
+    [APP_DATA_TYPES.TEXT]: string;
+    [APP_DATA_TYPES.STRING]: string;
+    [APP_DATA_TYPES.TAG]: string;
+    [APP_DATA_TYPES.MASTER_DATA]: string;
+    [APP_DATA_TYPES.DYNAMIC]: string;
+    [APP_DATA_TYPES.NUMBER]: string;
+};
+export declare const DataTypeIcon: ({ dataType, tooltip }: {
+    dataType: string;
+    tooltip?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/datatype-icon/index.d.ts

@@ -1,3 +1,2 @@
 export { DataTypeIcon } from './DataTypeIcon';
-export type { DataTypeIconProps } from './DataTypeIcon';
 export { APP_DATA_TYPES, APP_DATA_TYPES_OPTIONS, BG_COLORS, BG_COLORS_HOVER, BG_COLORS_DARK, BG_COLORS_DARK_HOVER, } from './DataTypeIcon';

package/dist/components/forms/file-upload-dragger/FileUpload.d.ts

@@ -67,5 +67,9 @@ export type FileUploadDraggerProps = {
     clickToUploadText?: string;
     /** Custom drag and drop text */
     dragAndDropText?: string;
+    /** Callback to set uploaded file data */
+    setFileData?: (fileData: any) => void;
+    /** Uploaded file data */
+    fileData?: any;
 };
 export declare const FileUpload: FC<FileUploadDraggerProps>;

package/dist/index.d.ts

@@ -202,7 +202,6 @@ export type { FileUploadDraggerProps, } from "./components/forms/file-upload-dra
 export { LottieAnimation } from "./components/data-display/lottie-animation/LottieAnimation";
 export type { LottieAnimationProps } from "./components/data-display/lottie-animation/LottieAnimation";
 export { DataTypeIcon } from "./components/data-display/datatype-icon/DataTypeIcon";
-export type { DataTypeIconProps } from "./components/data-display/datatype-icon/DataTypeIcon";
 export { NoDataFound, PageNotFound, UserNotFound, EmptyEvent, NoDataFoundWidgets, EmptyBarChartData, EmptyCardListChartData, EmptyContentChartData, EmptyCountWidgetData, EmptyDonutChartData, EmptyPieChatData, EmptyTableWidgetData, EmptyTimelineChartData, } from "./components/data-display/empty-state";
 export type { NoDataFoundProps, PageNotFoundProps, UserNotFoundProps, EmptyEventProps, NoDataFoundWidgetsProps, } from "./components/data-display/empty-state";
 export { ContextMenu } from "./components/data-display/context-menu/ContextMenu";