asma-core-ui 2.19.65 → 2.19.67

package/dist/src/components/data-display/badge/StyledBadge.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
 import { type BadgeProps } from '@mui/material';
-export declare const StyledBadge: React.FC<BadgeProps & {
-    dataTest: string;
-}>;
+export declare const StyledBadge: ({ color, ...props }: BadgeProps) => JSX.Element;

package/dist/src/components/data-display/chip/StyledChip.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
 import { type ChipProps } from '@mui/material';
-export declare const StyledChip: React.FC<ChipProps & {
-    dataTest: string;
-}>;
+export declare const StyledChip: (props: ChipProps) => JSX.Element;

package/dist/src/components/data-display/icons/index.d.ts

@@ -46,8 +46,3 @@ export * from './inbox-outbox-icon';
 export * from './inbox-outbox-outline-icon';
 export * from './topic-icon';
 export * from './empty-page-icon';
-export * from './drag-horizontal-icon';
-export * from './file-pdf-icon';
-export * from './delete-outline-icon';
-export * from './filter-icon';
-export * from './lock-icon';

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -3,6 +3,5 @@ import type { ReactNode } from 'react';
 export interface IStyledDialogProps extends DialogProps {
     onCloseText?: ReactNode;
     showCloseIcon?: boolean;
-    dataTest: string;
 }
-export declare const StyledDialog: React.FC<IStyledDialogProps>;
+export declare const StyledDialog: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: IStyledDialogProps) => JSX.Element;

package/dist/src/components/feedback/snack-bar/index.d.ts

@@ -2,5 +2,3 @@ export * from './SnackbarProvider';
 export { enqueueSnackbar, closeSnackbar, useSnackbar } from 'notistack';
 export * from './StyledSnackbar';
 export * from './processAlertSnackBar';
-export * from './processInfoSnackbar';
-export * from './message';

package/dist/src/components/inputs/button/StyledButton.d.ts

@@ -2,10 +2,10 @@ import React, { type ReactNode } from 'react';
 export type StyledButtonType = 'contained' | 'outlined' | 'text' | 'textGray';
 type commonProps = {
     refLink?: React.Ref<HTMLButtonElement>;
-    size?: 'large' | 'small' | 'medium';
+    size?: 'large' | 'small';
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    dataTest: string;
+    dataTest?: string;
 };
 type variantTextGrayProps = {
     variant?: 'textGray';
@@ -25,7 +25,7 @@ export type StyledButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
  *
  * Custom props:
  * @param variant -  'contained' | 'outlined' | 'text' | 'textGray'
- * @param size -  'large' | 'small' | 'medium'
+ * @param size -  'large' | 'small'
  * @param startIcon - ReactNode
  * @param endIcon - ReactNode
  * @param error -  boolean

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -1,5 +1,2 @@
-/// <reference types="react" />
 import { type CheckboxProps } from '@mui/material';
-export declare const StyledCheckbox: React.FC<CheckboxProps & {
-    dataTest: string;
-}>;
+export declare const StyledCheckbox: (props: CheckboxProps) => JSX.Element;

package/dist/src/components/inputs/checkbox/StyledCheckbox.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").CheckboxProps) => JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        disableRipple: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Checkbox: Story;

package/dist/src/components/inputs/date-picker/StyledCalendarPicker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DayPicker } from 'react-day-picker';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+export declare const StyledCalendarPicker: ({ showOutsideDays, ...props }: CalendarProps) => JSX.Element;

package/dist/src/components/{pickers/date-picker/types.d.ts → inputs/date-picker/StyledDatePicker.d.ts}

