backend.ai-ui 0.1.0 → 25.16.0-alpha.0-canary-83a615e39-20251104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backend.ai-ui",
-  "version": "0.1.0",
+  "version": "25.16.0-alpha.0-canary-83a615e39-20251104",
   "description": "React components for Backend.AI",
   "repository": {
     "type": "git",
@@ -37,58 +37,156 @@
   "scripts": {
     "dev": "vite build --watch --mode development",
     "build": "vite build",
+    "test": "NODE_OPTIONS='--no-deprecation' jest",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "lint": "eslint ./src --ignore-pattern '*.test.*' --ignore-pattern '**.graphql.**' --max-warnings=0"
+    "lint": "eslint ./src --ignore-pattern '**.graphql.**' --max-warnings=0",
+    "prepublishOnly": "pnpm lint && pnpm test && pnpm build"
   },
   "eslintConfig": {
     "extends": [
-      "react-app",
-      "react-app/jest",
       "plugin:storybook/recommended",
-      "plugin:react/recommended"
+      "plugin:react/recommended",
+      "plugin:react-hooks/recommended"
+    ],
+    "plugins": [
+      "json-schema-validator",
+      "react-hooks",
+      "import"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "src/locale/*.json"
+        ],
+        "parser": "jsonc-eslint-parser",
+        "extends": [
+          "plugin:json-schema-validator/recommended"
+        ]
+      },
+      {
+        "files": [
+          "**/*.stories.tsx"
+        ],
+        "rules": {
+          "react-hooks/rules-of-hooks": "off"
+        }
+      }
     ],
     "rules": {
       "react/react-in-jsx-scope": "off",
       "react/prop-types": "off",
-      "import/no-duplicates": "error"
+      "import/no-duplicates": "error",
+      "no-useless-catch": "off",
+      "prefer-promise-reject-errors": "off",
+      "func-call-spacing": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          "args": "all",
+          "argsIgnorePattern": "^_",
+          "varsIgnorePattern": "^_"
+        }
+      ],
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": [
+        "warn",
+        {
+          "additionalHooks": "useRecoilCallback"
+        }
+      ]
     }
   },
   "peerDependencies": {
-    "antd": "^5.24.5",
-    "graphql": "^16.10.0",
+    "@ant-design/icons": "^5.6.1",
+    "@tanstack/react-query": "^5.69.0",
+    "ahooks": "^3.9.5",
+    "antd": "^5.27.5",
+    "antd-style": "^3.7.1",
+    "graphql": "^16.11.0",
+    "i18next": "^25.6.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-i18next": "^16.0.1",
+    "react-relay": "^20.1.1",
+    "react-router-dom": "^6.30.1",
+    "relay-runtime": "^20.1.1"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "big.js": "^7.0.1",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.18",
     "lodash": "^4.17.21",
-    "i18next": "^24.2.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-i18next": "^15.4.1",
-    "react-relay": "^19.0.0",
-    "relay-runtime": "^19.0.0"
+    "lucide-react": "^0.545.0",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-draggable": "^4.4.6",
+    "react-resizable": "^3.0.5"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.0.0",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/addon-onboarding": "^9.0.0",
-    "@storybook/react-vite": "^9.0.0",
-    "@types/lodash": "^4.17.13",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@jest/expect": "30.2.0",
+    "@jest/globals": "30.2.0",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^9.1.1",
+    "@storybook/addon-onboarding": "^9.1.1",
+    "@storybook/react-vite": "^9.1.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@types/big.js": "^6.2.2",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^19.2.2",
+    "@types/react-copy-to-clipboard": "^5.0.7",
+    "@types/react-dom": "^19.2.2",
     "@types/react-relay": "^18.2.1",
+    "@types/react-resizable": "^3.0.8",
+    "@types/relay-runtime": "^19.0.3",
+    "@types/relay-test-utils": "^19.0.0",
     "@vitejs/plugin-react": "^4.5.0",
-    "eslint": "^8.57.1",
-    "eslint-config-react-app": "^7.0.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-storybook": "^9.0.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-storybook": "^9.1.1",
     "fast-glob": "^3.3.3",
-    "graphql": "^16.10.0",
-    "storybook": "^9.0.0",
-    "typescript": "^5.7.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier-plugin-sort-json": "^4.1.1",
+    "relay-test-utils": "^20.1.1",
+    "storybook": "^9.1.1",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.8.2",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-relay-lite": "^0.11.0"
+    "vite-plugin-relay-lite": "^0.11.0",
+    "vite-plugin-svgr": "^4.3.0"
   },
