codex-storage
/
codex-marketplace-ui-components
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Apply multiple minor fixes

This commit is contained in:
Arnaud 2024-09-24 18:59:02 +02:00
parent 065f937b4d
commit 4a59af6f1d
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
16 changed files with 188 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

138
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "@codex-storage/marketplace-ui-components", "name": "@codex-storage/marketplace-ui-components",
"version": "0.0.5", "version": "0.0.6",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@codex-storage/marketplace-ui-components", "name": "@codex-storage/marketplace-ui-components",
"version": "0.0.5", "version": "0.0.6",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"lucide-react": "^0.441.0" "lucide-react": "^0.441.0"
@ -1544,9 +1544,9 @@
"dev": true "dev": true
}, },
"node_modules/@rollup/rollup-android-arm-eabi": { "node_modules/@rollup/rollup-android-arm-eabi": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz",
"integrity": "sha512-8Ao+EDmTPjZ1ZBABc1ohN7Ylx7UIYcjReZinigedTOnGFhIctyGPxY2II+hJ6gD2/vkDKZTyQ0e7++kwv6wDrw==", "integrity": "sha512-Fxamp4aEZnfPOcGA8KSNEohV8hX7zVHOemC8jVBoBUHu5zpJK/Eu3uJwt6BMgy9fkvzxDaurgj96F/NiLukF2w==",
"cpu": [ "cpu": [
"arm" "arm"
], ],
@ -1558,9 +1558,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-android-arm64": { "node_modules/@rollup/rollup-android-arm64": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.4.tgz",
"integrity": "sha512-I+B1v0a4iqdS9DvYt1RJZ3W+Oh9EVWjbY6gp79aAYipIbxSLEoQtFQlZEnUuwhDXCqMxJ3hluxKAdPD+GiluFQ==", "integrity": "sha512-VXoK5UMrgECLYaMuGuVTOx5kcuap1Jm8g/M83RnCHBKOqvPPmROFJGQaZhGccnsFtfXQ3XYa4/jMCJvZnbJBdA==",
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
@ -1572,9 +1572,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-darwin-arm64": { "node_modules/@rollup/rollup-darwin-arm64": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.4.tgz",
"integrity": "sha512-BTHO7rR+LC67OP7I8N8GvdvnQqzFujJYWo7qCQ8fGdQcb8Gn6EQY+K1P+daQLnDCuWKbZ+gHAQZuKiQkXkqIYg==", "integrity": "sha512-xMM9ORBqu81jyMKCDP+SZDhnX2QEVQzTcC6G18KlTQEzWK8r/oNZtKuZaCcHhnsa6fEeOBionoyl5JsAbE/36Q==",
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
@ -1586,9 +1586,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-darwin-x64": { "node_modules/@rollup/rollup-darwin-x64": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.4.tgz",
"integrity": "sha512-1esGwDNFe2lov4I6GsEeYaAMHwkqk0IbuGH7gXGdBmd/EP9QddJJvTtTF/jv+7R8ZTYPqwcdLpMTxK8ytP6k6Q==", "integrity": "sha512-aJJyYKQwbHuhTUrjWjxEvGnNNBCnmpHDvrb8JFDbeSH3m2XdHcxDd3jthAzvmoI8w/kSjd2y0udT+4okADsZIw==",
"cpu": [ "cpu": [
"x64" "x64"
], ],
@ -1600,9 +1600,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-arm-gnueabihf": { "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.4.tgz",
"integrity": "sha512-GBHuY07x96OTEM3OQLNaUSUwrOhdMea/LDmlFHi/HMonrgF6jcFrrFFwJhhe84XtA1oK/Qh4yFS+VMREf6dobg==", "integrity": "sha512-j63YtCIRAzbO+gC2L9dWXRh5BFetsv0j0va0Wi9epXDgU/XUi5dJKo4USTttVyK7fGw2nPWK0PbAvyliz50SCQ==",
"cpu": [ "cpu": [
"arm" "arm"
], ],
@ -1614,9 +1614,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-arm-musleabihf": { "node_modules/@rollup/rollup-linux-arm-musleabihf": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.4.tgz",
"integrity": "sha512-Dbfa9Sc1G1lWxop0gNguXOfGhaXQWAGhZUcqA0Vs6CnJq8JW/YOw/KvyGtQFmz4yDr0H4v9X248SM7bizYj4yQ==", "integrity": "sha512-dJnWUgwWBX1YBRsuKKMOlXCzh2Wu1mlHzv20TpqEsfdZLb3WoJW2kIEsGwLkroYf24IrPAvOT/ZQ2OYMV6vlrg==",
"cpu": [ "cpu": [
"arm" "arm"
], ],
@ -1628,9 +1628,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-arm64-gnu": { "node_modules/@rollup/rollup-linux-arm64-gnu": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.4.tgz",
"integrity": "sha512-Z1YpgBvFYhZIyBW5BoopwSg+t7yqEhs5HCei4JbsaXnhz/eZehT18DaXl957aaE9QK7TRGFryCAtStZywcQe1A==", "integrity": "sha512-AdPRoNi3NKVLolCN/Sp4F4N1d98c4SBnHMKoLuiG6RXgoZ4sllseuGioszumnPGmPM2O7qaAX/IJdeDU8f26Aw==",
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
@ -1642,9 +1642,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-arm64-musl": { "node_modules/@rollup/rollup-linux-arm64-musl": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.4.tgz",
"integrity": "sha512-66Zszr7i/JaQ0u/lefcfaAw16wh3oT72vSqubIMQqWzOg85bGCPhoeykG/cC5uvMzH80DQa2L539IqKht6twVA==", "integrity": "sha512-Gl0AxBtDg8uoAn5CCqQDMqAx22Wx22pjDOjBdmG0VIWX3qUBHzYmOKh8KXHL4UpogfJ14G4wk16EQogF+v8hmA==",
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
@ -1656,9 +1656,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-powerpc64le-gnu": { "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.4.tgz",
"integrity": "sha512-HpJCMnlMTfEhwo19bajvdraQMcAq3FX08QDx3OfQgb+414xZhKNf3jNvLFYKbbDSGBBrQh5yNwWZrdK0g0pokg==", "integrity": "sha512-3aVCK9xfWW1oGQpTsYJJPF6bfpWfhbRnhdlyhak2ZiyFLDaayz0EP5j9V1RVLAAxlmWKTDfS9wyRyY3hvhPoOg==",
"cpu": [ "cpu": [
"ppc64" "ppc64"
], ],
@ -1670,9 +1670,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-riscv64-gnu": { "node_modules/@rollup/rollup-linux-riscv64-gnu": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.4.tgz",
"integrity": "sha512-/egzQzbOSRef2vYCINKITGrlwkzP7uXRnL+xU2j75kDVp3iPdcF0TIlfwTRF8woBZllhk3QaxNOEj2Ogh3t9hg==", "integrity": "sha512-ePYIir6VYnhgv2C5Xe9u+ico4t8sZWXschR6fMgoPUK31yQu7hTEJb7bCqivHECwIClJfKgE7zYsh1qTP3WHUA==",
"cpu": [ "cpu": [
"riscv64" "riscv64"
], ],
@ -1684,9 +1684,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-s390x-gnu": { "node_modules/@rollup/rollup-linux-s390x-gnu": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.4.tgz",
"integrity": "sha512-qgYbOEbrPfEkH/OnUJd1/q4s89FvNJQIUldx8X2F/UM5sEbtkqZpf2s0yly2jSCKr1zUUOY1hnTP2J1WOzMAdA==", "integrity": "sha512-GqFJ9wLlbB9daxhVlrTe61vJtEY99/xB3C8e4ULVsVfflcpmR6c8UZXjtkMA6FhNONhj2eA5Tk9uAVw5orEs4Q==",
"cpu": [ "cpu": [
"s390x" "s390x"
], ],
@ -1698,9 +1698,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-x64-gnu": { "node_modules/@rollup/rollup-linux-x64-gnu": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.4.tgz",
"integrity": "sha512-a0lkvNhFLhf+w7A95XeBqGQaG0KfS3hPFJnz1uraSdUe/XImkp/Psq0Ca0/UdD5IEAGoENVmnYrzSC9Y2a2uKQ==", "integrity": "sha512-87v0ol2sH9GE3cLQLNEy0K/R0pz1nvg76o8M5nhMR0+Q+BBGLnb35P0fVz4CQxHYXaAOhE8HhlkaZfsdUOlHwg==",
"cpu": [ "cpu": [
"x64" "x64"
], ],
@ -1712,9 +1712,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-linux-x64-musl": { "node_modules/@rollup/rollup-linux-x64-musl": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.4.tgz",
"integrity": "sha512-sSWBVZgzwtsuG9Dxi9kjYOUu/wKW+jrbzj4Cclabqnfkot8Z3VEHcIgyenA3lLn/Fu11uDviWjhctulkhEO60g==", "integrity": "sha512-UV6FZMUgePDZrFjrNGIWzDo/vABebuXBhJEqrHxrGiU6HikPy0Z3LfdtciIttEUQfuDdCn8fqh7wiFJjCNwO+g==",
"cpu": [ "cpu": [
"x64" "x64"
], ],
@ -1726,9 +1726,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-win32-arm64-msvc": { "node_modules/@rollup/rollup-win32-arm64-msvc": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.4.tgz",
"integrity": "sha512-t/YgCbZ638R/r7IKb9yCM6nAek1RUvyNdfU0SHMDLOf6GFe/VG1wdiUAsxTWHKqjyzkRGg897ZfCpdo1bsCSsA==", "integrity": "sha512-BjI+NVVEGAXjGWYHz/vv0pBqfGoUH0IGZ0cICTn7kB9PyjrATSkX+8WkguNjWoj2qSr1im/+tTGRaY+4/PdcQw==",
"cpu": [ "cpu": [
"arm64" "arm64"
], ],
@ -1740,9 +1740,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-win32-ia32-msvc": { "node_modules/@rollup/rollup-win32-ia32-msvc": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.4.tgz",
"integrity": "sha512-kTmX5uGs3WYOA+gYDgI6ITkZng9SP71FEMoHNkn+cnmb9Zuyyay8pf0oO5twtTwSjNGy1jlaWooTIr+Dw4tIbw==", "integrity": "sha512-SiWG/1TuUdPvYmzmYnmd3IEifzR61Tragkbx9D3+R8mzQqDBz8v+BvZNDlkiTtI9T15KYZhP0ehn3Dld4n9J5g==",
"cpu": [ "cpu": [
"ia32" "ia32"
], ],
@ -1754,9 +1754,9 @@
"peer": true "peer": true
}, },
"node_modules/@rollup/rollup-win32-x64-msvc": { "node_modules/@rollup/rollup-win32-x64-msvc": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.2.tgz", "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.4.tgz",
"integrity": "sha512-Yy8So+SoRz8I3NS4Bjh91BICPOSVgdompTIPYTByUqU66AXSIOgmW3Lv1ke3NORPqxdF+RdrZET+8vYai6f4aA==", "integrity": "sha512-j8pPKp53/lq9lMXN57S8cFz0MynJk8OWNuUnXct/9KCpKU7DgU3bYMJhwWmcqC0UU29p8Lr0/7KEVcaM6bf47Q==",
"cpu": [ "cpu": [
"x64" "x64"
], ],
@ -6463,9 +6463,9 @@
} }
}, },
"node_modules/rollup": { "node_modules/rollup": {
"version": "4.22.2", "version": "4.22.4",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.2.tgz", "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.4.tgz",
"integrity": "sha512-JWWpTrZmqQGQWt16xvNn6KVIUz16VtZwl984TKw0dfqqRpFwtLJYYk1/4BTgplndMQKWUk/yB4uOShYmMzA2Vg==", "integrity": "sha512-vD8HJ5raRcWOyymsR6Z3o6+RzfEPCnVLMFJ6vRslO1jt4LO6dUo5Qnpg7y4RkZFM2DMe3WUirkI5c16onjrc6A==",
"dev": true, "dev": true,
"peer": true, "peer": true,
"dependencies": { "dependencies": {
@ -6479,22 +6479,22 @@
"npm": ">=8.0.0" "npm": ">=8.0.0"
}, },
"optionalDependencies": { "optionalDependencies": {
"@rollup/rollup-android-arm-eabi": "4.22.2", "@rollup/rollup-android-arm-eabi": "4.22.4",
"@rollup/rollup-android-arm64": "4.22.2", "@rollup/rollup-android-arm64": "4.22.4",
"@rollup/rollup-darwin-arm64": "4.22.2", "@rollup/rollup-darwin-arm64": "4.22.4",
"@rollup/rollup-darwin-x64": "4.22.2", "@rollup/rollup-darwin-x64": "4.22.4",
"@rollup/rollup-linux-arm-gnueabihf": "4.22.2", "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
"@rollup/rollup-linux-arm-musleabihf": "4.22.2", "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
"@rollup/rollup-linux-arm64-gnu": "4.22.2", "@rollup/rollup-linux-arm64-gnu": "4.22.4",
"@rollup/rollup-linux-arm64-musl": "4.22.2", "@rollup/rollup-linux-arm64-musl": "4.22.4",
"@rollup/rollup-linux-powerpc64le-gnu": "4.22.2", "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
"@rollup/rollup-linux-riscv64-gnu": "4.22.2", "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
"@rollup/rollup-linux-s390x-gnu": "4.22.2", "@rollup/rollup-linux-s390x-gnu": "4.22.4",
"@rollup/rollup-linux-x64-gnu": "4.22.2", "@rollup/rollup-linux-x64-gnu": "4.22.4",
"@rollup/rollup-linux-x64-musl": "4.22.2", "@rollup/rollup-linux-x64-musl": "4.22.4",
"@rollup/rollup-win32-arm64-msvc": "4.22.2", "@rollup/rollup-win32-arm64-msvc": "4.22.4",
"@rollup/rollup-win32-ia32-msvc": "4.22.2", "@rollup/rollup-win32-ia32-msvc": "4.22.4",
"@rollup/rollup-win32-x64-msvc": "4.22.2", "@rollup/rollup-win32-x64-msvc": "4.22.4",
"fsevents": "~2.3.2" "fsevents": "~2.3.2"
} }
}, },