@@ -1,21 +1,14 @@
-/// <reference types="react" />
-import type { DayPicker, Matcher } from 'react-day-picker';
-export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+import { type CalendarProps } from './StyledCalendarPicker';
 type CommonDatePickerProps = {
     dateFormat?: string;
     className?: string;
     inputClassName?: string;
-    onClear?: () => void;
-    allowClear?: boolean;
-    disabledDays?: Matcher | Matcher[];
-    dataTest: string;
 } & CalendarProps;
 type CompactRangeProps = {
     mode: 'range';
     compact: true;
     placeholderFrom?: string;
     placeholderTo?: string;
-    allowClear?: never;
     placeholder?: never;
 };
 type DefaultRangeProps = {
@@ -24,8 +17,6 @@ type DefaultRangeProps = {
     placeholder?: string;
     placeholderFrom?: never;
     placeholderTo?: never;
-    onClearFrom?: () => void;
-    onClearTo?: () => void;
 };
 type DefaultSingleProps = {
     mode: 'single';
@@ -35,4 +26,5 @@ type DefaultSingleProps = {
     placeholderTo?: never;
 };
 export type DatePickerProps = CommonDatePickerProps & (CompactRangeProps | DefaultRangeProps | DefaultSingleProps);
+export declare const StyledDatePicker: ({ placeholder, placeholderFrom, placeholderTo, compact, dateFormat, className, inputClassName, disabled, ...props }: DatePickerProps) => JSX.Element;
 export {};

package/dist/src/components/inputs/input/StyledInput.d.ts

@@ -1,6 +1,15 @@
 import { type FC, type ReactNode } from 'react';
 /**
- * @deprecated The input should not be used, use ->> StyledInputField
+ * Developer: bragari.andrei@carasent.com
+ * Custom props:
+ * @param description - message under input (string)
+ * @param startIcon - icon before input (JSX.Element)
+ * @param endIcon - icon after input (JSX.Element)
+ * @param dataTest - data-test tag (string)
+ * @param label - string
+ * @param refLink -  ref to component
+ * @param size -  'large' | 'small'
+ * @param className - for styles (width)
  */
 type ConditionalProps = {
     disabled?: boolean;
@@ -32,10 +41,5 @@ export type StyledInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     label?: ReactNode;
     refLink?: React.Ref<HTMLInputElement>;
 } & ConditionalProps;
-/**
- * @deprecated The input should not be used, use ->> StyledInputField
- *
- * USE @@@@ StyledInputField @@@
- */
 export declare const StyledInput: FC<StyledInputProps>;
 export {};

package/dist/src/components/inputs/input-field/StyledInputField.d.ts

@@ -1,14 +1,8 @@
-/// <reference types="react" />
 import { type TextFieldProps } from '@mui/material';
 /**
  *
  * @inputRef
  * inputRef to get Node of Input Element inside
  *
- * type='mui-input' is temporary, remove it after deleting antd from all projects. Antd lib overwrites styles for type[text]
  */
-export declare const StyledInputField: React.FC<TextFieldProps & {
-    allowClear?: boolean;
-    onClear?: () => void;
-    dataTest: string;
-}>;
+export declare const StyledInputField: (props: TextFieldProps) => JSX.Element;

package/dist/src/components/inputs/input-field/index.d.ts

@@ -1,2 +1 @@
 export * from './StyledInputField';
-export { type TextFieldProps } from '@mui/material';

package/dist/src/components/inputs/rich-input/RichInput.d.ts

@@ -7,7 +7,6 @@ export interface IRichInput extends ReactQuill.ReactQuillProps {
     error?: string;
     is_error?: boolean;
     is_warning?: boolean;
-    dataTest?: string;
 }
 declare const RichInput: FC<IRichInput>;
 export { RichInput };

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -1,18 +1,11 @@
 /// <reference types="react" />
 import { type SelectProps } from '@mui/material';
 /**
- *
- * @usage
- * use StyleSelect only inside StyledFormControl
- *
- * @size
- * control the size through StyledFormControl
  *
  * @inputRef
  * inputRef to get Node of Input Element inside
  *
  */
-export declare const StyledSelect: React.FC<SelectProps & {
-    allowClear?: boolean;
-    dataTest: string;
-}>;
+export declare const StyledSelect: (props: SelectProps<unknown> & {
+    reflink?: import("react").RefObject<unknown> | ((instance: unknown) => void) | null | undefined;
+}) => JSX.Element;

package/dist/src/components/inputs/select/index.d.ts

@@ -1,3 +1,2 @@
 export * from './StyledSelect';
 export * from './StyledSelectItem';
-export { type SelectChangeEvent } from '@mui/material';

package/dist/src/components/inputs/slider/StyledSlider.d.ts

@@ -1,5 +1,2 @@
 import { type SliderProps } from '@mui/material';
-export interface StyledSliderProps extends SliderProps {
-    dataTest: string;
-}
-export declare const StyledSlider: ({ dataTest, ...props }: StyledSliderProps) => JSX.Element;
+export declare const StyledSlider: (props: SliderProps) => JSX.Element;

package/dist/src/components/inputs/switch/StyledSwitch.d.ts

@@ -1,5 +1,3 @@
 import { type SwitchProps as _SwitchProps } from '@mui/material';
 export type SwitchProps = _SwitchProps;
-export declare const StyledSwitch: ({ dataTest, ...props }: _SwitchProps & {
-    dataTest: string;
-}) => JSX.Element;
+export declare const StyledSwitch: (props: SwitchProps) => JSX.Element;

package/dist/src/components/navigation/menu/index.d.ts

@@ -1,4 +1,3 @@
 export * from './StyledMenu';
 export * from './StyledMenuItem';
 export * from './StyledMenuList';
-export { type MenuProps } from '@mui/material';

package/dist/src/components/table/StyledTable.d.ts

@@ -1,14 +1,29 @@
-import { type StyledTableProps } from './types';
-/**
- *
- * Custom props:
- * @param size: Column sizing. use NaN (width 100%) -  only one time for the main column. It will make the column very responsive.. Example is in Storybook.
- *
- * If you have a very long data, like descriptions. use input to render long strings instead of div. Example is in Storybook.
- *
- *  @param focusable: Used for controlling the focus of rows. If set to true, the tabIndex={0} attribute will be added to each table row. Used, for example, when adding a new item to scroll to it and focus it
- *
- */
+import { type TableOptions, type Table, type Row } from '@tanstack/react-table';
+import { type ReactElement, type MouseEvent } from 'react';
+export interface StyledTableProps<TData, TCustomData> extends Omit<TableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> {
+    actions?: (row: Row<TData>) => {
+        label: string;
+        className?: string;
+        disabled?: boolean;
+        hide?: boolean;
+        onClick?: (row: Row<TData>) => void;
+    }[];
+    autoSize?: boolean;
+    customSubRowData?: Map<string, TCustomData[]>;
+    disableHeaderPin?: boolean;
+    loading?: boolean;
+    noRowsOverlay?: ReactElement;
+    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
+    className?: string;
+    rowHeight?: number;
+    tdClassName?: string;
+    thClassName?: string;
+    getRowClassName?: (row: Row<TData>) => string;
+    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
+    renderSubRows?: (props: {
+        rows: TCustomData[];
+    }) => ReactElement;
+}
 export declare const StyledTable: <TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ actions, columns, data, customSubRowData, initialState, enableRowSelection, headerPin, loading, noRowsOverlay, tableInstanceRef, className, rowHeight, tdClassName, getRowClassName, onRowClick, renderSubRows, customActionsNode, focusable, stickyHeader, expandArrow, height, locale, ...rest }: StyledTableProps<TData, TCustomData>) => JSX.Element;
