@sakura-ui/sakura-ui 0.1.20 → 0.2.0

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 (173) hide show
  1. package/package.json +16 -16
  2. package/packages/core/package.json +15 -14
  3. package/packages/core/src/components/Button.tsx +10 -4
  4. package/packages/core/src/components/Card.tsx +11 -8
  5. package/packages/core/src/components/IconButton.tsx +6 -6
  6. package/packages/core/src/components/Link.tsx +2 -1
  7. package/packages/core/src/components/Table.tsx +4 -3
  8. package/packages/core/src/components/buttonStyle.ts +34 -14
  9. package/packages/core/src/components/index.ts +0 -3
  10. package/packages/core/src/index.ts +0 -1
  11. package/packages/core/src/libs/cx.ts +1 -0
  12. package/packages/core/src/libs/forward-ref.ts +7 -4
  13. package/packages/core/src/types/component.ts +7 -6
  14. package/packages/core/tests/Button.test.tsx +30 -0
  15. package/packages/core/tests/Card.test.tsx +30 -7
  16. package/packages/core/tests/vitest.setup.ts +1 -0
  17. package/packages/core/vite.config.ts +3 -2
  18. package/packages/forms/dist/index.cjs.js +92 -81
  19. package/packages/forms/dist/index.es.js +697 -627
  20. package/packages/forms/dist/types/components/Checkbox.d.ts +3 -1
  21. package/packages/forms/dist/types/components/Checkbox.d.ts.map +1 -1
  22. package/packages/forms/dist/types/components/FileInput.d.ts.map +1 -1
  23. package/packages/forms/dist/types/components/Input.d.ts +3 -1
  24. package/packages/forms/dist/types/components/Input.d.ts.map +1 -1
  25. package/packages/forms/dist/types/components/Radio.d.ts +3 -1
  26. package/packages/forms/dist/types/components/Radio.d.ts.map +1 -1
  27. package/packages/forms/dist/types/components/Select.d.ts +3 -1
  28. package/packages/forms/dist/types/components/Select.d.ts.map +1 -1
  29. package/packages/forms/dist/types/components/Textarea.d.ts.map +1 -1
  30. package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts +3 -1
  31. package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts.map +1 -1
  32. package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts +3 -1
  33. package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts.map +1 -1
  34. package/packages/forms/dist/types/components/controlled/index.d.ts +0 -2
  35. package/packages/forms/dist/types/components/controlled/index.d.ts.map +1 -1
  36. package/packages/forms/dist/types/components/inputStyle.d.ts +13 -0
  37. package/packages/forms/dist/types/components/inputStyle.d.ts.map +1 -0
  38. package/packages/forms/dist/types/index.d.ts +1 -1
  39. package/packages/forms/dist/types/index.d.ts.map +1 -1
  40. package/packages/forms/dist/types/utils/class.d.ts.map +1 -1
  41. package/packages/forms/node_modules/.bin/acorn +17 -0
  42. package/packages/forms/node_modules/.bin/autoprefixer +2 -2
  43. package/packages/forms/node_modules/.bin/browserslist +4 -4
  44. package/packages/forms/node_modules/.bin/eslint +4 -4
  45. package/packages/forms/node_modules/.bin/tailwind +2 -2
  46. package/packages/forms/node_modules/.bin/tailwindcss +2 -2
  47. package/packages/forms/node_modules/.bin/ts-node +4 -4
  48. package/packages/forms/node_modules/.bin/ts-node-cwd +4 -4
  49. package/packages/forms/node_modules/.bin/ts-node-esm +4 -4
  50. package/packages/forms/node_modules/.bin/ts-node-script +4 -4
  51. package/packages/forms/node_modules/.bin/ts-node-transpile-only +4 -4
  52. package/packages/forms/node_modules/.bin/ts-script +4 -4
  53. package/packages/forms/node_modules/.bin/vitest +4 -4
  54. package/packages/forms/package.json +15 -14
  55. package/packages/forms/src/components/Checkbox.tsx +39 -17
  56. package/packages/forms/src/components/FieldsetControl.tsx +1 -1
  57. package/packages/forms/src/components/FileInput.tsx +5 -3
  58. package/packages/forms/src/components/Input.tsx +16 -20
  59. package/packages/forms/src/components/LabelControl.tsx +2 -2
  60. package/packages/forms/src/components/Radio.tsx +34 -19
  61. package/packages/forms/src/components/Select.tsx +41 -31
  62. package/packages/forms/src/components/Textarea.tsx +4 -3
  63. package/packages/forms/src/components/controlled/CheckboxGroup.tsx +11 -3
  64. package/packages/forms/src/components/controlled/RadioGroup.tsx +7 -3
  65. package/packages/forms/src/components/controlled/index.ts +0 -2
  66. package/packages/forms/src/components/inputStyle.ts +83 -0
  67. package/packages/forms/src/index.ts +1 -6
  68. package/packages/forms/src/utils/class.ts +1 -0
  69. package/packages/forms/tests/FieldsetControl.test.tsx +2 -2
  70. package/packages/forms/tests/Input.test.tsx +2 -2
  71. package/packages/forms/tests/LabelControl.test.tsx +2 -2
  72. package/packages/forms/tests/Radio.test.tsx +2 -2
  73. package/packages/forms/tests/vitest.setup.ts +1 -0
  74. package/packages/forms/vite.config.ts +3 -2
  75. package/packages/tailwind-theme-plugin/dist/index.cjs.js +1 -0
  76. package/packages/tailwind-theme-plugin/dist/index.es.js +6476 -0
  77. package/packages/tailwind-theme-plugin/dist/types/index.d.ts +6 -0
  78. package/packages/tailwind-theme-plugin/dist/types/index.d.ts.map +1 -0
  79. package/packages/tailwind-theme-plugin/node_modules/.bin/autoprefixer +17 -0
  80. package/packages/tailwind-theme-plugin/node_modules/.bin/browserslist +17 -0
  81. package/packages/tailwind-theme-plugin/node_modules/.bin/tailwind +17 -0
  82. package/packages/tailwind-theme-plugin/node_modules/.bin/tailwindcss +17 -0
  83. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node +17 -0
  84. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-cwd +17 -0
  85. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-esm +17 -0
  86. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-script +17 -0
  87. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-transpile-only +17 -0
  88. package/packages/tailwind-theme-plugin/node_modules/.bin/ts-script +17 -0
  89. package/packages/{config → tailwind-theme-plugin}/package.json +10 -6
  90. package/packages/tailwind-theme-plugin/src/index.ts +519 -0
  91. package/packages/{config → tailwind-theme-plugin}/vite.config.ts +1 -1
  92. package/packages/config/src/index.ts +0 -347
  93. package/packages/core/.eslintrc.json +0 -25
  94. package/packages/core/src/components/InfoCard.tsx +0 -50
  95. package/packages/forms/coverage/clover.xml +0 -209
  96. package/packages/forms/coverage/coverage-final.json +0 -18
  97. package/packages/forms/coverage/lcov-report/base.css +0 -224
  98. package/packages/forms/coverage/lcov-report/block-navigation.js +0 -87
  99. package/packages/forms/coverage/lcov-report/favicon.png +0 -0
  100. package/packages/forms/coverage/lcov-report/index.html +0 -161
  101. package/packages/forms/coverage/lcov-report/prettify.css +0 -1
  102. package/packages/forms/coverage/lcov-report/prettify.js +0 -2
  103. package/packages/forms/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  104. package/packages/forms/coverage/lcov-report/sorter.js +0 -196
  105. package/packages/forms/coverage/lcov-report/src/components/Checkbox.tsx.html +0 -295
  106. package/packages/forms/coverage/lcov-report/src/components/FieldsetControl.tsx.html +0 -295
  107. package/packages/forms/coverage/lcov-report/src/components/LabelControl.tsx.html +0 -289
  108. package/packages/forms/coverage/lcov-report/src/components/Radio.tsx.html +0 -262
  109. package/packages/forms/coverage/lcov-report/src/components/Select.tsx.html +0 -259
  110. package/packages/forms/coverage/lcov-report/src/components/Text.tsx.html +0 -220
  111. package/packages/forms/coverage/lcov-report/src/components/Textarea.tsx.html +0 -229
  112. package/packages/forms/coverage/lcov-report/src/components/context.ts.html +0 -136
  113. package/packages/forms/coverage/lcov-report/src/components/controlled/CheckboxGroup.tsx.html +0 -244
  114. package/packages/forms/coverage/lcov-report/src/components/controlled/RadioGroup.tsx.html +0 -265
  115. package/packages/forms/coverage/lcov-report/src/components/controlled/SelectControl.tsx.html +0 -205
  116. package/packages/forms/coverage/lcov-report/src/components/controlled/TextControl.tsx.html +0 -202
  117. package/packages/forms/coverage/lcov-report/src/components/controlled/TextareaControl.tsx.html +0 -205
  118. package/packages/forms/coverage/lcov-report/src/components/controlled/index.html +0 -191
  119. package/packages/forms/coverage/lcov-report/src/components/controlled/index.ts.html +0 -100
  120. package/packages/forms/coverage/lcov-report/src/components/index.html +0 -236
  121. package/packages/forms/coverage/lcov-report/src/components/index.ts.html +0 -106
  122. package/packages/forms/coverage/lcov-report/src/index.html +0 -116
  123. package/packages/forms/coverage/lcov-report/src/index.ts.html +0 -136
  124. package/packages/forms/coverage/lcov-report/src/utils/index.html +0 -116
  125. package/packages/forms/coverage/lcov-report/src/utils/index.ts.html +0 -88
  126. package/packages/forms/coverage/lcov.info +0 -434
  127. package/packages/forms/dist/components/Checkbox.js +0 -46
  128. package/packages/forms/dist/components/Checkbox.js.map +0 -1
  129. package/packages/forms/dist/components/FieldsetControl.js +0 -20
  130. package/packages/forms/dist/components/FieldsetControl.js.map +0 -1
  131. package/packages/forms/dist/components/FileInput.js +0 -55
  132. package/packages/forms/dist/components/FileInput.js.map +0 -1
  133. package/packages/forms/dist/components/Input.js +0 -29
  134. package/packages/forms/dist/components/Input.js.map +0 -1
  135. package/packages/forms/dist/components/LabelControl.js +0 -24
  136. package/packages/forms/dist/components/LabelControl.js.map +0 -1
  137. package/packages/forms/dist/components/Radio.js +0 -45
  138. package/packages/forms/dist/components/Radio.js.map +0 -1
  139. package/packages/forms/dist/components/Select.js +0 -41
  140. package/packages/forms/dist/components/Select.js.map +0 -1
  141. package/packages/forms/dist/components/Textarea.js +0 -36
  142. package/packages/forms/dist/components/Textarea.js.map +0 -1
  143. package/packages/forms/dist/components/context.js +0 -8
  144. package/packages/forms/dist/components/context.js.map +0 -1
  145. package/packages/forms/dist/components/controlled/CheckboxGroup.js +0 -12
  146. package/packages/forms/dist/components/controlled/CheckboxGroup.js.map +0 -1
  147. package/packages/forms/dist/components/controlled/InputItem.js +0 -2
  148. package/packages/forms/dist/components/controlled/InputItem.js.map +0 -1
  149. package/packages/forms/dist/components/controlled/RadioGroup.js +0 -12
  150. package/packages/forms/dist/components/controlled/RadioGroup.js.map +0 -1
  151. package/packages/forms/dist/components/controlled/SelectControl.js +0 -10
  152. package/packages/forms/dist/components/controlled/SelectControl.js.map +0 -1
  153. package/packages/forms/dist/components/controlled/TextareaControl.js +0 -10
  154. package/packages/forms/dist/components/controlled/TextareaControl.js.map +0 -1
  155. package/packages/forms/dist/components/controlled/index.js +0 -5
  156. package/packages/forms/dist/components/controlled/index.js.map +0 -1
  157. package/packages/forms/dist/components/index.js +0 -9
  158. package/packages/forms/dist/components/index.js.map +0 -1
  159. package/packages/forms/dist/index.js +0 -3
  160. package/packages/forms/dist/index.js.map +0 -1
  161. package/packages/forms/dist/types/components/controlled/SelectControl.d.ts +0 -10
  162. package/packages/forms/dist/types/components/controlled/SelectControl.d.ts.map +0 -1
  163. package/packages/forms/dist/types/components/controlled/TextareaControl.d.ts +0 -10
  164. package/packages/forms/dist/types/components/controlled/TextareaControl.d.ts.map +0 -1
  165. package/packages/forms/dist/utils/class.js +0 -2
  166. package/packages/forms/dist/utils/class.js.map +0 -1
  167. package/packages/forms/jest.config.ts +0 -11
  168. package/packages/forms/node_modules/.vitest/results.json +0 -1
  169. package/packages/forms/src/components/controlled/SelectControl.tsx +0 -42
  170. package/packages/forms/src/components/controlled/TextareaControl.tsx +0 -42
  171. /package/packages/{config → tailwind-theme-plugin}/tests/index.test.ts +0 -0
  172. /package/packages/{config → tailwind-theme-plugin}/tsconfig.json +0 -0
  173. /package/packages/{config → tailwind-theme-plugin}/tsconfig.node.json +0 -0
