asma-ui-core 3.10.0 → 3.11.0

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

@@ -1,11 +1,11 @@
-import React, { type ReactNode } from 'react';
-import type { PopoverProps } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+import { 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
  * @param popoverContent
  */
-type StyledFilterMenuProps = {
+interface StyledFilterMenuProps {
     dataTest: string;
     filterIsActive: boolean;
     popoverContent: ((props: {
@@ -22,6 +22,6 @@ type StyledFilterMenuProps = {
     }) => ReactNode;
     label?: string;
     hideLabel?: boolean;
-};
+}
 export declare const StyledFilterMenu: React.FC<StyledFilterMenuProps>;
 export {};

package/dist/src/components/utils/popover/StyledPopover.d.ts

@@ -1,2 +1,2 @@
-import { type PopoverProps } from '@mui/material';
-export declare const StyledPopover: ({ anchorOrigin, transformOrigin, className, ...props }: PopoverProps) => JSX.Element;
+import { PopoverProps } from '@mui/material';
+export declare const StyledPopover: ({ anchorOrigin, transformOrigin, className, ...props }: PopoverProps) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-import { type ClassValue } from 'clsx';
+import { ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;

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

@@ -1,3 +1,2 @@
-export * from './reflections.helper';
-export * from './date.helper';
+export * from './cn';
 export * from './prepareForSlot';

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

@@ -1,4 +1,5 @@
 /**
- * When inserting a component from a third-party library into a slot, you may encounter this warning: "React does not recognize the ownerState prop on a DOM element." This is because the custom component isn't prepared to receive the ownerState like a built-in library component would be.
+ * When inserting a component from a third-party library into a slot, you may encounter this warning: "React does not recognize the ownerState prop on a DOM element."
+ * This is because the custom component isn't prepared to receive the ownerState like a built-in library component would be.
  */
-export declare function prepareForSlot<ComponentType extends React.ElementType>(Component: ComponentType): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<import("react").ComponentProps<ComponentType>> & import("react").RefAttributes<HTMLElement>>;
+export declare function prepareForSlot<ComponentType extends React.ElementType>(Component: ComponentType): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentProps<ComponentType>> & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,2 @@
+export declare function makeMediaQueryStore(mediaQuery: string): () => boolean;
+export declare const useMobileMediaQuery: () => boolean;

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

@@ -1,6 +1,6 @@
 export declare const useToggleMenuVisibility: () => {
     open: boolean;
     handleClose: () => void;
-    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement | null>) => void;
     anchorEl: HTMLElement | SVGSVGElement | null;
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.10.0",
+    "version": "3.11.0",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -18,29 +18,27 @@
     "module": "./dist/asma-ui-core.es.js",
     "exports": {
         ".": {
-            "import": {
-                "types": "./dist/index.d.ts",
-                "default": "./dist/asma-ui-core.es.js"
-            }
+            "types": "./dist/index.d.ts",
+            "import": "./dist/asma-ui-core.es.js",
+            "default": "./dist/asma-ui-core.es.js"
         },
         "./dist/style.css": "./dist/style.css",
         "./tw-configs/twConfigs.json": "./tw-configs/twConfigs.json",
         "./src/styles/breakpoints": "./src/styles/_breakpoints.scss"
     },
     "scripts": {
+        "chromatic": "npx chromatic --config-file chromatic.config.json",
         "dev": "vite",
         "build": "pnpm exec tsc && rm -rf ./dist && vite build",
         "preview": "vite preview",
-        "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+        "lint": "eslint src/**/*.{ts,tsx} --cache",
         "version": "echo $npm_package_version",
-        "lint:fix": "eslint --fix --ext .jsx,.ts,.tsx src",
-        "prettier": "prettier --write src//**/*.{ts,tsx,scss} --config ./.prettierrc",
+        "lint:fix": "eslint --fix src/**/*.{ts,tsx}",
+        "return:types": "tsx scripts/add-missing-return-types.ts",
         "storybook": "storybook dev -p 6006",
         "storybook:no-browser": "storybook dev -p 6006 --no-open",
-        "storybook:node18": "export NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
-        "storybook:node18:win": "set NODE_OPTIONS=--openssl-legacy-provider && storybook dev -p 6006",
         "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
-        "test-storybook": "test-storybook",
+        "test-storybook": "npx vitest --project=storybook",
         "changeset:pre-beta": "changeset pre enter beta",
         "changeset:pre-exit": "changeset pre exit",
         "changeset:version": "changeset version",
@@ -48,88 +46,78 @@
         "changeset:status": "changeset status"
     },
     "license": "UNLICENSED",
+    "engines": {
+        "node": ">=24 <25"
+    },
     "dependencies": {
-        "@base-ui-components/react": "1.0.0-beta.4",
-        "@fontsource/material-icons": "^5.0.4",
+        "@base-ui/react": "^1.3.0",
         "@iconify/react": "^4.1.1",
-        "@tanstack/react-table": "^8.10.0",
         "clsx": "^1.2.1",
-        "date-fns": "^2.30.0",
-        "lodash-es": "^4.18.1",
-        "notistack": "^3.0.2",
-        "sass": "^1.77.5"
+        "lodash-es": "^4.17.21",
+        "sass": "^1.98.0"
     },
     "devDependencies": {
-        "asma-ui-icons": "^0.3.7",
+        "@changesets/cli": "^2.26.2",
+        "@chromatic-com/storybook": "^5.1.1",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
-        "@changesets/cli": "^2.26.2",
-        "@faker-js/faker": "^8.4.1",
-        "@rollup/plugin-terser": "^0.4.3",
-        "@storybook/addon-a11y": "^7.6.9",
-        "@storybook/addon-essentials": "^7.6.9",
-        "@storybook/addon-interactions": "^7.6.9",
-        "@storybook/addon-links": "^7.6.9",
-        "@storybook/addon-mdx-gfm": "^7.6.9",
-        "@storybook/addon-styling": "^1.3.7",
-        "@storybook/addons": "^7.6.9",
-        "@storybook/blocks": "^7.6.9",
-        "@storybook/manager-api": "^7.6.9",
-        "@storybook/preset-create-react-app": "^7.6.9",
-        "@storybook/react": "^7.6.9",
-        "@storybook/react-vite": "^7.6.9",
-        "@storybook/test-runner": "^0.16.0",
-        "@storybook/testing-library": "^0.2.2",
-        "@storybook/theming": "^7.6.9",
+        "@eslint/js": "^9.39.2",
+        "@storybook/addon-a11y": "10.3.3",
+        "@storybook/addon-docs": "10.3.3",
+        "@storybook/addon-links": "10.3.3",
+        "@storybook/addon-themes": "^10.3.3",
+        "@storybook/addon-vitest": "10.3.3",
+        "@storybook/react-vite": "10.3.3",
+        "@storybook/test-runner": "^0.24.3",
         "@types/lodash-es": "^4.17.7",
-        "@types/node": "^18.0.3",
+        "@types/node": "^24.12.4",
         "@types/react": "^18.0.37",
         "@types/react-dom": "^18.0.11",
-        "@typescript-eslint/eslint-plugin": "^5.59.0",
-        "@typescript-eslint/parser": "^5.59.0",
-        "@vitejs/plugin-react": "^4.0.0",
-        "autoprefixer": "^10.4.14",
+        "@vitejs/plugin-react": "^6.0.1",
+        "@vitest/browser-playwright": "^4.0.16",
+        "asma-ui-icons": "^0.3.7",
+        "autoprefixer": "^10.4.27",
         "axe-playwright": "^1.2.3",
-        "axios": "^1.15.0",
-        "eslint": "^8.38.0",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-react-refresh": "^0.3.4",
-        "eslint-plugin-storybook": "^0.6.15",
-        "node": "18.17.0",
-        "postcss": "^8.4.24",
-        "prop-types": "^15.8.1",
+        "chromatic": "^13.3.4",
+        "eslint": "^9.39.2",
+        "eslint-plugin-better-tailwindcss": "^3.8.0",
+        "eslint-plugin-de-morgan": "^2.0.0",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-you-might-not-need-an-effect": "^0.7.0",
+        "eslint-plugin-regexp": "^2.10.0",
+        "eslint-plugin-storybook": "10.3.3",
+        "notistack": "^3.0.2",
+        "playwright": "^1.57.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-quill": "^2.0.0",
-        "rollup-plugin-typescript2": "^0.35.0",
-        "storybook": "^7.6.9",
-        "storybook-addon-themes": "^6.1.0",
+        "storybook": "10.3.3",
+        "storybook-addon-pseudo-states": "^10.3.3",
         "tailwind-merge": "^2.4.0",
         "tailwind-scrollbar": "^3.1.0",
         "tailwindcss": "^3.3.2",
-        "typescript": "^5.0.2",
+        "ts-morph": "^27.0.2",
+        "tsx": "^4.21.0",
+        "typescript": "^6.0.2",
+        "typescript-eslint": "^8.50.0",
         "typescript-plugin-css-modules": "^5.0.1",
-        "vite": "^4.3.9",
-        "vite-plugin-dts": "^3.1.1",
-        "vite-tsconfig-paths": "^4.2.0",
-        "@mui/material": "^5.18.0"
+        "vite": "^8.0.3",
+        "vite-plugin-dts": "^4.5.4",
+        "vitest": "^4.0.16"
     },
     "peerDependencies": {
         "@emotion/react": "^11.*",
         "@emotion/styled": "^11.*",
         "@mui/material": "^5.18.0",
+        "asma-ui-icons": "^0.3.7",
+        "axios": "^1.15.0",
         "immer": "^9.*",
         "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0",
-        "asma-ui-icons": "^0.3.7",
-        "axios": "^1.15.0"
+        "react-dom": "^18.0.0 || ^19.0.0"
     },
     "repository": {
         "type": "git",
         "url": "git+https://github.com/Carasent-ASMA/asma-ui-core.git"
-    },
-    "resolutions": {
-        "@types/node": "18.0.3",
-        "node": "18.17.0"
     }
 }

package/dist/src/components/feedback/alert/StyledAlert.d.ts

@@ -1,2 +0,0 @@
-import { type AlertProps } from '@mui/material';
-export declare const StyledAlert: (props: AlertProps) => JSX.Element;

package/dist/src/components/feedback/alert/StyledAlertTitle.d.ts

@@ -1,2 +0,0 @@
-import { type AlertTitleProps } from '@mui/material';
-export declare const StyledAlertTitle: (props: AlertTitleProps) => JSX.Element;

package/dist/src/components/feedback/alert/index.d.ts

@@ -1,2 +0,0 @@
-export * from './StyledAlert';
-export * from './StyledAlertTitle';

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

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

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

@@ -1,2 +0,0 @@
-import { type SnackbarProps } from '@mui/material';
-export declare const StyledSnackbar: ({ children, ...props }: SnackbarProps) => JSX.Element;

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

@@ -1,11 +0,0 @@
-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 +0,0 @@
-export declare const InfoMessages: React.FC;

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

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

@@ -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/processAlertSnackBar.d.ts

@@ -1 +0,0 @@
-export declare function processAlertSnackBar(message: string): 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/icons/Indeterminate icon/IndeterminateIcon.d.ts

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

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

@@ -1 +0,0 @@
-export * from "./IndeterminateIcon";

package/dist/src/components/icons/clock-outline-icon/ClockOutlineIcon.d.ts

@@ -1,2 +0,0 @@
-import type { IIcon } from '../Icons.types';
-export declare const ClockOutlineIcon: React.FC<IIcon>;

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

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

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

@@ -1 +0,0 @@
-export declare const StyledInputFieldExample: React.FC;

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

@@ -1,13 +0,0 @@
-import type { FC } from 'react';
-import ReactQuill from 'react-quill';
-export interface IRichInput extends ReactQuill.ReactQuillProps {
-    disabled?: boolean;
-    label?: string;
-    isRequired?: boolean;
-    is_error?: boolean;
-    helperText?: string;
-    dataTest: string;
-    ghost?: boolean;
-}
-declare const RichInput: FC<IRichInput>;
-export { RichInput };

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

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

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

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

package/dist/src/components/inputs/textarea/useAutosizeTextArea.d.ts

@@ -1 +0,0 @@
-export declare const useAutosizeTextArea: (textAreaRef: HTMLTextAreaElement | null, value: string, minRows: number, maxRows: number, mounted: boolean, counterEnabled?: boolean) => void;

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

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

package/dist/src/helpers/reflections.helper.d.ts

@@ -1 +0,0 @@
-export declare const omit: <T extends object, K extends keyof T>(obj: T, keys: readonly K[]) => Omit<T, K>;

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

@@ -1,11 +0,0 @@
-export declare function useMediaQuery(query: string): boolean;
-export declare function useBreakpoints(): {
-    isMobile: boolean;
-    isTablet: boolean;
-    isTabletDesktop: boolean;
-    isDesktop: boolean;
-    isMobileOrTablet: boolean;
-    isCompact: boolean;
-};
-export declare function useIsMobileView(): boolean;
-export declare function useIsTabletView(): boolean;