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

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/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

@@ -17,7 +17,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 +34,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-2",
     "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,21 +37,25 @@
     },
     "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",
         "material-ui-popup-state": "^5.0.10",
         "node": "18.17.0",
-        "notistack": "^3.0.1",
         "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 +104,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",

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

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