@sakura-ui/sakura-ui 0.1.0 → 0.1.2

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.
Files changed (96) hide show
  1. package/README.md +36 -5
  2. package/package.json +3 -3
  3. package/packages/core/package.json +1 -1
  4. package/packages/core/tsconfig.json +1 -0
  5. package/packages/forms/coverage/clover.xml +60 -60
  6. package/packages/forms/coverage/coverage-final.json +17 -17
  7. package/packages/forms/coverage/lcov-report/index.html +23 -23
  8. package/packages/forms/coverage/lcov-report/src/components/Checkbox.tsx.html +8 -8
  9. package/packages/forms/coverage/lcov-report/src/components/FieldsetControl.tsx.html +4 -4
  10. package/packages/forms/coverage/lcov-report/src/components/LabelControl.tsx.html +60 -60
  11. package/packages/forms/coverage/lcov-report/src/components/Radio.tsx.html +3 -3
  12. package/packages/forms/coverage/lcov-report/src/components/Select.tsx.html +37 -31
  13. package/packages/forms/coverage/lcov-report/src/components/Text.tsx.html +16 -13
  14. package/packages/forms/coverage/lcov-report/src/components/Textarea.tsx.html +30 -27
  15. package/packages/forms/coverage/lcov-report/src/components/context.ts.html +5 -2
  16. package/packages/forms/coverage/lcov-report/src/components/controlled/CheckboxGroup.tsx.html +3 -3
  17. package/packages/forms/coverage/lcov-report/src/components/controlled/RadioGroup.tsx.html +3 -3
  18. package/packages/forms/coverage/lcov-report/src/components/controlled/SelectControl.tsx.html +3 -3
  19. package/packages/forms/coverage/lcov-report/src/components/controlled/TextControl.tsx.html +3 -3
  20. package/packages/forms/coverage/lcov-report/src/components/controlled/TextareaControl.tsx.html +3 -3
  21. package/packages/forms/coverage/lcov-report/src/components/controlled/index.html +1 -1
  22. package/packages/forms/coverage/lcov-report/src/components/controlled/index.ts.html +1 -1
  23. package/packages/forms/coverage/lcov-report/src/components/index.html +37 -37
  24. package/packages/forms/coverage/lcov-report/src/components/index.ts.html +9 -9
  25. package/packages/forms/coverage/lcov-report/src/index.html +5 -5
  26. package/packages/forms/coverage/lcov-report/src/index.ts.html +9 -9
  27. package/packages/forms/coverage/lcov-report/src/utils/index.html +1 -1
  28. package/packages/forms/coverage/lcov-report/src/utils/index.ts.html +2 -2
  29. package/packages/forms/coverage/lcov.info +91 -83
  30. package/packages/forms/dist/components/Checkbox.d.ts +5 -0
  31. package/packages/forms/dist/components/Checkbox.d.ts.map +1 -0
  32. package/packages/forms/dist/components/FieldsetControl.d.ts +11 -0
  33. package/packages/forms/dist/components/FieldsetControl.d.ts.map +1 -0
  34. package/packages/forms/dist/components/LabelControl.d.ts +10 -0
  35. package/packages/forms/dist/components/LabelControl.d.ts.map +1 -0
  36. package/packages/forms/dist/components/Radio.d.ts +5 -0
  37. package/packages/forms/dist/components/Radio.d.ts.map +1 -0
  38. package/packages/forms/dist/components/Select.d.ts +5 -0
  39. package/packages/forms/dist/components/Select.d.ts.map +1 -0
  40. package/packages/forms/dist/components/Text.d.ts +5 -0
  41. package/packages/forms/dist/components/Text.d.ts.map +1 -0
  42. package/packages/forms/dist/components/Textarea.d.ts +5 -0
  43. package/packages/forms/dist/components/Textarea.d.ts.map +1 -0
  44. package/packages/forms/dist/components/context.d.ts +11 -0
  45. package/packages/forms/dist/components/context.d.ts.map +1 -0
  46. package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts +13 -0
  47. package/packages/forms/dist/components/controlled/CheckboxGroup.d.ts.map +1 -0
  48. package/packages/forms/dist/components/controlled/InputItem.d.ts +5 -0
  49. package/packages/forms/dist/components/controlled/InputItem.d.ts.map +1 -0
  50. package/packages/forms/dist/components/controlled/RadioGroup.d.ts +14 -0
  51. package/packages/forms/dist/components/controlled/RadioGroup.d.ts.map +1 -0
  52. package/packages/forms/dist/components/controlled/SelectControl.d.ts +10 -0
  53. package/packages/forms/dist/components/controlled/SelectControl.d.ts.map +1 -0
  54. package/packages/forms/dist/components/controlled/TextControl.d.ts +10 -0
  55. package/packages/forms/dist/components/controlled/TextControl.d.ts.map +1 -0
  56. package/packages/forms/dist/components/controlled/TextareaControl.d.ts +10 -0
  57. package/packages/forms/dist/components/controlled/TextareaControl.d.ts.map +1 -0
  58. package/packages/forms/dist/components/controlled/index.d.ts +6 -0
  59. package/packages/forms/dist/components/controlled/index.d.ts.map +1 -0
  60. package/packages/forms/dist/components/index.d.ts +8 -0
  61. package/packages/forms/dist/components/index.d.ts.map +1 -0
  62. package/packages/forms/dist/index.cjs.js +14 -14
  63. package/packages/forms/dist/index.cjs.js.map +1 -1
  64. package/packages/forms/dist/index.d.ts +3 -0
  65. package/packages/forms/dist/index.d.ts.map +1 -0
  66. package/packages/forms/dist/index.es.js +247 -241
  67. package/packages/forms/dist/index.es.js.map +1 -1
  68. package/packages/forms/dist/utils/index.d.ts +2 -0
  69. package/packages/forms/dist/utils/index.d.ts.map +1 -0
  70. package/packages/forms/node_modules/.bin/autoprefixer +2 -2
  71. package/packages/forms/node_modules/.bin/browserslist +17 -0
  72. package/packages/forms/node_modules/.bin/jest +4 -4
  73. package/packages/forms/node_modules/.bin/npm-run-all +2 -2
  74. package/packages/forms/node_modules/.bin/run-p +2 -2
  75. package/packages/forms/node_modules/.bin/run-s +2 -2
  76. package/packages/forms/node_modules/.bin/tailwind +4 -4
  77. package/packages/forms/node_modules/.bin/tailwindcss +4 -4
  78. package/packages/forms/node_modules/.bin/ts-jest +4 -4
  79. package/packages/forms/node_modules/.bin/ts-node +4 -4
  80. package/packages/forms/node_modules/.bin/ts-node-cwd +4 -4
  81. package/packages/forms/node_modules/.bin/ts-node-esm +4 -4
  82. package/packages/forms/node_modules/.bin/ts-node-script +4 -4
  83. package/packages/forms/node_modules/.bin/ts-node-transpile-only +4 -4
  84. package/packages/forms/node_modules/.bin/ts-script +4 -4
  85. package/packages/forms/node_modules/.bin/tsc +2 -2
  86. package/packages/forms/node_modules/.bin/tsc-alias +2 -2
  87. package/packages/forms/node_modules/.bin/tsserver +2 -2
  88. package/packages/forms/node_modules/.bin/vite +2 -2
  89. package/packages/forms/package.json +1 -1
  90. package/packages/forms/src/components/LabelControl.tsx +54 -51
  91. package/packages/forms/src/components/Select.tsx +4 -3
  92. package/packages/forms/src/components/Text.tsx +1 -0
  93. package/packages/forms/src/components/Textarea.tsx +1 -0
  94. package/packages/forms/src/components/context.ts +1 -0
  95. package/packages/forms/tests/LabelControl.test.tsx +67 -1
  96. package/packages/forms/tsconfig.json +3 -2
