glints-aries 4.1.7 → 5.0.0-alpha.1

package/lib/Utils/Icon/IconLibrary.d.ts

@@ -1,180 +1,180 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const ICONS: {
-    ADD: JSX.Element;
-    ADD_CIRCLE_OUTLINE: JSX.Element;
-    ADD_CIRCLE_SOLID: JSX.Element;
-    ARROW_BACK: JSX.Element;
-    ARROW_BACK_SOLID: JSX.Element;
-    ARROW_BACK_DOUBLE: JSX.Element;
-    ARROW_DOWN: JSX.Element;
-    ARROW_DOWN_CIRCLE_OUTLINE: JSX.Element;
-    ARROW_DOWN_SOLID: JSX.Element;
-    ARROW_UP_SOLID: JSX.Element;
-    ARROW_NEXT: JSX.Element;
-    ARROW_NEXT_DOUBLE: JSX.Element;
-    ARROW_NEXT_SOLID: JSX.Element;
-    ARROW_UP: JSX.Element;
-    ARROW_ROUND_BACK: JSX.Element;
-    ARROW_ROUND_FORWARD: JSX.Element;
-    ASTERISK_SOLID: JSX.Element;
-    ATTACHMENT: JSX.Element;
-    BEHANCE: JSX.Element;
-    BELL: JSX.Element;
-    BOOKMARK: JSX.Element;
-    BOOKMARK_OUTLINE: JSX.Element;
-    BOOKMARK_ROUNDED_OUTLINE: JSX.Element;
-    BOX_WITH_HANDLE_SOLID: JSX.Element;
-    BRIEFCASE_SOLID: JSX.Element;
-    BUILDING_SOLID: JSX.Element;
-    BULLET_LIST: JSX.Element;
-    CALENDAR: JSX.Element;
-    CAMERA: JSX.Element;
-    CHECKLIST: JSX.Element;
-    CHECKMARK: JSX.Element;
-    CHECKMARK_SOLID: JSX.Element;
-    CHECKMARK_THICK: JSX.Element;
-    CIRCLE: JSX.Element;
-    CIRCLE_AND_CHECK: JSX.Element;
-    CLIPBOARD: JSX.Element;
-    CLIPBOARD_CHECK_OUTLINE: JSX.Element;
-    CLOCK: JSX.Element;
-    CLOSE: JSX.Element;
-    CLOSE_CIRCLE_SOLID: JSX.Element;
-    CLOUD_DOWNLOAD: JSX.Element;
-    CLOUD_UPLOAD: JSX.Element;
-    CODEPEN: JSX.Element;
-    COMPASS: JSX.Element;
-    COMMUNITY: JSX.Element;
-    CONNECTION: JSX.Element;
-    COPY: JSX.Element;
-    COPY_OUTLINED: JSX.Element;
-    COPY_LINK: JSX.Element;
-    CURRENCY: JSX.Element;
-    DELETE: JSX.Element;
-    DISCOUNT_SOLID: JSX.Element;
-    DOCUMENT_CHECK: JSX.Element;
-    DOT: JSX.Element;
-    DOUBLE_CHECKMARK: JSX.Element;
-    DOVE: JSX.Element;
-    DOWNLOAD: JSX.Element;
-    DRAG_STRIPES: JSX.Element;
-    DRAG_ARROW: JSX.Element;
-    EDIT: JSX.Element;
-    EDIT_OUTLINE: JSX.Element;
-    EXCLAMATION: JSX.Element;
-    EXIT_FULL_SCREEN: JSX.Element;
-    EXTERNAL_LINK: JSX.Element;
-    EYE: JSX.Element;
-    EYE_SOLID: JSX.Element;
-    EYE_SLASHED: JSX.Element;
-    FACEBOOK: JSX.Element;
-    FILE: JSX.Element;
-    FILE_ALTERNATE: JSX.Element;
-    FILE_PREVIEW: JSX.Element;
-    FILE_SOLID: JSX.Element;
-    FILTER: JSX.Element;
-    FLAG: JSX.Element;
-    FOLDER: JSX.Element;
-    FULL_SCREEN: JSX.Element;
-    GLOBE: JSX.Element;
-    GRADUATION_HAT: JSX.Element;
-    GROUP: JSX.Element;
-    GUARANTEE: JSX.Element;
-    GITHUB: JSX.Element;
-    HAND: JSX.Element;
-    HAND_SHAKE: JSX.Element;
-    HEART_SOLID: JSX.Element;
-    HEART: JSX.Element;
-    HELP: JSX.Element;
-    HOME: JSX.Element;
-    HOURGLASS: JSX.Element;
-    JOB_SEARCH: JSX.Element;
-    JOB_OUTLINE: JSX.Element;
-    IMAGE: JSX.Element;
-    INFO: JSX.Element;
-    INFO_SOLID: JSX.Element;
-    INSTAGRAM: JSX.Element;
-    LIGHTBULB: JSX.Element;
-    LIGHTNING_OUTLINE: JSX.Element;
-    LINE: JSX.Element;
-    LINKEDIN: JSX.Element;
-    LOADING: JSX.Element;
-    LOCATION: JSX.Element;
-    LOCK_SOLID: JSX.Element;
-    MAIL: JSX.Element;
-    MAIL_SOLID: JSX.Element;
-    MEDAL: JSX.Element;
-    MENU: JSX.Element;
-    MENU_HALF: JSX.Element;
-    MESSAGE_OUTLINE: JSX.Element;
-    MESSAGE_OUTLINE_INCOMING: JSX.Element;
-    MIC: JSX.Element;
-    MIC_OFF: JSX.Element;
-    MINUS: JSX.Element;
-    MINUS_CIRCLE: JSX.Element;
-    MINUS_CIRCLE_SOLID: JSX.Element;
-    MORE: JSX.Element;
-    MORE_HORIZONTAL: JSX.Element;
-    NAME_TAG: JSX.Element;
-    NOTIFICATION: JSX.Element;
-    NUMBER_LIST: JSX.Element;
-    ONLINE: JSX.Element;
-    PDF: JSX.Element;
-    PDF_OUTLINE: JSX.Element;
-    PHONE: JSX.Element;
-    POWER: JSX.Element;
-    PUZZLE: JSX.Element;
-    QUESTION_OUTLINE: JSX.Element;
-    QUOTATION: JSX.Element;
-    REFRESH_SOLID: JSX.Element;
-    REPLY: JSX.Element;
-    RESUME_OUTLINE: JSX.Element;
-    ROTATE: JSX.Element;
-    RSS: JSX.Element;
-    SALARY: JSX.Element;
-    SAVE_SOLID: JSX.Element;
-    SEARCH: JSX.Element;
-    SEND: JSX.Element;
-    SETTING: JSX.Element;
-    SETTING_SOLID: JSX.Element;
-    SHARE: JSX.Element;
-    SHARE_OUTLINE: JSX.Element;
-    SHARE_ARROW: JSX.Element;
-    SHARE_ARROW_OUTLINE: JSX.Element;
-    SHARE_SCREEN: JSX.Element;
-    SHIELD_CHECK: JSX.Element;
-    SPEAKER: JSX.Element;
-    SPEECH_BUBBLE: JSX.Element;
-    SPEECH_BUBBLE_OUTLINE: JSX.Element;
-    SPINNER: JSX.Element;
-    STACK: JSX.Element;
-    STAR_OUTLINE: JSX.Element;
-    STAR_CIRCLE: JSX.Element;
-    STAR: JSX.Element;
-    TAG: JSX.Element;
-    TASK: JSX.Element;
-    TELEGRAM: JSX.Element;
-    THUMBS_UP: JSX.Element;
-    THUMBS_UP_OUTLINE: JSX.Element;
-    TICKET_SOLID: JSX.Element;
-    TIE: JSX.Element;
-    TRASH: JSX.Element;
-    TV_PLAY: JSX.Element;
-    TWITTER: JSX.Element;
-    UPLOAD: JSX.Element;
-    UPVOTE: JSX.Element;
-    USER: JSX.Element;
-    USER_COG: JSX.Element;
-    USER_WRENCH: JSX.Element;
-    VIDEO: JSX.Element;
-    VIDEO_OFF: JSX.Element;
-    VIEW: JSX.Element;
-    VIMEO: JSX.Element;
-    WARNING: JSX.Element;
-    WARNING_CIRCLE_SOLID: JSX.Element;
-    WARNING_OUTLINE: JSX.Element;
-    WARNING_SOLID: JSX.Element;
-    WHATSAPP: JSX.Element;
-    YOUTUBE: JSX.Element;
-    ZALO: JSX.Element;
+    ADD: React.JSX.Element;
+    ADD_CIRCLE_OUTLINE: React.JSX.Element;
+    ADD_CIRCLE_SOLID: React.JSX.Element;
+    ARROW_BACK: React.JSX.Element;
+    ARROW_BACK_SOLID: React.JSX.Element;
+    ARROW_BACK_DOUBLE: React.JSX.Element;
+    ARROW_DOWN: React.JSX.Element;
+    ARROW_DOWN_CIRCLE_OUTLINE: React.JSX.Element;
+    ARROW_DOWN_SOLID: React.JSX.Element;
+    ARROW_UP_SOLID: React.JSX.Element;
+    ARROW_NEXT: React.JSX.Element;
+    ARROW_NEXT_DOUBLE: React.JSX.Element;
+    ARROW_NEXT_SOLID: React.JSX.Element;
+    ARROW_UP: React.JSX.Element;
+    ARROW_ROUND_BACK: React.JSX.Element;
+    ARROW_ROUND_FORWARD: React.JSX.Element;
+    ASTERISK_SOLID: React.JSX.Element;
+    ATTACHMENT: React.JSX.Element;
+    BEHANCE: React.JSX.Element;
+    BELL: React.JSX.Element;
+    BOOKMARK: React.JSX.Element;
+    BOOKMARK_OUTLINE: React.JSX.Element;
+    BOOKMARK_ROUNDED_OUTLINE: React.JSX.Element;
+    BOX_WITH_HANDLE_SOLID: React.JSX.Element;
+    BRIEFCASE_SOLID: React.JSX.Element;
+    BUILDING_SOLID: React.JSX.Element;
+    BULLET_LIST: React.JSX.Element;
+    CALENDAR: React.JSX.Element;
+    CAMERA: React.JSX.Element;
+    CHECKLIST: React.JSX.Element;
+    CHECKMARK: React.JSX.Element;
+    CHECKMARK_SOLID: React.JSX.Element;
+    CHECKMARK_THICK: React.JSX.Element;
+    CIRCLE: React.JSX.Element;
+    CIRCLE_AND_CHECK: React.JSX.Element;
+    CLIPBOARD: React.JSX.Element;
+    CLIPBOARD_CHECK_OUTLINE: React.JSX.Element;
+    CLOCK: React.JSX.Element;
+    CLOSE: React.JSX.Element;
+    CLOSE_CIRCLE_SOLID: React.JSX.Element;
+    CLOUD_DOWNLOAD: React.JSX.Element;
+    CLOUD_UPLOAD: React.JSX.Element;
+    CODEPEN: React.JSX.Element;
+    COMPASS: React.JSX.Element;
+    COMMUNITY: React.JSX.Element;
+    CONNECTION: React.JSX.Element;
+    COPY: React.JSX.Element;
+    COPY_OUTLINED: React.JSX.Element;
+    COPY_LINK: React.JSX.Element;
+    CURRENCY: React.JSX.Element;
+    DELETE: React.JSX.Element;
+    DISCOUNT_SOLID: React.JSX.Element;
+    DOCUMENT_CHECK: React.JSX.Element;
+    DOT: React.JSX.Element;
+    DOUBLE_CHECKMARK: React.JSX.Element;
+    DOVE: React.JSX.Element;
+    DOWNLOAD: React.JSX.Element;
+    DRAG_STRIPES: React.JSX.Element;
+    DRAG_ARROW: React.JSX.Element;
+    EDIT: React.JSX.Element;
+    EDIT_OUTLINE: React.JSX.Element;
+    EXCLAMATION: React.JSX.Element;
+    EXIT_FULL_SCREEN: React.JSX.Element;
+    EXTERNAL_LINK: React.JSX.Element;
+    EYE: React.JSX.Element;
+    EYE_SOLID: React.JSX.Element;
+    EYE_SLASHED: React.JSX.Element;
+    FACEBOOK: React.JSX.Element;
+    FILE: React.JSX.Element;
+    FILE_ALTERNATE: React.JSX.Element;
+    FILE_PREVIEW: React.JSX.Element;
+    FILE_SOLID: React.JSX.Element;
+    FILTER: React.JSX.Element;
+    FLAG: React.JSX.Element;
+    FOLDER: React.JSX.Element;
+    FULL_SCREEN: React.JSX.Element;
+    GLOBE: React.JSX.Element;
+    GRADUATION_HAT: React.JSX.Element;
+    GROUP: React.JSX.Element;
+    GUARANTEE: React.JSX.Element;
+    GITHUB: React.JSX.Element;
+    HAND: React.JSX.Element;
+    HAND_SHAKE: React.JSX.Element;
+    HEART_SOLID: React.JSX.Element;
+    HEART: React.JSX.Element;
+    HELP: React.JSX.Element;
+    HOME: React.JSX.Element;
+    HOURGLASS: React.JSX.Element;
+    JOB_SEARCH: React.JSX.Element;
+    JOB_OUTLINE: React.JSX.Element;
+    IMAGE: React.JSX.Element;
+    INFO: React.JSX.Element;
+    INFO_SOLID: React.JSX.Element;
+    INSTAGRAM: React.JSX.Element;
+    LIGHTBULB: React.JSX.Element;
+    LIGHTNING_OUTLINE: React.JSX.Element;
+    LINE: React.JSX.Element;
+    LINKEDIN: React.JSX.Element;
+    LOADING: React.JSX.Element;
+    LOCATION: React.JSX.Element;
+    LOCK_SOLID: React.JSX.Element;
+    MAIL: React.JSX.Element;
+    MAIL_SOLID: React.JSX.Element;
+    MEDAL: React.JSX.Element;
+    MENU: React.JSX.Element;
+    MENU_HALF: React.JSX.Element;
+    MESSAGE_OUTLINE: React.JSX.Element;
+    MESSAGE_OUTLINE_INCOMING: React.JSX.Element;
+    MIC: React.JSX.Element;
+    MIC_OFF: React.JSX.Element;
+    MINUS: React.JSX.Element;
+    MINUS_CIRCLE: React.JSX.Element;
+    MINUS_CIRCLE_SOLID: React.JSX.Element;
+    MORE: React.JSX.Element;
+    MORE_HORIZONTAL: React.JSX.Element;
+    NAME_TAG: React.JSX.Element;
+    NOTIFICATION: React.JSX.Element;
+    NUMBER_LIST: React.JSX.Element;
+    ONLINE: React.JSX.Element;
+    PDF: React.JSX.Element;
+    PDF_OUTLINE: React.JSX.Element;
+    PHONE: React.JSX.Element;
+    POWER: React.JSX.Element;
+    PUZZLE: React.JSX.Element;
+    QUESTION_OUTLINE: React.JSX.Element;
+    QUOTATION: React.JSX.Element;
+    REFRESH_SOLID: React.JSX.Element;
+    REPLY: React.JSX.Element;
+    RESUME_OUTLINE: React.JSX.Element;
+    ROTATE: React.JSX.Element;
+    RSS: React.JSX.Element;
+    SALARY: React.JSX.Element;
+    SAVE_SOLID: React.JSX.Element;
+    SEARCH: React.JSX.Element;
+    SEND: React.JSX.Element;
+    SETTING: React.JSX.Element;
+    SETTING_SOLID: React.JSX.Element;
+    SHARE: React.JSX.Element;
+    SHARE_OUTLINE: React.JSX.Element;
+    SHARE_ARROW: React.JSX.Element;
+    SHARE_ARROW_OUTLINE: React.JSX.Element;
+    SHARE_SCREEN: React.JSX.Element;
+    SHIELD_CHECK: React.JSX.Element;
+    SPEAKER: React.JSX.Element;
+    SPEECH_BUBBLE: React.JSX.Element;
+    SPEECH_BUBBLE_OUTLINE: React.JSX.Element;
+    SPINNER: React.JSX.Element;
+    STACK: React.JSX.Element;
+    STAR_OUTLINE: React.JSX.Element;
+    STAR_CIRCLE: React.JSX.Element;
+    STAR: React.JSX.Element;
+    TAG: React.JSX.Element;
+    TASK: React.JSX.Element;
+    TELEGRAM: React.JSX.Element;
+    THUMBS_UP: React.JSX.Element;
+    THUMBS_UP_OUTLINE: React.JSX.Element;
+    TICKET_SOLID: React.JSX.Element;
+    TIE: React.JSX.Element;
+    TRASH: React.JSX.Element;
+    TV_PLAY: React.JSX.Element;
+    TWITTER: React.JSX.Element;
+    UPLOAD: React.JSX.Element;
+    UPVOTE: React.JSX.Element;
+    USER: React.JSX.Element;
+    USER_COG: React.JSX.Element;
+    USER_WRENCH: React.JSX.Element;
+    VIDEO: React.JSX.Element;
+    VIDEO_OFF: React.JSX.Element;
+    VIEW: React.JSX.Element;
+    VIMEO: React.JSX.Element;
+    WARNING: React.JSX.Element;
+    WARNING_CIRCLE_SOLID: React.JSX.Element;
+    WARNING_OUTLINE: React.JSX.Element;
+    WARNING_SOLID: React.JSX.Element;
+    WHATSAPP: React.JSX.Element;
+    YOUTUBE: React.JSX.Element;
+    ZALO: React.JSX.Element;
 };

