asma-core-ui 2.19.65 → 2.19.67

package/dist/tailwind.config.d.ts

@@ -61,6 +61,8 @@ declare const _default: {
                 "btn-task-status-bg": string;
                 "btn-bg-mini-action": string;
                 "btn-bg-mini-action-hover": string;
+                "badge-bg": string;
+                "badge-text": string;
                 "chat-ticket-message-bg": string;
                 "colors-topbar-text": string;
                 "custom-grey-01": string;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "2.19.65",
+  "version": "2.19.67",
   "type": "module",
   "files": [
     "dist/**/*",

package/dist/src/components/data-display/icons/delete-outline-icon/DeleteOutlineIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IIcon } from '../Icons.types';
-export declare const DeleteOutlineIcon: React.FC<IIcon>;

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

@@ -1 +0,0 @@
-export * from './DeleteOutlineIcon';

package/dist/src/components/data-display/icons/drag-horizontal-icon/DragHorizontalIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IIcon } from '../Icons.types';
-export declare const DragHorizontalIcon: React.FC<IIcon>;

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

@@ -1 +0,0 @@
-export * from './DragHorizontalIcon';

package/dist/src/components/data-display/icons/file-pdf-icon/FilePdfIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IIcon } from '../Icons.types';
-export declare const FilePdfIcon: React.FC<IIcon>;

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

@@ -1 +0,0 @@
-export * from './FilePdfIcon';

package/dist/src/components/data-display/icons/filter-icon/FilterIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IIcon } from '../Icons.types';
-export declare const FilterIcon: React.FC<IIcon>;

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

@@ -1 +0,0 @@
-export * from './FilterIcon';

package/dist/src/components/data-display/icons/lock-icon/LockIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IIcon } from '../Icons.types';
-export declare const LockIcon: React.FC<IIcon>;

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

@@ -1 +0,0 @@
-export * from './LockIcon';

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { AlertColor } from '@mui/material';
-import { type CustomContentProps } from 'notistack';
-interface StyledInfoSnackbarProps extends CustomContentProps {
-    severity?: AlertColor;
-    alertClassName?: string;
-    alertVariant?: 'standard' | 'filled' | 'outlined';
-    closeButton?: boolean;
-    type?: 'loading';
-}
-export declare const StyledInfoSnackbar: import("react").ForwardRefExoticComponent<StyledInfoSnackbarProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,3 +0,0 @@
-import type { ReactNode } from 'react';
-import type { MessageProps } from './types';
-export declare function processMessageError(messageInfo: string | ReactNode, options?: MessageProps): () => void;

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

@@ -1,3 +0,0 @@
-import type { ReactNode } from 'react';
-import type { MessageProps } from './types';
-export declare function processMessageInfo(messageInfo: string | ReactNode, options?: MessageProps): () => void;

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

@@ -1,10 +0,0 @@
-import type { AlertColor } from '@mui/material';
-import type { SnackbarProviderProps } from 'notistack';
-export type MessageProps = SnackbarProviderProps & {
-    severity?: AlertColor;
-    persist?: boolean;
-    closeButton?: boolean;
-    className?: string;
-    id?: string;
-    type?: 'loading';
-};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const InfoMessages: React.FC;

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

@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-import type { MessageProps } from './components/types';
-/**
- * Important props:
- * @param id - string. To control the message
- * @remarks use callBack function to close the message manually. Providing ID as a param is important in this case.
- * Without ID, callback fil force close all active notifications
- * @param closeButton -  true | false
- * @param persist -  true | false
- * @param autoHideDuration -  number
- * @moreProps https://notistack.com/api-reference#mutual-props
- */
-export declare const message: {
-    info: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
-    error: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
-    loading: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
-};

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

@@ -1 +0,0 @@
-export declare function processInfoSnackbar(message: string): void;

package/dist/src/components/filter-menu/StyledFilterMenu.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-/**
- * Custom props:
- * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
- * @param popoverContent
- */
-type StyledFilterMenuProps = {
-    dataTest: string;
-    filterIsActive: boolean;
-    popoverContent: React.ReactNode;
-};
-export declare const StyledFilterMenu: React.FC<StyledFilterMenuProps>;
-export {};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledInputFieldExample: React.FC;

package/dist/src/components/inputs/radio-button/StyledRadio.d.ts

@@ -1,4 +0,0 @@
-import { type RadioProps } from '@mui/material';
-export declare const StyledRadio: ({ dataTest, ...props }: RadioProps & {
-    dataTest: string;
-}) => JSX.Element;

package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts

@@ -1,4 +0,0 @@
-import { type RadioGroupProps } from '@mui/material';
-export declare const StyledRadioGroup: ({ dataTest, ...props }: RadioGroupProps & {
-    dataTest: string;
-}) => JSX.Element;