package/packages/forms/node_modules/.bin/tailwind CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_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="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_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/../../../../node_modules/.pnpm/tailwindcss@3.2.7_aesdjsunmf4wiehhujt67my7tu/node_modules/tailwindcss/lib/cli.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/cli.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_aesdjsunmf4wiehhujt67my7tu/node_modules/tailwindcss/lib/cli.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/cli.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/tailwindcss CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_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="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_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/../../../../node_modules/.pnpm/tailwindcss@3.2.7_aesdjsunmf4wiehhujt67my7tu/node_modules/tailwindcss/lib/cli.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/cli.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_aesdjsunmf4wiehhujt67my7tu/node_modules/tailwindcss/lib/cli.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/tailwindcss@3.2.7_postcss@8.4.21_ts-node@10.9.1/node_modules/tailwindcss/lib/cli.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-jest CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.5/node_modules/ts-jest/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.5/node_modules/ts-jest/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.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/../../../../node_modules/.pnpm/ts-jest@29.0.5_3mcuuhwaqf7xterquk2gs4puiu/node_modules/ts-jest/cli.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.5/node_modules/ts-jest/cli.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-jest@29.0.5_3mcuuhwaqf7xterquk2gs4puiu/node_modules/ts-jest/cli.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-jest@29.0.5_@babel+core@7.21.0_@jest+types@29.5.0_jest@29.4.3_typescript@4.9.5/node_modules/ts-jest/cli.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-node CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-node-cwd CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-cwd.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-cwd.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-cwd.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-cwd.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-node-esm CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-esm.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-esm.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-esm.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-esm.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-node-script CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-script.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-script.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-script.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-script.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-node-transpile-only CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-transpile.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-transpile.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-transpile.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-transpile.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/ts-script CHANGED
@@ -6,12 +6,12 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/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.14.2_typescript@4.9.5/node_modules/ts-node/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.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/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-script-deprecated.js" "$@"
14
+ exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-script-deprecated.js" "$@"
15
15
  else