+}, TCustomData = Record<string, unknown>>({ actions, autoSize, columns, data, customSubRowData, initialState, enableRowSelection, disableHeaderPin, loading, noRowsOverlay, tableInstanceRef, className, rowHeight, tdClassName, thClassName, getRowClassName, onRowClick, renderSubRows, ...rest }: StyledTableProps<TData, TCustomData>) => JSX.Element;

package/dist/src/components/table/components/columns/actionColumn.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type CellContext } from '@tanstack/react-table';
+export declare function generateActionsColumn<TData>(options: {
+    disableHeaderPin?: boolean;
+    hasActions: boolean;
+    handleOpenPin: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    handleOpenCellAction: (event: React.MouseEvent<HTMLElement | SVGSVGElement>, info: CellContext<TData, unknown>) => void;
+}): import("@tanstack/react-table").ColumnDef<TData, unknown>;

package/dist/src/components/table/components/columns/widthStabilizer.d.ts

@@ -0,0 +1,6 @@
+export declare function widthStabilizer(): {
+    id: string;
+    header: string;
+    cell: () => null;
+    size: number;
+};

package/dist/src/components/table/index.d.ts

@@ -1,3 +1,3 @@
 export * from './types';
 export * from './StyledTable';
-export { createColumnHelper, type Table, type Row, type ColumnDef } from '@tanstack/react-table';
+export { createColumnHelper, type Table } from '@tanstack/react-table';

