@antscorp/antsomi-ui 1.1.11 → 1.2.0-beta.0

package/dist/types/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useDeepCompareEffect(callback: React.EffectCallback, dependencies: React.DependencyList | undefined): void;

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

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

package/dist/types/src/locales/i18n.d.ts

@@ -0,0 +1,73 @@
+export declare const translationsJson: {
+    en: {
+        translation: {
+            global: {
+                minus: string;
+                plus: string;
+            };
+            button: {};
+            datePicker: {
+                startDate: string;
+                endDate: string;
+                dateTypes: {
+                    today: string;
+                    firstDayOfWeekMonSun: string;
+                    firstDayOfWeekSunSat: string;
+                    firstDayOfMonth: string;
+                    firstDayOfQuarter: string;
+                    firstDayOfYear: string;
+                    lastDayOfWeekMonSun: string;
+                    lastDayOfWeekSunSat: string;
+                    lastDayOfMonth: string;
+                    lastDayOfQuarter: string;
+                    lastDayOfYear: string;
+                    fixed: string;
+                };
+                seconds: string;
+                minutes: string;
+                hours: string;
+                days: string;
+                weeks: string;
+                months: string;
+                quarters: string;
+                years: string;
+            };
+        };
+    };
+    vi: {
+        translation: {
+            global: {
+                minus: string;
+                plus: string;
+            };
+            button: {};
+            datePicker: {
+                startDate: string;
+                endDate: string;
+                dateTypes: {
+                    today: string;
+                    firstDayOfWeekMonSun: string;
+                    firstDayOfWeekSunSat: string;
+                    firstDayOfMonth: string;
+                    firstDayOfQuarter: string;
+                    firstDayOfYear: string;
+                    lastDayOfWeekMonSun: string;
+                    lastDayOfWeekSunSat: string;
+                    lastDayOfMonth: string;
+                    lastDayOfQuarter: string;
+                    lastDayOfYear: string;
+                    fixed: string;
+                };
+                seconds: string;
+                minutes: string;
+                hours: string;
+                days: string;
+                weeks: string;
+                months: string;
+                quarters: string;
+                years: string;
+            };
+        };
+    };
+};
+export declare const i18n: Promise<import("i18next").TFunction<"translation", undefined, "translation">>;

package/dist/types/src/locales/translations.d.ts

@@ -0,0 +1,37 @@
+import { ConvertedToObjectType, TranslationJsonType } from './types';
+export declare const translations: ConvertedToObjectType<TranslationJsonType>;
+export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: ConvertedToObjectType<{
+    global: {
+        minus: string;
+        plus: string;
+    };
+    button: {};
+    datePicker: {
+        startDate: string;
+        endDate: string;
+        dateTypes: {
+            today: string;
+            firstDayOfWeekMonSun: string;
+            firstDayOfWeekSunSat: string;
+            firstDayOfMonth: string;
+            firstDayOfQuarter: string;
+            firstDayOfYear: string;
+            lastDayOfWeekMonSun: string;
+            lastDayOfWeekSunSat: string;
+            lastDayOfMonth: string;
+            lastDayOfQuarter: string;
+            lastDayOfYear: string;
+            fixed: string;
+        };
+        seconds: string;
+        minutes: string;
+        hours: string;
+        days: string;
+        weeks: string;
+        months: string;
+        quarters: string;
+        years: string;
+    };
+}>, current?: string) => void;
+export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];
+export declare const getTranslateMessage: (id: string, defaultMessage?: string, value?: Record<string, unknown>) => string;

package/dist/types/src/locales/types.d.ts

@@ -0,0 +1,15 @@
+export type ConvertedToObjectType<T> = {
+    [P in keyof T]: T[P] extends string ? string : ConvertedToObjectType<T[P]>;
+};
+/**
+ 
+If you don't want non-existing keys to throw ts error you can simply do(also keeping the intellisense)
+
+export type ConvertedToObjectType<T> = {
+  [P in keyof T]: T[P] extends string ? string : ConvertedToObjectType<T[P]>;
+} & {
+  [P: string]: any;
+};
+
+*/
+export type TranslationJsonType = typeof import('./en/translation.json');

package/dist/types/src/test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '@antscorp/icons/main.css';
+export declare const App: () => JSX.Element;

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

@@ -0,0 +1,6 @@
+export type THandleErrorPayload = {
+    path: string;
+    name: string;
+    args: Record<string, any>;
+};
+export type TLocale = 'en' | 'vi';

package/dist/types/src/utils/common.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Function to reorder list
+ * @param {Object[]} list - list of item want to reorder
+ * @param {number} startIndex - start item index want to replace position: ;
+ * @param {number} endIndex - end item index want to replace position: ;
+ * @returns {object[]}
+ */
+export declare const reorder: (list: Array<Record<string, unknown> | string | number>, startIndex: number, endIndex: number) => any[];

package/dist/types/src/utils/handleError.d.ts

@@ -0,0 +1,2 @@
+import { THandleErrorPayload } from 'src/types';
+export declare const handleError: (error: any, payload: THandleErrorPayload) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.1.11",
+  "version": "1.2.0-beta.0",
   "description": "An enterprise-class UI design language and React UI library.",
   "main": "dist/index.js",
   "files": [
@@ -17,7 +17,10 @@
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook",
     "serve-storybook": "serve storybook-static",
-    "version": "auto-changelog -p && git add CHANGELOG.md"
+    "version": "auto-changelog -p && git add CHANGELOG.md",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
   },
   "husky": {
     "hooks": {
@@ -56,10 +59,13 @@
     "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/react": "^6.5.16",
     "@storybook/testing-library": "^0.0.13",
-    "@types/jest": "^29.2.5",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
     "@types/node": "^18.15.10",
-    "@types/react": "^18.0.29",
+    "@types/react": "^18.0.33",
     "@types/react-dom": "^18.0.11",
+    "@types/react-test-renderer": "^18.0.0",
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
@@ -72,26 +78,34 @@
     "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": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.11",
     "file-loader": "^6.2.0",
     "husky": "^8.0.3",
+    "i18next": "^22.4.14",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "lint-staged": "^13.2.0",
     "mini-css-extract-plugin": "^2.7.5",
     "postcss": "^8.4.21",
     "postcss-loader": "^7.1.0",
     "prettier": "^2.8.7",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-fast-compare": "^3.2.1",
+    "react-i18next": "^12.2.0",
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
     "style-loader": "^3.3.2",
     "styled-components": "^5.3.9",
     "terser-webpack-plugin": "^5.3.7",
+    "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-node": "^10.9.1",
     "tsconfig-paths-webpack-plugin": "^4.0.1",