@antscorp/antsomi-ui 2.0.119 → 3.0.0-beta.1

package/es/queries/Unsubscribe/useGetUnsubscribeListPermission.js

@@ -6,8 +6,8 @@ import { unsubscribeServices, } from '../../services/Unsubscribe';
 import { QUERY_KEYS } from '../../constants';
 export const useGetUnsubscribeListPermission = ({ args, options }, infos) => useQuery({
     queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST_PERMISSION, args, options, infos],
-    queryFn: async () => unsubscribeServices.getUnsubscribeListPermission(args, infos),
-    onSuccess: data => {
+    queryFn: async () => {
+        const data = await unsubscribeServices.getUnsubscribeListPermission(args, infos);
         if (!data)
             return [];
         const unsubscribedList = data?.entries[0] || [];

package/es/queries/Unsubscribe/useGetUnsubscribePreferences.d.ts

@@ -2,7 +2,7 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import { GetUnsubscribePreferencesArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
 interface UseGetUnsubscribePreferencesProps {
     args: GetUnsubscribePreferencesArgs;
-    options?: UseQueryOptions<any, Error, any>;
+    options?: Omit<UseQueryOptions<any, Error, any>, 'queryKey' | 'queryFn'>;
 }
 /**
  * React Query hook to get unsubscribe preferences by given identifier

package/es/queries/User/index.d.ts

@@ -5,4 +5,4 @@ export type TUseGetLoggedUser = {
     args: TGetLoggedUserArgs;
     options?: UseQueryOptions<LoggedUser, any, LoggedUser, any[]>;
 };
-export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<LoggedUser, any>;
+export declare const useGetLoggedUser: (params: TUseGetLoggedUser) => import("@tanstack/react-query").UseQueryResult<NoInfer<LoggedUser>, any>;

package/es/queries/User/index.js

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
 // Services
@@ -6,15 +7,18 @@ import { PORTAL_KEYS, QUERY_KEYS } from '../../constants';
 import { UserAndPortalDefaultConfig } from '../../utils/portal';
 export const useGetLoggedUser = (params) => {
     const { args, options } = params;
-    return useQuery({
+    const query = useQuery({
         queryKey: [QUERY_KEYS.GET_LOGGED_USER, args],
         queryFn: () => userServices.getLoggedUser(args),
-        onSuccess(data) {
-            UserAndPortalDefaultConfig.setPartial({
-                [PORTAL_KEYS.USER_LANGUAGE]: data.language,
-            });
-            i18next.changeLanguage(`${data.language || 'en'}`.toLowerCase());
-        },
         ...options,
     });
+    useEffect(() => {
+        if (query.data) {
+            UserAndPortalDefaultConfig.setPartial({
+                [PORTAL_KEYS.USER_LANGUAGE]: query.data.language,
+            });
+            i18next.changeLanguage(`${query.data.language || 'en'}`.toLowerCase());
+        }
+    }, [query.data]);
+    return query;
 };

package/es/queries/User/userGetUserInfo.js

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { getUserInfo } from '../../services/User';
 import { UserAndPortalDefaultConfig } from '../../utils/portal';
@@ -19,10 +20,12 @@ export const useGetUserInfo = (appConfig) => {
         enabled,
         queryKey,
         queryFn: () => getUserInfo(getUserInfoParams),
-        onSuccess: data => {
-            UserAndPortalDefaultConfig.set(data.portal, data.user);
-        },
     });
+    useEffect(() => {
+        if (query.data) {
+            UserAndPortalDefaultConfig.set(query.data.portal, query.data.user);
+        }
+    }, [query.data]);
     return {
         data: query.data,
         isLoading: query.isFetching,

package/es/utils/color.d.ts

@@ -1,3 +1,4 @@
+import { ColorInput } from 'tinycolor2';
 export declare const isDarkColor: (hexcolor: any, alpha?: number) => boolean;
 export declare const hexWithAlpha: (color: ColorResult) => string;
 /**
@@ -8,3 +9,4 @@ export declare const hexWithAlpha: (color: ColorResult) => string;
  */
 export declare const hexToRgb: (hexCode: string) => [number, number, number];
 export declare const generateHeatMapColor: (value: number, maxValue: number, rgbColor: [number, number, number]) => string;
+export declare function interpolateHSL(colorStart: ColorInput, colorEnd: ColorInput, factor?: number): string;

package/es/utils/color.js

@@ -1,3 +1,4 @@
+import tinycolor from 'tinycolor2';
 export const isDarkColor = (hexcolor, alpha) => {
     if (alpha) {
         if (alpha < 0.5) {
@@ -59,3 +60,32 @@ export const generateHeatMapColor = (value, maxValue, rgbColor) => {
     // Return the RGBA color as a string
     return `rgba(${baseRed},${baseGreen},${baseBlue},${normalizedValue})`;
 };
+export function interpolateHSL(colorStart, colorEnd, factor = 0.5) {
+    // Convert inputs to tinycolor instances
+    const start = tinycolor(colorStart);
+    const end = tinycolor(colorEnd);
+    // Extract HSL objects
+    const hslStart = start.toHsl();
+    const hslEnd = end.toHsl();
+    // Constrain the factor between 0 and 1
+    const t = Math.max(0, Math.min(1, factor));
+    // Interpolate Hue (using shortest circular distance)
+    let h1 = hslStart.h;
+    let h2 = hslEnd.h;
+    if (Math.abs(h2 - h1) > 180) {
+        if (h2 > h1) {
+            h1 += 360;
+        }
+        else {
+            h2 += 360;
+        }
+    }
+    console.log('test');
+    const h = (h1 + (h2 - h1) * t) % 360;
+    // Interpolate Saturation, Lightness, and Alpha linearly
+    const s = hslStart.s + (hslEnd.s - hslStart.s) * t;
+    const l = hslStart.l + (hslEnd.l - hslStart.l) * t;
+    const a = (hslStart.a ?? 1) + ((hslEnd.a ?? 1) - (hslStart.a ?? 1)) * t;
+    // Return formatted CSS color string
+    return tinycolor({ h, s, l, a }).toRgbString();
+}

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "2.0.119",
+  "version": "3.0.0-beta.1",
   "description": "An enterprise-class UI design language and React UI library.",
+  "license": "MIT",
+  "author": "",
+  "files": [
+    "es",
+    "dist"
+  ],
   "sideEffects": [
     "dist/*",
     "es/**/style/*",
@@ -10,14 +16,10 @@
     "**/*.scss",
     "**/*.less"
   ],
-  "files": [
-    "es",
-    "dist"
-  ],
   "main": "es/index.js",
   "module": "es/index.js",
-  "unpkg": "dist/index.js",
   "types": "es/index.d.ts",
+  "unpkg": "dist/index.js",
   "scripts": {
     "prepublishOnly": "yarn && yarn build:es",
     "build:es": "npm run clean && npm run copy-files && npm run ts-compile",
@@ -25,9 +27,10 @@
     "dev": "vite",
     "build:dist": "webpack --config webpack.build.js",
     "build": "npm run clean && npm run build:es && npm run build:dist",
-    "eslint": "eslint --ext js,ts,tsx",
-    "lint": "yarn run eslint src",
-    "lint:fix": "yarn run eslint src --fix",
+    "lint": "oxlint src/",
+    "lint:fix": "oxlint --fix src/",
+    "format": "oxfmt --write src/",
+    "format:check": "oxfmt --check src/",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "serve-storybook": "serve storybook-static",
@@ -38,29 +41,14 @@
     "ts-compile": "tsc -p tsconfig.esm.json",
     "copy-files": "copyfiles -u 1 \"src/**/*.json\" \"src/**/*.svg\" \"src/**/*.png\" \"src/**/*.scss\" es",
     "icons:export": "sh -e scripts/generate-export-icon.sh",
-    "icons:format": "prettier --loglevel warn --write \"src/components/icons/*.tsx\"",
+    "icons:format": "oxfmt --write \"src/components/icons/*.tsx\"",
     "icons:update": "sh -e scripts/update-icons.sh",
     "translate:init": "tsx scripts/translate/goolge-sheet-gen.ts"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx}": [
-      "yarn lint:fix"
-    ]
-  },
-  "author": "",
-  "license": "MIT",
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not op_mini all"
-  ],
   "dependencies": {
-    "@ant-design/cssinjs": "^1.6.2",
+    "@ant-design/colors": "^7.2.1",
+    "@ant-design/cssinjs": "^1.23.0",
+    "@ant-design/icons": "^5.6.1",
     "@antscorp/icons": "^0.27.63",
     "@antscorp/image-editor": "1.0.2",
     "@antscorp/processing-notification": "^1.0.3",
@@ -76,8 +64,9 @@
     "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/react-fontawesome": "0.2.0",
     "@swiper/core": "^0.0.21",
-    "@tanstack/react-query": "4.20.4",
-    "@tanstack/react-query-devtools": "4.20.4",
+    "@tanstack/react-query": "^5.62.0",
+    "@tanstack/react-query-devtools": "^5.62.0",
+    "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^3.7.0",
     "@tiptap/core": "3.10.2",
     "@tiptap/extension-link": "3.10.2",
@@ -94,14 +83,14 @@
     "@yaireo/tagify": "4.31.2",
     "ace-builds": "1.4.14",
     "animate.css": "^4.1.1",
-    "antd": "5.12.6",
+    "antd": "^5",
     "axios": "^1.4.0",
     "babel-plugin-file-loader": "^2.0.0",
     "bignumber.js": "9.1.2",
     "commander": "^12.1.0",
     "currency-formatter": "1.5.9",
     "d3-interpolate": "^3.0.1",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1",
     "deepmerge": "^4.3.1",
     "fabric": "^5.3.0",
     "font-awesome": "4.7.0",
@@ -160,7 +149,6 @@
   "devDependencies": {
     "@antscorp/antsomi-constants": "1.0.8-beta.1",
     "@antscorp/antsomi-locales": "^1.0.92",
-    "@antscorp/eslint-config-antsomi": "1.0.4",
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.21.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -205,8 +193,6 @@
     "@types/tinycolor2": "^1.4.6",
     "@types/uniqid": "^5.3.4",
     "@types/yaireo__tagify": "^4.27.0",
-    "@typescript-eslint/eslint-plugin": "^5.55.0",
-    "@typescript-eslint/parser": "^5.55.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^2.0.5",
     "@vitest/ui": "^2.0.5",
@@ -221,16 +207,6 @@
     "css-loader": "^7.1.2",
     "date-fns": "^2.29.3",
     "esbuild-loader": "^4.0.2",
-    "eslint": "^8.36.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^9.1.10",
     "file-loader": "^6.2.0",
     "googleapis": "^142.0.0",
     "husky": "^8.0.3",
@@ -238,9 +214,10 @@
     "jsdom": "^24.1.1",
     "lint-staged": "^13.2.0",
     "mini-css-extract-plugin": "^2.7.5",
+    "oxfmt": "^0.56.0",
+    "oxlint": "^1.71.0",
     "postcss": "^8.4.41",
     "postcss-loader": "^8.1.1",
-    "prettier": "^3.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "11.16.7",
@@ -272,5 +249,21 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
     "react-router-dom": ">= 5.1.0"
-  }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "oxlint --fix",
+      "oxfmt --write"
+    ]
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
+  ]
 }