package/dist/src/components/table/types.d.ts

@@ -1,7 +1,7 @@
-import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table } from '@tanstack/react-table';
+import type { CellContext, ColumnMeta, HeaderContext, Row } from '@tanstack/react-table';
 import type { AccessorFn, ColumnDefTemplate } from '@tanstack/react-table';
 import type { ColumnPinningColumnDef, ColumnSizingColumnDef, FiltersColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef } from '@tanstack/react-table';
-import type { MouseEvent, ReactElement, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 declare module '@tanstack/react-table' {
     interface ColumnDefExtensions<TData extends RowData, TValue = unknown> extends VisibilityColumnDef, ColumnPinningColumnDef, FiltersColumnDef<TData>, SortingColumnDef<TData>, GroupingColumnDef<TData, TValue>, ColumnSizingColumnDef {
         className?: string;
@@ -15,36 +15,4 @@ declare module '@tanstack/react-table' {
         meta?: ColumnMeta<TData, TValue>;
     }
 }
-export interface StyledTableProps<TData, TCustomData> extends Omit<TableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> {
-    locale?: 'no' | 'en';
-    height?: string | number;
-    actions?: (row: Row<TData>) => {
-        label: string;
-        className?: string;
-        disabled?: boolean;
-        hide?: boolean;
-        onClick?: (row: Row<TData>) => void;
-    }[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
-    customSubRowData?: Map<string, TCustomData[]>;
-    headerPin?: boolean;
-    expandArrow?: boolean;
-    loading?: boolean;
-    noRowsOverlay?: ReactElement;
-    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
-    className?: string;
-    rowHeight?: number;
-    tdClassName?: string;
-    focusable?: boolean;
-    stickyHeader?: boolean;
-    getRowClassName?: (row: Row<TData>) => string;
-    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
-    renderSubRows?: (props: {
-        rows: TCustomData[];
-        row: TData;
-    }) => ReactElement;
-    getRowSelectionIds?: (ids: string[]) => void;
-}
-export declare const SELECT_COLUMN_ID = "select";
-export declare const EXPAND_COLUMN_ID = "expand-column-id";
-export declare const ACTIONS_COLUMN_ID = "actions";
+export type TableRowClickHandler<TData extends RowData> = (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;

package/dist/src/index.d.ts

@@ -6,7 +6,7 @@ export * from './components/data-display/chip';
 export * from './components/data-display/tooltip';
 export * from './components/data-display/icons';
 export * from './components/data-display/typography';
-export * from './components/table/__deprecated-data-grid';
+export * from './components/data-grid';
 export * from './components/feedback/dialog';
 export * from './components/feedback/alert';
 export * from './components/feedback/snack-bar';
@@ -17,12 +17,8 @@ export * from './components/inputs/input-field';
 export * from './components/inputs/textarea';
 export * from './components/inputs/rich-input';
 export * from './components/inputs/select';
-export * from './components/inputs/select-autocomplete';
 export * from './components/inputs/slider';
 export * from './components/inputs/switch';
-export * from './components/inputs/radio-button';
-export * from './components/pickers/date-picker';
-export * from './components/pickers/time-picker';
 export * from './components/miscellaneous/StyledFormControl';
 export * from './components/miscellaneous/StyledFormControlLabel';
 export * from './components/miscellaneous/StyledFormHelperText';
@@ -40,4 +36,3 @@ export * from './components/table';
 export * from './components/utils/popover';
 export * from './components/custom/widget/widget-title/StyledWidgetTitle';
 export * from './components/custom/module/module-title/StyledModuleTitle';
-export * from './components/filter-menu/StyledFilterMenu';