asma-core-ui 3.1.0-beta.4 → 4.0.0-1

package/dist/src/components/custom/widget/widget/StyledWidget.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren, ReactNode } from 'react';
-export type StyledTableProps = {
+export type StyledWidgetProps = {
     title: string;
     icon?: ReactNode;
     link?: {
@@ -13,4 +13,4 @@ export type StyledTableProps = {
         hide?: boolean;
     };
 };
-export declare const StyledWidget: React.FC<PropsWithChildren<StyledTableProps>>;
+export declare const StyledWidget: React.FC<PropsWithChildren<StyledWidgetProps>>;

package/dist/src/components/feedback/minimizable-dialog/MinimizableDialog.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type ReactNode } from 'react';
 export declare const MinimizableDialog: React.FC<{
     onCloseText: string;
     onMinimizeText: string;
@@ -8,8 +8,8 @@ export declare const MinimizableDialog: React.FC<{
     showCloseIcon?: boolean;
     showMinimizeIcon?: boolean;
     showExpandIcon?: boolean;
-    title: string;
-    label?: string;
+    title: ReactNode;
+    label?: ReactNode;
     children?: React.ReactNode;
     className?: string;
     primaryButtonText?: string;

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

@@ -0,0 +1,32 @@
+import type { AlertColor } from '@mui/material';
+import { type SnackbarProviderProps } from 'notistack';
+/**
+ * @ignore
+ * @internal
+ */
+export declare const SnackbarProvider: (props: SnackbarProviderProps) => JSX.Element;
+declare module 'notistack' {
+    interface VariantOverrides {
+        alert: {
+            /**
+             * The className to apply to the alert.
+             */
+            alertClassName?: string;
+            /**
+             * The variant to use.
+             * @default 'standard'
+             */
+            alertVariant?: 'standard' | 'filled' | 'outlined';
+            /**
+             * The severity of the alert. This defines the color and icon used.
+             * @default 'success'
+             */
+            severity?: AlertColor;
+            /**
+             * If true, the alert is closable.
+             * @default false
+             */
+            closeButton?: boolean;
+        };
+    }
+}

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

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

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

@@ -0,0 +1,12 @@
+/// <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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,10 @@
+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

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

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

@@ -1 +1,6 @@
+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/feedback/snack-bar/message.d.ts

@@ -0,0 +1,17 @@
+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/processAlertSnackBar.d.ts

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

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

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

package/dist/src/components/icons/calendar-icon/NewCalendarIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const NewCalendarIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/src/components/icons/calendar-icon/index.d.ts

@@ -1 +1,2 @@
 export * from './CalendarIcon';
+export * from './NewCalendarIcon';

package/dist/src/components/icons/handyman-icon/HandymanIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function HandymanIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/handyman-icon/index.d.ts

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

package/dist/src/components/icons/handyman-outline-icon/HandymanOutlineIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function HandymanOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/handyman-outline-icon/index.d.ts

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

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

@@ -76,3 +76,7 @@ export * from './badge-icon';
 export * from './edit-square-icon';
 export * from './plus-icon';
 export * from './plus-icon-circle';
+export * from './handyman-outline-icon';
+export * from './handyman-icon';
+export * from './pin-icon';
+export * from './work-icon';

package/dist/src/components/icons/pin-icon/PinIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function PinIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/pin-icon/index.d.ts

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

package/dist/src/components/icons/work-icon/WorkIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function WorkIcon(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/work-icon/index.d.ts

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

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

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

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

@@ -6,6 +6,7 @@ import { type AutocompleteProps, type ChipTypeMap } from '@mui/material';
  * 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> & {
+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, autoHeight, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
     dataTest: string;
+    autoHeight?: boolean;
 }): JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type StyledTableProps } from './types';
+import { type StyledTableProps, type TableState } from './types';
+import { TableBody } from './components/TableBody';
+import type { ColumnSizingState } from './types';
 /**
  *
  * Custom props:
@@ -9,4 +11,8 @@ import { type StyledTableProps } from './types';
  */
 export declare const StyledTable: <TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => JSX.Element;
+}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData> & {
+    getColumnSizing?: ((column_sizing: ColumnSizingState) => void) | undefined;
+    getTableState?: ((tableState: TableState) => void) | undefined;
+}) => JSX.Element;
+export declare const MemoizedTableBody: typeof TableBody;

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

@@ -3,7 +3,8 @@ import { type Table } from '@tanstack/react-table';
 import type { StyledTableProps } from '../types';
 export declare function TableHeader<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ table, styledTableProps }: {
+}, TCustomData = Record<string, unknown>>({ table, styledTableProps, tableCanResize, }: {
     table: Table<TData>;
     styledTableProps: StyledTableProps<TData, TCustomData>;
+    tableCanResize: boolean;
 }): JSX.Element | null;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { type Header } from '@tanstack/react-table';