package/dist/src/components/inputs/radio-button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './StyledRadio';
-export * from './StyledRadioGroup';

package/dist/src/components/inputs/select/story/components/StyledSelectExample.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledSelectExample: React.FC;

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { type AutocompleteProps, type ChipTypeMap } from '@mui/material';
-/**
- *
- * @inputRef
- * inputRef to get Node of Input Element inside
- *
- */
-export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
-    dataTest: string;
-}): JSX.Element;

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

@@ -1 +0,0 @@
-export * from './StyledSelectAutocomplete';

package/dist/src/components/inputs/select-autocomplete/story/components/StyledSelectAutocompleteExample.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledSelectAutocompleteExample: React.FC;

package/dist/src/components/pickers/date-picker/StyledDatePicker.d.ts

@@ -1,2 +0,0 @@
-import type { DatePickerProps } from './types';
-export declare const StyledDatePicker: (props: DatePickerProps) => JSX.Element;

package/dist/src/components/pickers/date-picker/components/DefaultInput.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DatePickerProps } from '../types';
-export declare const DefaultInput: React.FC<DatePickerProps & {
-    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
-}>;

package/dist/src/components/pickers/date-picker/components/RangeInput.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { DatePickerProps } from '../types';
-export declare const RangeInput: React.FC<DatePickerProps & {
-    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
-}>;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { DatePickerProps } from '../types';
-import { type PopoverProps } from '@mui/material';
-export declare const StyledCalendarPicker: React.FC<{
-    datePickerProps: DatePickerProps;
-    popoverProps: PopoverProps;
-    positionAbove: boolean;
-}>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerCaption.d.ts

@@ -1,7 +0,0 @@
-import { type CaptionProps } from 'react-day-picker';
-import { type Dispatch, type SetStateAction } from 'react';
-export declare function CustomCaption(props: CaptionProps & {
-    month: Date | undefined;
-    setMonth: Dispatch<SetStateAction<Date | undefined>>;
-    isNb: boolean;
-}): JSX.Element;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerFooter.d.ts

@@ -1,10 +0,0 @@
-import { type Matcher } from 'react-day-picker';
-import type { Dispatch, SetStateAction } from 'react';
-export declare const StyledCalendarPickerFooter: React.FC<{
-    onClose: ((event: object, reason: 'backdropClick' | 'escapeKeyDown') => void) | undefined;
-    isNb: boolean;
-    selected: Matcher | Matcher[] | undefined;
-    removeSelection: (e: React.MouseEvent) => void;
-    month: Date | undefined;
-    setMonth: Dispatch<SetStateAction<Date | undefined>>;
-}>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerSelectMonth.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { type DropdownProps } from 'react-day-picker';
-export declare const StyledCalendarPickerSelectMonth: React.FC<DropdownProps>;

package/dist/src/components/pickers/date-picker/components/StyledCalendarPickerSelectYear.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { type DropdownProps } from 'react-day-picker';
-export declare const StyledCalendarPickerSelectYear: React.FC<DropdownProps>;

package/dist/src/components/pickers/date-picker/helpers.d.ts

@@ -1,3 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react';
-export declare const getValue: (date?: Date, dateFormat?: string) => string;
-export declare const setPickerPosition: (e: React.MouseEvent<HTMLDivElement>, setPositionAbove: Dispatch<SetStateAction<boolean>>) => void;

package/dist/src/components/pickers/date-picker/story/components/DatePickerContainer.d.ts

@@ -1,5 +0,0 @@
-import type { ReactNode } from "react";
-export declare const DatePickerContainer: React.FC<{
-    title: string;
-    node: ReactNode;
-}>;

package/dist/src/components/pickers/date-picker/story/components/DefaultPickerExample.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const DefaultPickerExample: React.FC;

package/dist/src/components/pickers/date-picker/story/components/NestedRangePickerExample.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const NestedRangePickerExample: React.FC;

package/dist/src/components/pickers/date-picker/story/components/RangePickerExample.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RangePickerExample: React.FC;

package/dist/src/components/pickers/time-picker/StyledTimePicker.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { type PopoverOrigin } from '@mui/material';
-export type StyledTimePickerProps = {
-    placeholder?: string;
-    disabled?: boolean;
-    inputClassName?: string;
-    value?: Date;
-    onSelect: (date: Date | undefined) => void;
-    dataTest: string;
-    width?: number;
-    anchorOrigin?: PopoverOrigin;
-    transformOrigin?: PopoverOrigin;
-    error?: boolean;
-    helperText?: string;
-};
-export declare const StyledTimePicker: React.FC<StyledTimePickerProps>;

package/dist/src/components/pickers/time-picker/components/TimePickerBody.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { StyledTimePickerProps } from '../StyledTimePicker';
-type TimePickerBodyProps = Omit<StyledTimePickerProps, 'placeholder' | 'disabled' | 'inputClassName'>;
-export declare const TimePickerBody: React.FC<Omit<TimePickerBodyProps, 'anchorOrigin' | 'anchorPosition'>>;
-export {};