16
- exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_ellgaeuoqnti3hful2ny2iugba/node_modules/ts-node/dist/bin-script-deprecated.js" "$@"
16
+ exec node "$basedir/../../../../node_modules/.pnpm/ts-node@10.9.1_@types+node@18.14.2_typescript@4.9.5/node_modules/ts-node/dist/bin-script-deprecated.js" "$@"
17
17
  fi
package/packages/forms/node_modules/.bin/tsc CHANGED
@@ -6,9 +6,9 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.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
14
  exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/tsc" "$@"
package/packages/forms/node_modules/.bin/tsc-alias CHANGED
@@ -6,9 +6,9 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/dist/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/dist/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/dist/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/tsc-alias@1.8.2/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
14
  exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/tsc-alias@1.8.2/node_modules/tsc-alias/dist/bin/index.js" "$@"
package/packages/forms/node_modules/.bin/tsserver CHANGED
@@ -6,9 +6,9 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/typescript@4.9.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
14
  exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/bin/tsserver" "$@"
package/packages/forms/node_modules/.bin/vite CHANGED
@@ -6,9 +6,9 @@ case `uname` in
6
6
  esac
7
7
 
8
8
  if [ -z "$NODE_PATH" ]; then
9
- export NODE_PATH="/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
9
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules/vite/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules/vite/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
10
10
  else
11
- export NODE_PATH="$NODE_PATH:/Users/taisukefujita/Documents/Repos/sakura-ui/node_modules/.pnpm/node_modules"
11
+ export NODE_PATH="/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules/vite/bin/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules/vite/node_modules:/Users/t.fujita/Documents/Repos/sakura-ui/node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/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
14
  exec "$basedir/node" "$basedir/../../../../node_modules/.pnpm/vite@4.1.4_@types+node@18.14.2/node_modules/vite/bin/vite.js" "$@"
package/packages/forms/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sakura-ui/forms",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
package/packages/forms/src/components/LabelControl.tsx CHANGED
@@ -3,7 +3,7 @@ import { cx } from '../utils'
3
3
  import { ControllerContext } from './context'
4
4
 
5
5
  export interface LabelControlProps