package/lib/stories/story-components/AriesStatus.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AriesStatus: () => JSX.Element;
+import React from 'react';
+export declare const AriesStatus: () => React.JSX.Element;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "glints-aries",
-  "version": "4.1.7",
+  "version": "5.0.0-alpha.1",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "sideEffects": false,
   "engines": {
-    "node": ">=14"
+    "node": ">=16"
   },
   "scripts": {
     "build": "npm run build:icon && npm run build:next:icon && npm run build:lib && npm run build:es && npm run build:ts",
@@ -72,17 +72,17 @@
     "@svgr/cli": "^6.5.1",
     "@testing-library/dom": "^8.11.3",
     "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^11.2.7",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@types/async": "^3.2.0",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/jest": "^27.4.1",
     "@types/lodash": "^4.14.188",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^12.12.7",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
-    "@types/react-test-renderer": "^17.0.1",
+    "@types/node": "^16.18.108",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
     "@types/styled-components": "^5.1.1",
     "@types/styled-system": "^5.1.10",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
@@ -116,10 +116,10 @@
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "prettier": "^3.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "react-test-renderer": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
     "start-server-and-test": "^1.15.2",
     "styled-components": "^5.1.1",
     "stylelint": "^10.0.1",
@@ -135,7 +135,7 @@
   "dependencies": {
     "body-scroll-lock": "^3.1.5",
     "classnames": "^2.2.6",
-    "downshift": "^6.1.3",
+    "downshift": "^8.5.0",
     "moment": "^2.24.0",
     "polaris-glints": "^15.12.0",
     "react-id-generator": "^3.0.1",
@@ -143,8 +143,8 @@
   },
   "peerDependencies": {
     "lodash-es": "^4.0.0",
-    "react": "^16.3.0 || ^17",
-    "react-dom": "^16.3.0 || ^17",
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18",
     "styled-components": "^4.0.0 || ^5.0.0"
   },
   "jest": {
@@ -167,9 +167,7 @@
     "@glints/poppins": "^1.0.2"
   },
   "resolutions": {
-    "immer": "^9.0.6",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11"
+    "immer": "^9.0.6"
   },
   "lint-staged": {
     "**/*.{ts,tsx}": [