-import type { StyledTableProps } from '../types';
+import { type StyledTableProps } from '../types';
 export declare function TableHeaderCell<TData extends {
     id: string | number;
-}, TCustomData = Record<string, unknown>>({ styledTableProps, header, }: {
+}, TCustomData = Record<string, unknown>>({ styledTableProps, header, tableCanResize, }: {
     styledTableProps: StyledTableProps<TData, TCustomData>;
     header: Header<TData, unknown>;
+    tableCanResize: boolean;
 }): JSX.Element;

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

@@ -32,6 +32,7 @@ type IHideFooter = {
 };
 type TFooter<TData> = IFooter<TData> | IHideFooter;
 type TTableOptions<TData> = TableOptions<TData>;
+export type * from '@tanstack/react-table';
 export type StyledTableProps<TData, TCustomData> = {
     locale?: 'no' | 'en';
     height?: string | number;
@@ -62,4 +63,3 @@ export type StyledTableProps<TData, TCustomData> = {
 export declare const SELECT_COLUMN_ID = "select";
 export declare const EXPAND_COLUMN_ID = "expand-column-id";
 export declare const ACTIONS_COLUMN_ID = "actions";
-export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { PopoverProps } from '@mui/material';
 /**
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
@@ -11,6 +12,7 @@ type StyledFilterMenuProps = {
     disabled?: boolean;
     size?: 'small' | 'large' | 'medium';
     variant?: 'contained' | 'outlined' | 'text' | 'textGray';
+    popoverProps?: Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>;
 };
 export declare const StyledFilterMenu: React.FC<StyledFilterMenuProps>;
 export {};

package/dist/src/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/icons';
 export * from './components/data-display/typography';
 export * from './components/feedback/dialog';
 export * from './components/feedback/alert';
+export * from './components/feedback/snack-bar';
 export * from './components/inputs/button';
 export * from './components/inputs/checkbox';
 export * from './components/inputs/input-field';
@@ -17,7 +18,6 @@ export * from './components/inputs/slider';
 export * from './components/inputs/switch';
 export * from './components/inputs/radio-button';
 export * from './components/inputs/label';
-export * from './components/feedback/snack-bar';
 export * from './components/pickers/date-picker';
 export * from './components/pickers/time-picker';
 export * from './components/miscellaneous/StyledFormControl';
@@ -35,6 +35,7 @@ export * from './components/table';
 export * from './components/utils/popover';
 export * from './components/custom/widget/widget-title/StyledWidgetTitle';
 export * from './components/custom/widget/widget-header/StyledWidgetHeader';
+export * from './components/custom/widget/widget/StyledWidget';
 export * from './components/custom/module/module-title/StyledModuleTitle';
 export * from './components/utils/filter-menu/StyledFilterMenu';
 export * from './components/feedback/minimizable-dialog/MinimizableDialog';

package/dist/tailwind.config.d.ts

@@ -43,7 +43,6 @@ declare const _default: {
                 "delta-900": string;
                 "delta-9000": string;
                 "sigma-700": string;
-                "zeta-700": string;
                 "theta-100": string;
                 "theta-200": string;
                 "theta-300": string;
@@ -72,6 +71,7 @@ declare const _default: {
             };
             boxShadow: {
                 ash: string;
+                mui: string;
             };
             animation: {
                 "slide-in": string;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.1.0-beta.4",
+    "version": "4.0.0-1",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -17,7 +17,7 @@
     "module": "./dist/asma-core-ui.es.js",
     "scripts": {
         "dev": "vite",
-        "build": "tsc && rm -rf ./dist && vite build",
+        "build": "npx tsc && rm -rf ./dist && vite build",
         "preview": "vite preview",
         "lint": "eslint src/**/*.{js,jsx,ts,tsx}",
         "version": "echo $npm_package_version",
@@ -37,11 +37,14 @@
     },
     "license": "UNLICENSED",
     "dependencies": {
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
         "@fontsource/material-icons": "^5.0.4",
         "@fontsource/roboto": "^5.0.4",
         "@iconify/react": "^4.1.1",
         "@mui/material": "^5.13.7",
         "@tanstack/react-table": "^8.10.0",
+        "asma-core-ui": "^3.0.53",
         "clsx": "^1.2.1",
         "date-fns": "^2.30.0",
         "lodash-es": "^4.17.21",
@@ -51,7 +54,9 @@
         "react": "^18.2.0",
         "react-day-picker": "^8.8.2",
         "react-dom": "^18.2.0",
-        "react-quill": "^2.0.0"
+        "react-quill": "^2.0.0",
+        "sass": "^1.77.5",
+        "vite-plugin-css-injected-by-js": "^3.5.1"
     },
     "devDependencies": {
         "@changesets/cli": "^2.26.2",
@@ -100,6 +105,8 @@
         "vite-tsconfig-paths": "^4.2.0"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.*",
+        "@emotion/styled": "^11.*",
         "@mui/material": "^5.*",
         "immer": "^9.*",
         "react": "^18.*",

package/tw-configs/twConfigs.json

@@ -38,7 +38,6 @@
         "delta-900": "var(--colors-delta-900)",
         "delta-9000": "var(--colors-gray-9000)",
         "sigma-700": "var(--colors-sigma-700)",
-        "zeta-700": "var(--colors-zeta-700)",
         "theta-100": "var(--colors-theta-100)",
         "theta-200": "var(--colors-theta-200)",
         "theta-300": "var(--colors-theta-300)",
@@ -66,7 +65,10 @@
         "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
         "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
     },
-    "boxShadow": { "ash": "-1px 8px 18px -20px black" },
+    "boxShadow": {
+        "ash": "-1px 8px 18px -20px black",
+        "mui": "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)"
+    },
     "animation": {
         "slide-in": "slide-in 0.3s linear",
         "slide-out": "slide-out 0.3s linear",