@@ -1,41 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { cx } from '../utils/class';
4
- import { ControllerContext } from './context';
5
- export const Select = React.forwardRef((props, ref) => {
6
- const { className, children, ...restProps } = props;
7
- const ctx = React.useContext(ControllerContext);
8
- if (ctx.isRequired) {
9
- restProps.required = true;
10
- }
11
- const style = `
12
- peer
13
- cursor-pointer
14
- appearance-none
15
- text-base
16
- w-full
17
- bg-white-100
18
- border
19
- border-solid
20
- border-sumi-900
21
- py-4 px-4 pr-8
22
- rounded-[8px]
23
- outline-offset-2
24
- focus:outline
25
- focus:outline-2
26
- focus:outline-wood-500
27
- disabled:bg-transparent
28
- disabled:text-sumi-500
29
- disabled:border-sumi-500
30
- aria-invalid:border-sun-800
31
- `;
32
- const styleArrow = `
33
- flex items-center
34
- absolute inset-y-0 right-0
35
- px-2
36
- pointer-events-none
37
- peer-disabled:fill-sumi-500
38
- `;
39
- return (_jsxs("label", { className: "inline-block relative", children: [_jsx("select", { id: restProps.id ?? ctx.id, className: cx(style, props.className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ...restProps, ref: ref, children: children }), _jsx("span", { className: styleArrow, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: _jsx("path", { d: "M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z" }) }) })] }));
40
- });
41
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;KAoBb,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;KAMlB,CAAA;IAED,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,iBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,sBACnB,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,KAClC,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACF,EACT,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wDAAwD,GAAG,GAC/D,GACD,IACD,CACT,CAAA;AACH,CAAC,CACF,CAAA"}
@@ -1,36 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { cx } from '../utils/class';
4
- import { ControllerContext } from './context';
5
- export const Textarea = React.forwardRef((props, ref) => {
6
- const { className, children, onChange, maxLength, ...restProps } = props;
7
- const [count, setCount] = React.useState(0);
8
- const onChangeHandler = (e) => {
9
- if (onChange)
10
- onChange(e);
11
- setCount(e.target.value.length);
12
- };
13
- const ctx = React.useContext(ControllerContext);
14
- if (ctx.isRequired) {
15
- restProps.required = true;
16
- }
17
- const overtextStyle = count > (maxLength || 0) ? 'text-sun-800' : 'text-sumi-700';
18
- const style = `
19
- p-4
20
- rounded-lg
21
- border
22
- border-solid
23
- border-sumi-900
24
- outline-offset-2
25
- focus:outline
26
- focus:outline-2
27
- focus:outline-wood-500
28
- disabled:bg-transparent
29
- disabled:text-sumi-500
30
- disabled:border-sumi-500
31
- aria-invalid:border-sun-800
32
- `;
33
- return (_jsxs(_Fragment, { children: [_jsx("textarea", { id: restProps.id ?? ctx.id, className: cx(style, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, onChange: onChangeHandler, ...restProps, ref: ref, children: children }), maxLength ? (_jsxs("p", { className: "text-sup text-sumi-700", children: [_jsx("span", { className: overtextStyle, children: count }), "/", _jsx("span", { children: maxLength })] })) : ('')] }));
34
- });
35
- Textarea.displayName = 'Textarea';
36
- //# sourceMappingURL=Textarea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACpE,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,aAAa,GACjB,KAAK,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7D,MAAM,KAAK,GAAG;;;;;;;;;;;;;;KAcb,CAAA;IAED,OAAO,CACL,8BACE,mBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,sBACb,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,EACtC,QAAQ,EAAE,eAAe,KACrB,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACA,EACV,SAAS,CAAC,CAAC,CAAC,CACX,aAAG,SAAS,EAAC,wBAAwB,aACnC,eAAM,SAAS,EAAE,aAAa,YAAG,KAAK,GAAQ,OAC9C,yBAAO,SAAS,GAAQ,IACtB,CACL,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export const ControllerContext = React.createContext({
3
- helperTextId: '',
4
- errorMessageId: '',
5
- isInvalid: false,
6
- isRequired: false
7
- });
8
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/components/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAwB;IAC1E,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAA"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { Checkbox } from '../Checkbox';
4
- import { FieldsetControl } from '../FieldsetControl';
5
- export const CheckboxGroup = React.forwardRef((props, ref) => {
6
- const { items, onChange, className, labelText, helperText, errorMessage, isInvalid, isRequired, ...restProps } = props;
7
- return (_jsx(FieldsetControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, ref: ref, ...restProps, children: items.map(({ label, value }, index) => {
8
- return (_jsx(Checkbox, { value: value, onChange: onChange, children: label }, index));
9
- }) }));
10
- });
11
- CheckboxGroup.displayName = 'CheckboxGroup';
12
- //# sourceMappingURL=CheckboxGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/controlled/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACL,KAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACnD,KAAK,IADO,KAAK,CAET,CACZ,CAAA;QACH,CAAC,CAAC,GACc,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=InputItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputItem.js","sourceRoot":"","sources":["../../../src/components/controlled/InputItem.ts"],"names":[],"mappings":""}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { Radio } from '../Radio';
4
- import { FieldsetControl } from '../FieldsetControl';
5
- export const RadioGroup = React.forwardRef((props, ref) => {
6
- const { items, onChange, className, labelText, helperText, errorMessage, isInvalid, isRequired, defaultValue, ...restProps } = props;
7
- return (_jsx(FieldsetControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, ref: ref, ...restProps, children: items.map(({ label, value }, index) => {
8
- return (_jsx(Radio, { value: value, onChange: onChange, defaultChecked: defaultValue === value, children: label }, index));
9
- }) }));
10
- });
11
- RadioGroup.displayName = 'RadioGroup';
12
- //# sourceMappingURL=RadioGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/controlled/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAepD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,YAAY,EACZ,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACL,KAAC,KAAK,IAEJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,YAAY,KAAK,KAAK,YAErC,KAAK,IALD,KAAK,CAMJ,CACT,CAAA;QACH,CAAC,CAAC,GACc,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { LabelControl } from '../LabelControl';
4
- import { Select } from '../Select';
5
- export const SelectControl = React.forwardRef((props, ref) => {
6
- const { className, labelText, helperText, errorMessage, isInvalid, isRequired, ...restProps } = props;
7
- return (_jsx(LabelControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, children: _jsx(Select, { ref: ref, ...restProps }) }));
8
- });
9
- SelectControl.displayName = 'SelectControl';
10
- //# sourceMappingURL=SelectControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectControl.js","sourceRoot":"","sources":["../../../src/components/controlled/SelectControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAWlC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAEtB,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,GACtB,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { LabelControl } from '../LabelControl';
4
- import { Textarea } from '../Textarea';
5
- export const TextareaControl = React.forwardRef((props, ref) => {
6
- const { className, labelText, helperText, errorMessage, isInvalid, isRequired, ...restProps } = props;
7
- return (_jsx(LabelControl, { className: className, labelText: labelText, helperText: helperText, errorMessage: errorMessage, isInvalid: isInvalid, isRequired: isRequired, children: _jsx(Textarea, { ref: ref, ...restProps }) }));
8
- });
9
- TextareaControl.displayName = 'TextareaControl';
10
- //# sourceMappingURL=TextareaControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextareaControl.js","sourceRoot":"","sources":["../../../src/components/controlled/TextareaControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAWtC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAEtB,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,GACxB,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}
@@ -1,5 +0,0 @@
1
- export { CheckboxGroup } from './CheckboxGroup';
2
- export { RadioGroup } from './RadioGroup';
3
- export { SelectControl } from './SelectControl';
4
- export { TextareaControl } from './TextareaControl';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/controlled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
@@ -1,9 +0,0 @@
1
- export { Checkbox } from './Checkbox';
2
- export { Radio } from './Radio';
3
- export { Select } from './Select';
4
- export { FileInput } from './FileInput';
5
- export { Input } from './Input';
6
- export { Textarea } from './Textarea';
7
- export { LabelControl } from './LabelControl';
8
- export { FieldsetControl } from './FieldsetControl';
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA"}
@@ -1,3 +0,0 @@
1
- export { Checkbox, Radio, Select, FileInput, Input, Textarea, LabelControl, FieldsetControl } from './components';
2
- export { CheckboxGroup, RadioGroup, SelectControl, TextareaControl } from './components/controlled';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,eAAe,EAChB,MAAM,cAAc,CAAA;AAarB,OAAO,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,EAChB,MAAM,yBAAyB,CAAA"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface SelectControlProps extends React.ComponentPropsWithRef<'select'> {
3
- labelText: string;
4
- helperText?: string;
5
- errorMessage?: string;
6
- isInvalid?: boolean;
7
- isRequired?: boolean;
8
- }
9
- export declare const SelectControl: React.ForwardRefExoticComponent<Omit<SelectControlProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
10
- //# sourceMappingURL=SelectControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../../src/components/controlled/SelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,2GA0BxB,CAAA"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface TextareaControlProps extends React.ComponentPropsWithRef<'textarea'> {
3
- labelText: string;
4
- helperText?: string;
5
- errorMessage?: string;
6
- isInvalid?: boolean;
7
- isRequired?: boolean;
8
- }
9
- export declare const TextareaControl: React.ForwardRefExoticComponent<Omit<TextareaControlProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
10
- //# sourceMappingURL=TextareaControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextareaControl.d.ts","sourceRoot":"","sources":["../../../../src/components/controlled/TextareaControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,+GA0B1B,CAAA"}
@@ -1,2 +0,0 @@
1
- export const cx = (...classNames) => classNames.filter(Boolean).join(' ');
2
- //# sourceMappingURL=class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"class.js","sourceRoot":"","sources":["../../src/utils/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAiB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}
@@ -1,11 +0,0 @@
1
- import { Config } from '@jest/types'
2
-
3
- const config: Config.InitialOptions = {
4
- preset: 'ts-jest',
5
- testMatch: ['<rootDir>/tests/**/*.test.{ts,tsx}'],
6
- testEnvironment: 'jsdom',
7
- collectCoverage: true,
8
- moduleDirectories: ['node_modules', '<rootDir>']
9
- }
10
-
11
- export default config
@@ -1 +0,0 @@
1
- {"version":"1.3.1","results":[[":tests/FieldsetControl.test.tsx",{"duration":44,"failed":false}],[":tests/LabelControl.test.tsx",{"duration":36,"failed":false}],[":tests/Radio.test.tsx",{"duration":65,"failed":false}],[":tests/Input.test.tsx",{"duration":31,"failed":false}]]}
@@ -1,42 +0,0 @@
1
- import React from 'react'
2
- import { LabelControl } from '../LabelControl'
3
- import { Select } from '../Select'
4
-
5
- export interface SelectControlProps
6
- extends React.ComponentPropsWithRef<'select'> {
7
- labelText: string
8
- helperText?: string
9
- errorMessage?: string
10
- isInvalid?: boolean
11
- isRequired?: boolean
12
- }
13
-
14
- export const SelectControl = React.forwardRef<
15
- HTMLSelectElement,
16
- SelectControlProps
17
- >((props, ref) => {
18
- const {
19
- className,
20
- labelText,
21
- helperText,
22
- errorMessage,
23
- isInvalid,
24
- isRequired,
25
- ...restProps
26
- } = props
27
-
28
- return (
29
- <LabelControl
30
- className={className}
31
- labelText={labelText}
32
- helperText={helperText}
33
- errorMessage={errorMessage}
34
- isInvalid={isInvalid}
35
- isRequired={isRequired}
36
- >
37
- <Select ref={ref} {...restProps} />
38
- </LabelControl>
39
- )
40
- })
41
-
42
- SelectControl.displayName = 'SelectControl'
@@ -1,42 +0,0 @@
1
- import React from 'react'
2
- import { LabelControl } from '../LabelControl'
3
- import { Textarea } from '../Textarea'
4
-
5
- export interface TextareaControlProps
6
- extends React.ComponentPropsWithRef<'textarea'> {
7
- labelText: string
8
- helperText?: string
9
- errorMessage?: string
10
- isInvalid?: boolean
11
- isRequired?: boolean
12
- }
13
-
14
- export const TextareaControl = React.forwardRef<
15
- HTMLTextAreaElement,
16
- TextareaControlProps
17
- >((props, ref) => {
18
- const {
19
- className,
20
- labelText,
21
- helperText,
22
- errorMessage,
23
- isInvalid,
24
- isRequired,
25
- ...restProps
26
- } = props
27
-
28
- return (
29
- <LabelControl
30
- className={className}
31
- labelText={labelText}
32
- helperText={helperText}
33
- errorMessage={errorMessage}
34
- isInvalid={isInvalid}
35
- isRequired={isRequired}
36
- >
37
- <Textarea ref={ref} {...restProps} />
38
- </LabelControl>
39
- )
40
- })
41
-
42
- TextareaControl.displayName = 'TextareaControl'