package/dist/src/components/pickers/time-picker/components/TimePickerColumn.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { StyledTimePickerProps } from '../StyledTimePicker';
-export type TimePickerColumnProps = Omit<StyledTimePickerProps, 'placeholder' | 'disabled' | 'inputClassName' | 'dataTest'> & {
-    type: 'hours' | 'minutes';
-};
-export declare const TimePickerColumn: React.FC<TimePickerColumnProps>;

package/dist/src/components/pickers/time-picker/index.d.ts

@@ -1 +0,0 @@
-export * from './StyledTimePicker';

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { type Table } from '@tanstack/react-table';
-export declare function TableHeader<TData>({ table, stickyHeader }: {
-    table: Table<TData>;
-    stickyHeader?: boolean;
-}): JSX.Element;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { Table } from '@tanstack/react-table';
-export declare function TablePagination<TData>({ table, locale }: {
-    locale: 'en' | 'no';
-    table: Table<TData>;
-}): JSX.Element | null;

package/dist/src/components/table/components/columns/action-column/actionColumn.d.ts

@@ -1,21 +0,0 @@
-import { type CellContext, type HeaderContext, type Row } from '@tanstack/react-table';
-import type { ReactNode } from 'react';
-export declare function generateActionsColumn<TData>(options: {
-    headerPin: boolean;
-    actions?: (row: Row<TData>) => {
-        label: string;
-        className?: string;
-        disabled?: boolean;
-        hide?: boolean;
-        onClick?: (row: Row<TData>) => void;
-    }[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
-}): {
-    id: string;
-    enableHiding: boolean;
-    enableSorting: boolean;
-    accessorFn: (row: TData) => TData;
-    header: (props: HeaderContext<TData, TData>) => JSX.Element | null;
-    cell: (cell: CellContext<TData, TData>) => JSX.Element | null;
-    size: number;
-};

package/dist/src/components/table/components/columns/action-column/components/HeaderActionMenu.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { HeaderContext } from '@tanstack/react-table';
-export declare function HeaderActionMenu<TData>({ headerData }: {
-    headerData: HeaderContext<TData, TData>;
-}): JSX.Element;

package/dist/src/components/table/components/columns/action-column/components/RowActionMenu.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { CellContext, Row } from '@tanstack/react-table';
-export declare function RowActionMenu<TData>({ tableData, actions, }: {
-    tableData: CellContext<TData, TData>;
-    actions: (row: Row<TData>) => {
-        label: string;
-        className?: string;
-        disabled?: boolean;
-        hide?: boolean;
-        onClick?: (row: Row<TData>) => void;
-    }[];
-}): JSX.Element;

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

@@ -1,10 +0,0 @@
-import { type CellContext } from '@tanstack/react-table';
-export declare function generateExpandColumn<TData>(): {
-    id: string;
-    maxSize: number;
-    size: number;
-    enableHiding: boolean;
-    enableSorting: boolean;
-    header: () => null;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element | null;
-};

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

@@ -1,2 +0,0 @@
-import { type StyledTableProps } from '../../types';
-export declare function injectColumns<TData>({ columns, expandArrow, enableRowSelection, headerPin, actions, customActionsNode, }: Omit<StyledTableProps<TData, TData>, 'data'>): void;

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

@@ -1,8 +0,0 @@
-import type { CellContext, HeaderContext } from '@tanstack/react-table';
-export declare function selectColumn<TData>(): {
-    id: string;
-    size: number;
-    maxSize: number;
-    header: ({ table }: HeaderContext<TData, TData>) => JSX.Element;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element;
-};

package/dist/src/components/table/story/components/useTableColumns.d.ts

@@ -1,10 +0,0 @@
-import type { Person } from '../helpers/makeData';
-import type { ColumnDef } from '@tanstack/react-table';
-/**
- * Custom props:
- * @param size. use NaN (width 100%) only one time for the main column. It will make the column very responsive
- *
- */
-export declare const useStyledTableColumns: () => {
-    columns: ColumnDef<Person, Person>[];
-};

package/dist/src/helpers/date.helpers.d.ts

@@ -1,2 +0,0 @@
-export declare const setMidnightTime: (date: Date) => Date;
-export declare const setZeroTime: (date: Date) => Date;

package/dist/src/hooks/useWindowWidthSize.hook.d.ts

@@ -1,5 +0,0 @@
-export declare function useWindowWidthSize(): number;
-export declare const mobileView: (windowWidth: number | undefined) => boolean;
-export declare function useIsMobileView(): boolean;
-export declare function useIsTabletView(): boolean;
-export declare const tabletView: (windowWidth: number | undefined) => boolean;