2
package.json
View File

@ -5,7 +5,7 @@
"type": "git", "type": "git",
"url": "https://github.com/codex-storage/codex-marketplace-ui-components" "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
}, },
"version": "0.0.5", "version": "0.0.6",
"type": "module", "type": "module",
"scripts": { "scripts": {
"prepack": "npm run build", "prepack": "npm run build",

3
src/components/Dropdown/Dropdown.tsx
View File

@ -9,6 +9,7 @@ import "./dropdown.css";
import { attributes } from "../utils/attributes"; import { attributes } from "../utils/attributes";
import { Backdrop } from "../Backdrop/Backdrop"; import { Backdrop } from "../Backdrop/Backdrop";
import { Input, InputCustomStyleCSS } from "../Input/Input"; import { Input, InputCustomStyleCSS } from "../Input/Input";
import { classnames } from "../utils/classnames";
interface CustomStyleCSS extends InputCustomStyleCSS { interface CustomStyleCSS extends InputCustomStyleCSS {
"--codex-dropdown-panel-background"?: string; "--codex-dropdown-panel-background"?: string;
@ -143,7 +144,7 @@ export function Dropdown({
<Input <Input
ref={inputRef} ref={inputRef}
inputClassName="dropdown-input" inputClassName={classnames(["dropdown-input"])}
onChange={onChange} onChange={onChange}
onFocus={onInternalFocus} onFocus={onInternalFocus}
onBlur={onInternalBlur} onBlur={onInternalBlur}

2
src/components/Dropdown/dropdown.css
View File

@ -46,7 +46,7 @@
} }
.dropdown-input:focus { .dropdown-input:focus {
z-index: 2; z-index: 11;
} }
.dropdown-option { .dropdown-option {

4
src/components/Input/Input.tsx
View File

@ -82,9 +82,9 @@ type Props = {
name?: string; name?: string;
min?: number; min?: number | string;
max?: number; max?: number | string;
}; };
export const Input = forwardRef<HTMLInputElement, Props>( export const Input = forwardRef<HTMLInputElement, Props>(

12
src/components/InputGroup/InputGroup.tsx
View File

@ -1,4 +1,4 @@
import { ChangeEvent, CSSProperties } from "react"; import { ChangeEvent, CSSProperties, LegacyRef } from "react";
import "./inputGroup.css"; import "./inputGroup.css";
import { Input } from "../Input/Input"; import { Input } from "../Input/Input";
import { Select } from "../Select/Select"; import { Select } from "../Select/Select";
@ -77,9 +77,11 @@ type Props = {
*/ */
helper?: string; helper?: string;
min?: number; min?: number | string;
max?: number; max?: number | string;
inputRef?: LegacyRef<HTMLInputElement>;
}; };
export function InputGroup({ export function InputGroup({
@ -89,7 +91,7 @@ export function InputGroup({
type = "text", type = "text",
style, style,
group, group,
className, className = "",
inputClassName = "", inputClassName = "",
onChange, onChange,
onGroupChange, onGroupChange,
@ -101,6 +103,7 @@ export function InputGroup({
step, step,
value = undefined, value = undefined,
groupValue = "", groupValue = "",
inputRef,
min, min,
max, max,
}: Props) { }: Props) {
@ -110,6 +113,7 @@ export function InputGroup({
<div className="inputGroup-element"> <div className="inputGroup-element">
<div className="inputGroup-inputContainer"> <div className="inputGroup-inputContainer">
<Input <Input
ref={inputRef}
id={id} id={id}
name={name} name={name}
label={label} label={label}

2
src/components/Modal/Modal.tsx
View File

@ -72,7 +72,7 @@ export function Modal({
<Backdrop open={open} onClose={onClose} removeScroll={true} /> <Backdrop open={open} onClose={onClose} removeScroll={true} />
<div className={classnames(["modal"], ["modal--open", open])}> <div className={classnames(["modal"], ["modal--open", open])}>
<div className="modal-body">{children}</div> <div className="modal-body">{open && children}</div>
<div <div
className={classnames( className={classnames(

11
src/components/Placeholder/Placeholder.tsx
View File

@ -1,10 +1,13 @@
import { ReactNode } from "react"; import { ReactNode } from "react";
import { Button } from "../Button/Button"; import { Button } from "../Button/Button";
import "./placeholder.css"; import "./placeholder.css";
import { SimpleText } from "../SimpleText/SimpleText";
type Props = { type Props = {
title: string; title: string;
subtitle?: string;
message: string; message: string;
/** /**
@ -26,6 +29,7 @@ export function Placeholder({
title, title,
message, message,
Icon, Icon,
subtitle,
className = "", className = "",
onRetry, onRetry,
}: Props) { }: Props) {
@ -33,6 +37,13 @@ export function Placeholder({
<div className={"placeholder " + className}> <div className={"placeholder " + className}>
<div className="placeholder-icon">{Icon}</div> <div className="placeholder-icon">{Icon}</div>
<b className="placeholder-title">{title}</b> <b className="placeholder-title">{title}</b>
{subtitle && (
<div className="placeholder-subtitle">
<SimpleText variant="light">{subtitle}</SimpleText>
</div>
)}
<div className="placeholder-message">{message} </div> <div className="placeholder-message">{message} </div>
{onRetry && ( {onRetry && (

5
src/components/Placeholder/placeholder.css
View File

@ -1,5 +1,6 @@
.placeholder { .placeholder {
text-align: center; text-align: center;
margin: auto;
} }
.placeholder-icon { .placeholder-icon {
@ -12,6 +13,10 @@
display: inline-block; display: inline-block;
} }
.placeholder-subtitle {
margin-bottom: 0.25rem;
}
.placeholder-button { .placeholder-button {
margin: 0.75rem auto 0; margin: 0.75rem auto 0;
} }

2
src/components/Select/Select.tsx
View File

@ -55,7 +55,7 @@ export function Select({
onMouseEnter, onMouseEnter,
onMouseLeave, onMouseLeave,
style, style,
className, className = "",
defaultValue, defaultValue,
value, value,
}: Props) { }: Props) {

4
src/components/SimpleText/SimpleText.tsx
View File

@ -1,4 +1,4 @@
import { CSSProperties } from "react"; import { CSSProperties, ReactNode } from "react";
import "./simpleText.css"; import "./simpleText.css";
interface CustomStyleCSS extends CSSProperties { interface CustomStyleCSS extends CSSProperties {
@ -17,7 +17,7 @@ type Props = {
className?: string; className?: string;
children: string; children: string | ReactNode;
/** /**
* Apply custom css variables. * Apply custom css variables.

21
src/components/SpaceAllocation/spaceAllocation.css
View File

@ -33,9 +33,30 @@
background-color: var(--codex-color); background-color: var(--codex-color);
} }
.nodeSpaceAllocation-quota-3 {
background-color: #cd853f;
}
.nodeSpaceAllocation-quota-4 {
background-color: #d2b48c;
}
.nodeSpaceAllocation-quota-5 {
background-color: #ffdab9;
}
.nodeSpaceAllocation-quota-6 {
background-color: #ffb74d;
}
.nodeSpaceAllocation-quota-7 {
background-color: #9c27b0;
}
.nodeSpaceAllocation-legend { .nodeSpaceAllocation-legend {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;
flex-wrap: wrap;
} }
.nodeSpaceAllocation-legendItem { .nodeSpaceAllocation-legendItem {

2
src/components/Stepper/Stepper.tsx
View File

@ -71,7 +71,7 @@ export function Stepper({
state, state,
style, style,
dispatch, dispatch,
className, className = "",
backLabel = "Back", backLabel = "Back",
nextLabel = "Next", nextLabel = "Next",
duration = 500, duration = 500,

116
src/components/Stepper/useStepperReducer.tsx
View File

@ -37,6 +37,10 @@ export type StepperAction =
| { | {
type: "toggle-next"; type: "toggle-next";
isNextEnable: boolean; isNextEnable: boolean;
}
| {
type: "toggle-back";
isBackEnable: boolean;
}; };
export type StepperBodyProps = { export type StepperBodyProps = {
@ -48,73 +52,57 @@ export type StepperBodyProps = {
* The storage key allows to save the step when the user * The storage key allows to save the step when the user
* move from a step to another. * move from a step to another.
*/ */
const reducer = const reducer = () => (state: StepperState, action: StepperAction) => {
(steps: number) => (state: StepperState, action: StepperAction) => { switch (action.type) {
switch (action.type) { case "close": {
case "close": { return {
return { ...state,
...state, open: false,
step: 0, };
isNextDisable: true,
progress: false,
open: false,
isBackEnable: true,
};
}
case "open": {
return {
...state,
step: 0,
isNextDisable: true,
progress: false,
open: true,
isBackEnable: true,
};
}
case "loading": {
if (action.step >= steps) {
return {
...state,
step: 0,
isNextDisable: true,
progress: false,
open: false,
isBackEnable: true,
};
}
// WebStorage.set(storageKey, action.step);
return {
...state,
step: action.step,
isNextDisable: true,
progress: true,
isBackEnable: action.step != steps - 1,
};
}
case "next": {
return {
...state,
progress: false,
};
}
case "toggle-next": {
return {
...state,
isNextEnable: action.isNextEnable,
};
}
} }
};
export function useStepperReducer(steps: number) { case "open": {
return {
...state,
open: true,
};
}
case "loading": {
return {
...state,
step: action.step,
progress: true,
};
}
case "next": {
return {
...state,
progress: false,
step: action.step,
};
}
case "toggle-next": {
return {
...state,
isNextEnable: action.isNextEnable,
};
}
case "toggle-back": {
return {
...state,
isBackEnable: action.isBackEnable,
};
}
}
};
export function useStepperReducer() {
const [state, dispatch] = useReducer<Reducer<StepperState, StepperAction>>( const [state, dispatch] = useReducer<Reducer<StepperState, StepperAction>>(
reducer(steps), reducer(),
{ {
step: 0, step: 0,
isNextEnable: false, isNextEnable: false,

5
src/components/Table/Table.css
View File

@ -39,6 +39,11 @@
.table-tbodyTr { .table-tbodyTr {
border-bottom: 1px solid var(--codex-border-color); border-bottom: 1px solid var(--codex-border-color);
transition: background-color 0.35s;
}
.table-tbodyTr:hover {
background-color: var(--codex-background-light);
} }
.table-tbodyTd { .table-tbodyTd {

16
src/components/Table/Table.tsx
View File

@ -18,7 +18,7 @@ type Props = {
className?: string; className?: string;
}; };
export function Table({ headers, cells, className }: Props) { export function Table({ headers, cells, className = "" }: Props) {
return ( return (
<div className={`table-container ${className}`}> <div className={`table-container ${className}`}>
<table className={"table"}> <table className={"table"}>
@ -34,15 +34,11 @@ export function Table({ headers, cells, className }: Props) {
<tbody> <tbody>
{cells.map((row, index) => ( {cells.map((row, index) => (
<tr key={index} className="table-tbodyTr"> <tr key={index} className="table-tbodyTr">
{headers.map((header, idx) => { {headers.map((header, idx) => (
const cell = row[idx]; <td key={header} className="table-tbodyTd">
{row[idx]}
return ( </td>
<td key={header} className="table-tbodyTd"> ))}
{cell}
</td>
);
})}
</tr> </tr>
))} ))}
</tbody> </tbody>