-  "type": "module"
+  "type": "module",
+  "jest": {
+    "preset": "ts-jest/presets/default-esm",
+    "extensionsToTreatAsEsm": [
+      ".ts",
+      ".tsx"
+    ],
+    "transform": {
+      "^.+\\.(ts|tsx)$": [
+        "ts-jest",
+        {
+          "useESM": true,
+          "tsconfig": {
+            "jsx": "react-jsx"
+          }
+        }
+      ]
+    },
+    "setupFilesAfterEnv": [
+      "./setupTests.ts"
+    ],
+    "testEnvironment": "jsdom"
+  }
 }

package/dist/common-BqeHlhne.js

@@ -1,62 +0,0 @@
-function n(r) {
-  "@babel/helpers - typeof";
-  return n = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, n(r);
-}
-function c(r, e) {
-  if (n(r) != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var o = t.call(r, e);
-    if (n(o) != "object") return o;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-function y(r) {
-  var e = c(r, "string");
-  return n(e) == "symbol" ? e : e + "";
-}
-function a(r, e, t) {
-  return (e = y(e)) in r ? Object.defineProperty(r, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = t, r;
-}
-function i(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(r);
-    e && (o = o.filter(function(u) {
-      return Object.getOwnPropertyDescriptor(r, u).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function f(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? i(Object(t), !0).forEach(function(o) {
-      a(r, o, t[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : i(Object(t)).forEach(function(o) {
-      Object.defineProperty(r, o, Object.getOwnPropertyDescriptor(t, o));
-    });
-  }
-  return r;
-}
-var b = {
-  yearFormat: "YYYY",
-  dayFormat: "D",
-  cellMeridiemFormat: "A",
-  monthBeforeYear: !0
-};
-export {
-  f as _,
-  b as c
-};
-//# sourceMappingURL=common-BqeHlhne.js.map

package/dist/common-BqeHlhne.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common-BqeHlhne.js","sources":["../../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js","../../../node_modules/.pnpm/@babel+runtime@7.27.0/node_modules/@babel/runtime/helpers/esm/objectSpread2.js","../../../node_modules/.pnpm/rc-picker@4.11.3_date-fns@3.6.0_dayjs@1.11.13_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/rc-picker/es/locale/common.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n    value: t,\n    enumerable: !0,\n    configurable: !0,\n    writable: !0\n  }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","import defineProperty from \"./defineProperty.js\";\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\nexport { _objectSpread2 as default };","export var commonLocale = {\n  yearFormat: 'YYYY',\n  dayFormat: 'D',\n  cellMeridiemFormat: 'A',\n  monthBeforeYear: true\n};"],"names":["_typeof","o","toPrimitive","t","r","e","i","toPropertyKey","_defineProperty","ownKeys","_objectSpread2","defineProperty","commonLocale"],"mappings":"AAAA,SAASA,EAAQC,GAAG;AAClB;AAEA,SAAOD,IAAwB,OAAO,UAArB,cAA2C,OAAO,OAAO,YAA1B,WAAqC,SAAUC,GAAG;AAChG,WAAO,OAAOA;AAAA,EACf,IAAG,SAAUA,GAAG;AACf,WAAOA,KAAmB,OAAO,UAArB,cAA+BA,EAAE,gBAAgB,UAAUA,MAAM,OAAO,YAAY,WAAW,OAAOA;AAAA,EACtH,GAAKD,EAAQC,CAAC;AACd;ACPA,SAASC,EAAYC,GAAGC,GAAG;AACzB,MAAgBJ,EAAQG,CAAC,KAArB,YAA0B,CAACA,EAAG,QAAOA;AACzC,MAAIE,IAAIF,EAAE,OAAO,WAAW;AAC5B,MAAeE,MAAX,QAAc;AAChB,QAAIC,IAAID,EAAE,KAAKF,GAAGC,CAAc;AAChC,QAAgBJ,EAAQM,CAAC,KAArB,SAAwB,QAAOA;AACnC,UAAM,IAAI,UAAU,8CAA8C;AAAA,EACtE;AACE,UAAqBF,MAAb,WAAiB,SAAS,QAAQD,CAAC;AAC7C;ACRA,SAASI,EAAcJ,GAAG;AACxB,MAAIG,IAAIJ,EAAYC,GAAG,QAAQ;AAC/B,SAAmBH,EAAQM,CAAC,KAArB,WAAyBA,IAAIA,IAAI;AAC1C;ACJA,SAASE,EAAgBH,GAAGD,GAAG,GAAG;AAChC,UAAQA,IAAIG,EAAcH,CAAC,MAAMC,IAAI,OAAO,eAAeA,GAAGD,GAAG;AAAA,IAC/D,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA,EACX,CAAA,IAAIC,EAAED,CAAC,IAAI,GAAGC;AACjB;ACPA,SAASI,EAAQJ,GAAGD,GAAG;AACrB,MAAI,IAAI,OAAO,KAAKC,CAAC;AACrB,MAAI,OAAO,uBAAuB;AAChC,QAAI,IAAI,OAAO,sBAAsBA,CAAC;AACtC,IAAAD,MAAM,IAAI,EAAE,OAAO,SAAUA,GAAG;AAC9B,aAAO,OAAO,yBAAyBC,GAAGD,CAAC,EAAE;AAAA,IACnD,CAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAC;AAAA,EAC1B;AACE,SAAO;AACT;AACA,SAASM,EAAeL,GAAG;AACzB,WAASD,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,QAAI,IAAY,UAAUA,CAAC,KAAnB,OAAuB,UAAUA,CAAC,IAAI,CAAE;AAChD,IAAAA,IAAI,IAAIK,EAAQ,OAAO,CAAC,GAAG,EAAE,EAAE,QAAQ,SAAUL,GAAG;AAClDO,MAAAA,EAAeN,GAAGD,GAAG,EAAEA,CAAC,CAAC;AAAA,IAC/B,CAAK,IAAI,OAAO,4BAA4B,OAAO,iBAAiBC,GAAG,OAAO,0BAA0B,CAAC,CAAC,IAAII,EAAQ,OAAO,CAAC,CAAC,EAAE,QAAQ,SAAUL,GAAG;AAChJ,aAAO,eAAeC,GAAGD,GAAG,OAAO,yBAAyB,GAAGA,CAAC,CAAC;AAAA,IACvE,CAAK;AAAA,EACL;AACE,SAAOC;AACT;ACrBU,IAACO,IAAe;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,iBAAiB;AACnB;","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/components/BAIConfigProvider.d.ts

@@ -1,7 +0,0 @@
-import { BAILocale } from '../locale';
-import { ConfigProviderProps } from 'antd';
-export interface BAIConfigProviderProps extends Omit<ConfigProviderProps, 'locale'> {
-    locale?: BAILocale;
-}
-declare const BAIConfigProvider: ({ children, locale, ...props }: BAIConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default BAIConfigProvider;

package/dist/components/BAIResourceWithSteppedProgress.d.ts

@@ -1,11 +0,0 @@
-export interface BAIResourceWithSteppedProgressProps {
-    title: string;
-    current: number;
-    total?: number;
-    unit: string;
-    steps?: number;
-    unlimitedValues?: Array<number | string>;
-    showProgress?: boolean;
-}
-declare const BAIResourceWithSteppedProgress: React.FC<BAIResourceWithSteppedProgressProps>;
-export default BAIResourceWithSteppedProgress;

package/dist/components/Flex.stories.d.ts

@@ -1,7 +0,0 @@
-import { default as Flex } from './Flex';
-import { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<typeof Flex>;
-export default meta;
-type Story = StoryObj<typeof Flex>;
-export declare const Default: Story;
-export declare const WithBorder: Story;