@sakura-ui/sakura-ui 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +8 -8
- package/packages/config/package.json +1 -1
- package/packages/config/tsconfig.json +1 -1
- package/packages/config/vite.config.ts +1 -1
- package/packages/core/package.json +2 -2
- package/packages/core/src/components/Button.tsx +27 -24
- package/packages/core/src/components/Card.tsx +2 -2
- package/packages/core/src/components/Code.tsx +2 -2
- package/packages/core/src/components/Heading.tsx +7 -12
- package/packages/core/src/components/Icon.tsx +8 -3
- package/packages/core/src/components/IconButton.tsx +38 -35
- package/packages/core/src/components/InfoCard.tsx +5 -2
- package/packages/core/src/components/Link.tsx +27 -24
- package/packages/core/src/components/List.tsx +4 -4
- package/packages/core/src/components/Pre.tsx +2 -2
- package/packages/core/src/components/Table.tsx +17 -14
- package/packages/core/tsconfig.node.json +1 -1
- package/packages/core/vite.config.ts +1 -1
- package/packages/forms/coverage/clover.xml +60 -60
- package/packages/forms/coverage/coverage-final.json +17 -17
- package/packages/forms/coverage/lcov-report/index.html +23 -23
- package/packages/forms/coverage/lcov-report/src/components/Checkbox.tsx.html +8 -8
- package/packages/forms/coverage/lcov-report/src/components/FieldsetControl.tsx.html +4 -4
- package/packages/forms/coverage/lcov-report/src/components/LabelControl.tsx.html +60 -60
- package/packages/forms/coverage/lcov-report/src/components/Radio.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/Select.tsx.html +37 -31
- package/packages/forms/coverage/lcov-report/src/components/Text.tsx.html +16 -13
- package/packages/forms/coverage/lcov-report/src/components/Textarea.tsx.html +30 -27
- package/packages/forms/coverage/lcov-report/src/components/context.ts.html +5 -2
- package/packages/forms/coverage/lcov-report/src/components/controlled/CheckboxGroup.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/controlled/RadioGroup.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/controlled/SelectControl.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/controlled/TextControl.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/controlled/TextareaControl.tsx.html +3 -3
- package/packages/forms/coverage/lcov-report/src/components/controlled/index.html +1 -1
- package/packages/forms/coverage/lcov-report/src/components/controlled/index.ts.html +1 -1
- package/packages/forms/coverage/lcov-report/src/components/index.html +37 -37
- package/packages/forms/coverage/lcov-report/src/components/index.ts.html +9 -9
- package/packages/forms/coverage/lcov-report/src/index.html +5 -5
- package/packages/forms/coverage/lcov-report/src/index.ts.html +9 -9
- package/packages/forms/coverage/lcov-report/src/utils/index.html +1 -1
- package/packages/forms/coverage/lcov-report/src/utils/index.ts.html +2 -2
- package/packages/forms/coverage/lcov.info +91 -83
- package/packages/forms/dist/components/Checkbox.d.ts +2 -2
- package/packages/forms/dist/components/Checkbox.d.ts.map +1 -1
- package/packages/forms/dist/components/Checkbox.js +43 -0
- package/packages/forms/dist/components/Checkbox.js.map +1 -0
- package/packages/forms/dist/components/FieldsetControl.d.ts +2 -2
- package/packages/forms/dist/components/FieldsetControl.d.ts.map +1 -1
- package/packages/forms/dist/components/FieldsetControl.js +20 -0
- package/packages/forms/dist/components/FieldsetControl.js.map +1 -0
- package/packages/forms/dist/components/Input.d.ts +2 -2
- package/packages/forms/dist/components/Input.d.ts.map +1 -1
- package/packages/forms/dist/components/Input.js +27 -0
- package/packages/forms/dist/components/Input.js.map +1 -0
- package/packages/forms/dist/components/LabelControl.d.ts +2 -2
- package/packages/forms/dist/components/LabelControl.d.ts.map +1 -1
- package/packages/forms/dist/components/LabelControl.js +18 -0
- package/packages/forms/dist/components/LabelControl.js.map +1 -0
- package/packages/forms/dist/components/Radio.d.ts +2 -2
- package/packages/forms/dist/components/Radio.d.ts.map +1 -1
- package/packages/forms/dist/components/Radio.js +43 -0
- package/packages/forms/dist/components/Radio.js.map +1 -0
- package/packages/forms/dist/components/Select.d.ts +2 -2
- package/packages/forms/dist/components/Select.d.ts.map +1 -1
- package/packages/forms/dist/components/Select.js +39 -0
- package/packages/forms/dist/components/Select.js.map +1 -0
- package/packages/forms/dist/components/Textarea.d.ts +2 -2
- package/packages/forms/dist/components/Textarea.d.ts.map +1 -1
- package/packages/forms/dist/components/Textarea.js +34 -0
- package/packages/forms/dist/components/Textarea.js.map +1 -0
- package/packages/forms/dist/components/context.js +8 -0
- package/packages/forms/dist/components/context.js.map +1 -0
- package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts +2 -2
- package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts.map +1 -1
- package/packages/forms/dist/components/controlled/CheckboxGroup.js +12 -0
- package/packages/forms/dist/components/controlled/CheckboxGroup.js.map +1 -0
- package/packages/forms/dist/components/controlled/InputItem.js +2 -0
- package/packages/forms/dist/components/controlled/InputItem.js.map +1 -0
- package/packages/forms/dist/components/controlled/RadioGroup.d.ts +2 -2
- package/packages/forms/dist/components/controlled/RadioGroup.d.ts.map +1 -1
- package/packages/forms/dist/components/controlled/RadioGroup.js +12 -0
- package/packages/forms/dist/components/controlled/RadioGroup.js.map +1 -0
- package/packages/forms/dist/components/controlled/SelectControl.d.ts +2 -2
- package/packages/forms/dist/components/controlled/SelectControl.d.ts.map +1 -1
- package/packages/forms/dist/components/controlled/SelectControl.js +10 -0
- package/packages/forms/dist/components/controlled/SelectControl.js.map +1 -0
- package/packages/forms/dist/components/controlled/TextareaControl.d.ts +2 -2
- package/packages/forms/dist/components/controlled/TextareaControl.d.ts.map +1 -1
- package/packages/forms/dist/components/controlled/TextareaControl.js +10 -0
- package/packages/forms/dist/components/controlled/TextareaControl.js.map +1 -0
- package/packages/forms/dist/components/controlled/index.d.ts +0 -1
- package/packages/forms/dist/components/controlled/index.d.ts.map +1 -1
- package/packages/forms/dist/components/controlled/index.js +5 -0
- package/packages/forms/dist/components/controlled/index.js.map +1 -0
- package/packages/forms/dist/components/index.js +8 -0
- package/packages/forms/dist/components/index.js.map +1 -0
- package/packages/forms/dist/index.cjs.js +80 -80
- package/packages/forms/dist/index.cjs.js.map +1 -1
- package/packages/forms/dist/index.d.ts +1 -1
- package/packages/forms/dist/index.d.ts.map +1 -1
- package/packages/forms/dist/index.es.js +501 -504
- package/packages/forms/dist/index.es.js.map +1 -1
- package/packages/forms/dist/index.js +3 -0
- package/packages/forms/dist/index.js.map +1 -0
- package/packages/forms/dist/utils/class.js +2 -0
- package/packages/forms/dist/utils/class.js.map +1 -0
- package/packages/forms/node_modules/.bin/autoprefixer +4 -4
- package/packages/forms/node_modules/.bin/jest +4 -4
- package/packages/forms/node_modules/.bin/npm-run-all +4 -4
- package/packages/forms/node_modules/.bin/run-p +4 -4
- package/packages/forms/node_modules/.bin/run-s +4 -4
- package/packages/forms/node_modules/.bin/tailwind +4 -4
- package/packages/forms/node_modules/.bin/tailwindcss +4 -4
- package/packages/forms/node_modules/.bin/ts-jest +4 -4
- package/packages/forms/node_modules/.bin/ts-node +4 -4
- package/packages/forms/node_modules/.bin/ts-node-cwd +4 -4
- package/packages/forms/node_modules/.bin/ts-node-esm +4 -4
- package/packages/forms/node_modules/.bin/ts-node-script +4 -4
- package/packages/forms/node_modules/.bin/ts-node-transpile-only +4 -4
- package/packages/forms/node_modules/.bin/ts-script +4 -4
- package/packages/forms/node_modules/.bin/tsc +4 -4
- package/packages/forms/node_modules/.bin/tsc-alias +4 -4
- package/packages/forms/node_modules/.bin/tsserver +4 -4
- package/packages/forms/node_modules/.bin/vite +4 -4
- package/packages/forms/package.json +2 -2
- package/packages/forms/src/components/Checkbox.tsx +62 -59
- package/packages/forms/src/components/FieldsetControl.tsx +62 -55
- package/packages/forms/src/components/Input.tsx +38 -35
- package/packages/forms/src/components/LabelControl.tsx +56 -52
- package/packages/forms/src/components/Radio.tsx +8 -3
- package/packages/forms/src/components/Select.tsx +57 -56
- package/packages/forms/src/components/Textarea.tsx +58 -54
- package/packages/forms/src/components/controlled/CheckboxGroup.tsx +37 -37
- package/packages/forms/src/components/controlled/RadioGroup.tsx +5 -3
- package/packages/forms/src/components/controlled/SelectControl.tsx +28 -27
- package/packages/forms/src/components/controlled/TextareaControl.tsx +28 -27
- package/packages/forms/src/components/controlled/index.ts +0 -1
- package/packages/forms/src/index.ts +0 -1
- package/packages/forms/tsconfig.node.json +1 -1
- package/packages/forms/vite.config.ts +1 -1
- package/packages/forms/dist/components/controlled/InputControl.d.ts +0 -10
- package/packages/forms/dist/components/controlled/InputControl.d.ts.map +0 -1
- package/packages/forms/node_modules/.bin/browserslist +0 -17
- package/packages/forms/src/components/controlled/InputControl.tsx +0 -39
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/bin/run-s/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/bin/run-s/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules/npm-run-all/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/npm-run-all@4.1.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../npm-run-all/bin/run-s/index.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../npm-run-all/bin/run-s/index.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../tailwindcss/lib/cli.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../tailwindcss/lib/cli.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.3.2_ts-node@10.9.1/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../tailwindcss/lib/cli.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../tailwindcss/lib/cli.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.1.1_@babel+core@7.22.8_@jest+types@29.6.1_jest@29.6.1_typescript@5.1.6/node_modules/ts-jest/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.1.1_@babel+core@7.22.8_@jest+types@29.6.1_jest@29.6.1_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.1.1_@babel+core@7.22.8_@jest+types@29.6.1_jest@29.6.1_typescript@5.1.6/node_modules/ts-jest/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.1.1_@babel+core@7.22.8_@jest+types@29.6.1_jest@29.6.1_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-jest/cli.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-jest/cli.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin-cwd.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin-cwd.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin-esm.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin-esm.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin-script.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin-script.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin-transpile.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin-transpile.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.16.19_typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../ts-node/dist/bin-script-deprecated.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../ts-node/dist/bin-script-deprecated.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../typescript/bin/tsc" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../typescript/bin/tsc" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/dist/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/dist/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules/tsc-alias/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.7/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../tsc-alias/dist/bin/index.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../tsc-alias/dist/bin/index.js" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@5.1.6/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../typescript/bin/tsserver" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../typescript/bin/tsserver" "$@"
|
|
17
17
|
fi
|
|
@@ -6,12 +6,12 @@ case `uname` in
|
|
|
6
6
|
esac
|
|
7
7
|
|
|
8
8
|
if [ -z "$NODE_PATH" ]; then
|
|
9
|
-
export NODE_PATH="/Users/
|
|
9
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules/vite/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules/vite/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
|
|
10
10
|
else
|
|
11
|
-
export NODE_PATH="/Users/
|
|
11
|
+
export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules/vite/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules/vite/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.4.2_@types+node@18.16.19/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
|
|
12
12
|
fi
|
|
13
13
|
if [ -x "$basedir/node" ]; then
|
|
14
|
-
exec "$basedir/node" "$basedir
|
|
14
|
+
exec "$basedir/node" "$basedir/../vite/bin/vite.js" "$@"
|
|
15
15
|
else
|
|
16
|
-
exec node "$basedir
|
|
16
|
+
exec node "$basedir/../vite/bin/vite.js" "$@"
|
|
17
17
|
fi
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sakura-ui/forms",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dev": "vite",
|
|
22
22
|
"build": "run-p build:*",
|
|
23
23
|
"build:scripts": "vite build",
|
|
24
|
-
"build:types": "tsc
|
|
24
|
+
"build:types": "tsc && tsc-alias",
|
|
25
25
|
"test": "jest"
|
|
26
26
|
},
|
|
27
27
|
"keywords": [],
|
|
@@ -2,68 +2,71 @@ import React from 'react'
|
|
|
2
2
|
import { cx } from '../utils/class'
|
|
3
3
|
import { ControllerContext } from './context'
|
|
4
4
|
|
|
5
|
-
export interface CheckboxProps extends React.
|
|
5
|
+
export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {}
|
|
6
6
|
|
|
7
|
-
export const Checkbox = React.forwardRef<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
export const Checkbox: React.ElementType<CheckboxProps> = React.forwardRef<
|
|
8
|
+
HTMLInputElement,
|
|
9
|
+
CheckboxProps
|
|
10
|
+
>((props, ref) => {
|
|
11
|
+
const { className, children, ...restProps } = props
|
|
12
|
+
const ctx = React.useContext(ControllerContext)
|
|
13
|
+
if (ctx.isRequired) {
|
|
14
|
+
restProps.required = true
|
|
15
|
+
}
|
|
16
|
+
if (ctx.groupName) {
|
|
17
|
+
restProps.name = ctx.groupName
|
|
18
|
+
}
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
const style = `
|
|
21
|
+
inline-block
|
|
22
|
+
text-base
|
|
23
|
+
cursor-pointer
|
|
24
|
+
py-2
|
|
25
|
+
mr-4
|
|
26
|
+
`
|
|
25
27
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
const styleInput = `
|
|
29
|
+
peer
|
|
30
|
+
hidden
|
|
31
|
+
`
|
|
30
32
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
33
|
+
const styleCheck = `
|
|
34
|
+
bg-clip-content
|
|
35
|
+
w-6 h-6
|
|
36
|
+
ml-1
|
|
37
|
+
mr-2
|
|
38
|
+
rounded
|
|
39
|
+
border
|
|
40
|
+
border-solid
|
|
41
|
+
border-sumi-900
|
|
42
|
+
fill-transparent
|
|
43
|
+
peer-checked:fill-white-1000
|
|
44
|
+
peer-checked:bg-sea-600
|
|
45
|
+
peer-checked:border-none
|
|
46
|
+
peer-disabled:border-sumi-500
|
|
47
|
+
`
|
|
46
48
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
</span>
|
|
64
|
-
<span className="peer-disabled:text-sumi-500">{children}</span>
|
|
49
|
+
return (
|
|
50
|
+
<label htmlFor={restProps.id} className={cx(style, className)}>
|
|
51
|
+
<span className="flex items-center">
|
|
52
|
+
<input
|
|
53
|
+
className={styleInput}
|
|
54
|
+
type="checkbox"
|
|
55
|
+
aria-describedby={ctx.helperTextId}
|
|
56
|
+
aria-errormessage={ctx.errorMessageId}
|
|
57
|
+
aria-invalid={ctx.isInvalid ?? false}
|
|
58
|
+
{...restProps}
|
|
59
|
+
ref={ref}
|
|
60
|
+
/>
|
|
61
|
+
<span className={styleCheck}>
|
|
62
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
|
|
63
|
+
<path d="m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" />
|
|
64
|
+
</svg>
|
|
65
65
|
</span>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
)
|
|
66
|
+
<span className="peer-disabled:text-sumi-500">{children}</span>
|
|
67
|
+
</span>
|
|
68
|
+
</label>
|
|
69
|
+
)
|
|
70
|
+
})
|
|
71
|
+
|
|
72
|
+
Checkbox.displayName = 'Checkbox'
|
|
@@ -2,7 +2,8 @@ import React from 'react'
|
|
|
2
2
|
import { cx } from '../utils/class'
|
|
3
3
|
import { ControllerContext } from './context'
|
|
4
4
|
|
|
5
|
-
export interface FieldsetControlProps
|
|
5
|
+
export interface FieldsetControlProps
|
|
6
|
+
extends React.ComponentPropsWithRef<'fieldset'> {
|
|
6
7
|
labelText: string
|
|
7
8
|
helperText?: string
|
|
8
9
|
errorMessage?: string
|
|
@@ -11,61 +12,67 @@ export interface FieldsetControlProps extends React.ComponentProps<'fieldset'> {
|
|
|
11
12
|
direction?: 'flex-col' | 'flex-row'
|
|
12
13
|
}
|
|
13
14
|
|
|
14
|
-
export const FieldsetControl
|
|
15
|
-
HTMLFieldSetElement,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
...restProps
|
|
29
|
-
} = props
|
|
15
|
+
export const FieldsetControl: React.ElementType<FieldsetControlProps> =
|
|
16
|
+
React.forwardRef<HTMLFieldSetElement, FieldsetControlProps>((props, ref) => {
|
|
17
|
+
const id = React.useId()
|
|
18
|
+
const {
|
|
19
|
+
labelText,
|
|
20
|
+
className,
|
|
21
|
+
helperText,
|
|
22
|
+
errorMessage,
|
|
23
|
+
isInvalid,
|
|
24
|
+
isRequired,
|
|
25
|
+
direction,
|
|
26
|
+
children,
|
|
27
|
+
...restProps
|
|
28
|
+
} = props
|
|
30
29
|
|
|
31
|
-
|
|
30
|
+
const groupName = restProps.name ?? `group-${id}`
|
|
32
31
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
const context = {
|
|
33
|
+
groupName: groupName,
|
|
34
|
+
helperTextId: `helper-text-${id}`,
|
|
35
|
+
errorMessageId: `error-message-${id}`,
|
|
36
|
+
isInvalid: isInvalid ?? false,
|
|
37
|
+
isRequired: isRequired ?? false
|
|
38
|
+
}
|
|
40
39
|
|
|
41
|
-
|
|
40
|
+
const styleDirection = direction ?? 'flex-col'
|
|
42
41
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
42
|
+
return (
|
|
43
|
+
<ControllerContext.Provider value={context}>
|
|
44
|
+
<fieldset className={cx('mb-4', className)} ref={ref} {...restProps}>
|
|
45
|
+
<legend>
|
|
46
|
+
<p
|
|
47
|
+
className={cx(
|
|
48
|
+
'block mb-2 text-label',
|
|
49
|
+
isInvalid && 'text-sun-800'
|
|
50
|
+
)}
|
|
51
|
+
>
|
|
52
|
+
{labelText}
|
|
53
|
+
{isRequired && <span className="text-sun-800"> *</span>}
|
|
54
|
+
</p>
|
|
55
|
+
</legend>
|
|
56
|
+
<div className={cx('inline-flex', styleDirection)}>{children}</div>
|
|
57
|
+
{helperText && (
|
|
58
|
+
<p id={context.helperTextId} className="text-xs text-sumi-700 mt-2">
|
|
59
|
+
{helperText}
|
|
60
|
+
</p>
|
|
61
|
+
)}
|
|
62
|
+
{isInvalid && (
|
|
63
|
+
<p
|
|
64
|
+
id={context.errorMessageId}
|
|
65
|
+
className={cx(
|
|
66
|
+
'text-xs text-sun-800',
|
|
67
|
+
helperText ? 'mt-1' : 'mt-2'
|
|
68
|
+
)}
|
|
69
|
+
>
|
|
70
|
+
{errorMessage}
|
|
71
|
+
</p>
|
|
72
|
+
)}
|
|
73
|
+
</fieldset>
|
|
74
|
+
</ControllerContext.Provider>
|
|
75
|
+
)
|
|
76
|
+
})
|
|
77
|
+
|
|
78
|
+
FieldsetControl.displayName = 'FieldsetControl'
|