6
- extends React.ComponentPropsWithoutRef<'div'> {
6
+ extends React.ComponentPropsWithoutRef<'label'> {
7
7
  labelText: string
8
8
  helperText?: string
9
9
  errorMessage?: string
@@ -11,55 +11,58 @@ export interface LabelControlProps
11
11
  isRequired?: boolean
12
12
  }
13
13
 
14
- export const LabelControl = React.forwardRef<HTMLDivElement, LabelControlProps>(
15
- (props, ref) => {
16
- const id = React.useId()
17
- const {
18
- labelText,
19
- className,
20
- helperText,
21
- errorMessage,
22
- isInvalid,
23
- isRequired,
24
- children,
25
- ...restProps
26
- } = props
14
+ export const LabelControl = React.forwardRef<
15
+ HTMLLabelElement,
16
+ LabelControlProps
17
+ >((props, ref) => {
18
+ const id = React.useId()
19
+ const {
20
+ labelText,
21
+ className,
22
+ helperText,
23
+ errorMessage,
24
+ isInvalid,
25
+ isRequired,
26
+ children,
27
+ ...restProps
28
+ } = props
27
29
 
28
- const context = {
29
- helperTextId: `helper-text-${id}`,
30
- errorMessageId: `error-message-${id}`,
31
- isInvalid: isInvalid ?? false,
32
- isRequired: isRequired ?? false
33
- }
34
-
35
- return (
36
- <ControllerContext.Provider value={context}>
37
- <div className={cx('mb-4', className)} ref={ref} {...restProps}>
38
- <label>
39
- <span className={cx('block mb-2', isInvalid && 'text-sun-800')}>
40
- {labelText}
41
- {isRequired && <span className="text-sun-800">&nbsp;*</span>}
42
- </span>
43
- {children}
44
- </label>
45
- {helperText && (
46
- <p id={context.helperTextId} className="text-sm text-sumi-700 mt-2">
47
- {helperText}
48
- </p>
49
- )}
50
- {isInvalid && (
51
- <p
52
- id={context.errorMessageId}
53
- className={cx(
54
- 'text-sm text-sun-800',
55
- helperText ? 'mt-1' : 'mt-2'
56
- )}
57
- >
58
- {errorMessage}
59
- </p>
60
- )}
61
- </div>
62
- </ControllerContext.Provider>
63
- )
30
+ const context = {
31
+ id: props.htmlFor ?? `input-${id}`,
32
+ helperTextId: `helper-text-${id}`,
33
+ errorMessageId: `error-message-${id}`,
34
+ isInvalid: isInvalid ?? false,
35
+ isRequired: isRequired ?? false
64
36
  }
65
- )
37
+
38
+ return (
39
+ <ControllerContext.Provider value={context}>
40
+ <div className={cx('mb-4', className)}>
41
+ <label
42
+ className={cx('block mb-2', isInvalid && 'text-sun-800')}
43
+ htmlFor={context.id}
44
+ ref={ref}
45
+ {...restProps}
46
+ >
47
+ {labelText}
48
+ {isRequired && <span className="text-sun-800">&nbsp;*</span>}
49
+ </label>
50
+ {children}
51
+
52
+ {helperText && (
53
+ <p id={context.helperTextId} className="text-sm text-sumi-700 mt-2">
54
+ {helperText}
55
+ </p>
56
+ )}
57
+ {isInvalid && (
58
+ <p
59
+ id={context.errorMessageId}
60
+ className={cx('text-sm text-sun-800', helperText ? 'mt-1' : 'mt-2')}
61
+ >
62
+ {errorMessage}
63
+ </p>
64
+ )}
65
+ </div>
66
+ </ControllerContext.Provider>
67
+ )
68
+ })
package/packages/forms/src/components/Select.tsx CHANGED
@@ -6,10 +6,10 @@ export interface SelectProps extends React.ComponentPropsWithoutRef<'select'> {}
6
6
 
7
7
  export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
8
8
  (props, ref) => {
9
- const { className, children, ...newProps } = props
9
+ const { className, children, ...restProps } = props
10
10
  const ctx = React.useContext(ControllerContext)
11
11
  if (ctx.isRequired) {
12
- newProps.required = true
12
+ restProps.required = true
13
13
  }
14
14
 
15
15
  const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900'
@@ -32,11 +32,12 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
32
32
  return (
33
33
  <span className="inline-block relative">
34
34
  <select
35
+ id={restProps.id ?? ctx.id}
35
36
  className={cx(style, invalidStyle, props.className)}
36
37
  aria-describedby={ctx.helperTextId}
37
38
  aria-errormessage={ctx.errorMessageId}
38
39
  aria-invalid={ctx.isInvalid ?? false}
39
- {...newProps}
40
+ {...restProps}
40
41
  ref={ref}
41
42
  >
42
43
  {children}
package/packages/forms/src/components/Text.tsx CHANGED
@@ -32,6 +32,7 @@ export const Text = React.forwardRef<HTMLInputElement, TextProps>(
32
32
  return (
33
33
  <input
34
34
  type="text"
35
+ id={restProps.id ?? ctx.id}
35
36
  className={cx(style, invalidStyle, className)}
36
37
  aria-describedby={ctx.helperTextId}
37
38
  aria-errormessage={ctx.errorMessageId}
package/packages/forms/src/components/Textarea.tsx CHANGED
@@ -33,6 +33,7 @@ export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
33
33
 
34
34
  return (
35
35
  <textarea
36
+ id={restProps.id ?? ctx.id}
36
37
  className={cx(style, invalidStyle, className)}
37
38
  aria-describedby={ctx.helperTextId}
38
39
  aria-errormessage={ctx.errorMessageId}
package/packages/forms/src/components/context.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react'
2
2
 
3
3
  export interface ControllerContextType {
4
+ id?: string
4
5
  groupName?: string
5
6
  helperTextId: string
6
7
  errorMessageId: string
package/packages/forms/tests/LabelControl.test.tsx CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react'
2
2
  import { render, screen } from '@testing-library/react'
3
3
  import '@testing-library/jest-dom'
4
4
 
5
- import { LabelControl } from '../src'
5
+ import { LabelControl, Select, Text, Textarea } from '../src'
6
6
 
7
7
  describe('LabelControl', () => {
8
8
  test('renders LabelControl component vol1', async () => {
@@ -47,4 +47,70 @@ describe('LabelControl', () => {
47
47
 
48
48
  expect(screen.getByText('*')).toBeInTheDocument()
49
49
  })
50
+
51
+ test('Test the relationship between the label and input elements.', async () => {
52
+ render(
53
+ <>
54
+ <LabelControl labelText="test1">
55
+ <Select>
56
+ <option value="1" defaultChecked />
57
+ </Select>
58
+ </LabelControl>
59
+ <LabelControl labelText="test2">
60
+ <Text defaultValue="1" />
61
+ </LabelControl>
62
+ <LabelControl labelText="test3">
63
+ <Textarea defaultValue="1" />
64
+ </LabelControl>
65
+ </>
66
+ )
67
+
68
+ const select = screen.getByLabelText(/test1/)
69
+ expect(select).toBeInTheDocument()
70
+ expect(select).toHaveValue('1')
71
+ expect(select).toHaveAttribute('id')
72
+
73
+ const text = screen.getByLabelText(/test2/)
74
+ expect(text).toBeInTheDocument()
75
+ expect(text).toHaveValue('1')
76
+ expect(text).toHaveAttribute('id')
77
+
78
+ const textarea = screen.getByLabelText(/test3/)
79
+ expect(textarea).toBeInTheDocument()
80
+ expect(textarea).toHaveValue('1')
81
+ expect(textarea).toHaveAttribute('id')
82
+ })
83
+
84
+ test('Test the relationship between the label and input elements.', async () => {
85
+ render(
86
+ <>
87
+ <LabelControl labelText="test1" htmlFor="id1">
88
+ <Select>
89
+ <option value="1" defaultChecked />
90
+ </Select>
91
+ </LabelControl>
92
+ <LabelControl labelText="test2" htmlFor="id2">
93
+ <Text defaultValue="1" />
94
+ </LabelControl>
95
+ <LabelControl labelText="test3" htmlFor="id3">
96
+ <Textarea defaultValue="1" />
97
+ </LabelControl>
98
+ </>
99
+ )
100
+
101
+ const select = screen.getByLabelText(/test1/)
102
+ expect(select).toBeInTheDocument()
103
+ expect(select).toHaveValue('1')
104
+ expect(select).toHaveAttribute('id', 'id1')
105
+
106
+ const text = screen.getByLabelText(/test2/)
107
+ expect(text).toBeInTheDocument()
108
+ expect(text).toHaveValue('1')
109
+ expect(text).toHaveAttribute('id', 'id2')
110
+
111
+ const textarea = screen.getByLabelText(/test3/)
112
+ expect(textarea).toBeInTheDocument()
113
+ expect(textarea).toHaveValue('1')
114
+ expect(textarea).toHaveAttribute('id', 'id3')
115
+ })
50
116
  })
package/packages/forms/tsconfig.json CHANGED
@@ -1,9 +1,10 @@
1
1
  {
2
2
  "extends": "../../tsconfig.json",
3
3
  "compilerOptions": {
4
- "baseUrl": ".",
4
+ "outDir": "dist",
5
+ "baseUrl": "src",
5
6
  "paths": {
6
- "@/*": ["src/*"]
7
+ "@/*": ["./*"]
7
8
  }
8
9
  },
9
10
  "include": ["src"],