@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.
- package/package.json +16 -16
- package/packages/core/package.json +15 -14
- package/packages/core/src/components/Button.tsx +10 -4
- package/packages/core/src/components/Card.tsx +11 -8
- package/packages/core/src/components/IconButton.tsx +6 -6
- package/packages/core/src/components/Link.tsx +2 -1
- package/packages/core/src/components/Table.tsx +4 -3
- package/packages/core/src/components/buttonStyle.ts +34 -14
- package/packages/core/src/components/index.ts +0 -3
- package/packages/core/src/index.ts +0 -1
- package/packages/core/src/libs/cx.ts +1 -0
- package/packages/core/src/libs/forward-ref.ts +7 -4
- package/packages/core/src/types/component.ts +7 -6
- package/packages/core/tests/Button.test.tsx +30 -0
- package/packages/core/tests/Card.test.tsx +30 -7
- package/packages/core/tests/vitest.setup.ts +1 -0
- package/packages/core/vite.config.ts +3 -2
- package/packages/forms/dist/index.cjs.js +92 -81
- package/packages/forms/dist/index.es.js +697 -627
- package/packages/forms/dist/types/components/Checkbox.d.ts +3 -1
- package/packages/forms/dist/types/components/Checkbox.d.ts.map +1 -1
- package/packages/forms/dist/types/components/FileInput.d.ts.map +1 -1
- package/packages/forms/dist/types/components/Input.d.ts +3 -1
- package/packages/forms/dist/types/components/Input.d.ts.map +1 -1
- package/packages/forms/dist/types/components/Radio.d.ts +3 -1
- package/packages/forms/dist/types/components/Radio.d.ts.map +1 -1
- package/packages/forms/dist/types/components/Select.d.ts +3 -1
- package/packages/forms/dist/types/components/Select.d.ts.map +1 -1
- package/packages/forms/dist/types/components/Textarea.d.ts.map +1 -1
- package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts +3 -1
- package/packages/forms/dist/types/components/controlled/CheckboxGroup.d.ts.map +1 -1
- package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts +3 -1
- package/packages/forms/dist/types/components/controlled/RadioGroup.d.ts.map +1 -1
- package/packages/forms/dist/types/components/controlled/index.d.ts +0 -2
- package/packages/forms/dist/types/components/controlled/index.d.ts.map +1 -1
- package/packages/forms/dist/types/components/inputStyle.d.ts +13 -0
- package/packages/forms/dist/types/components/inputStyle.d.ts.map +1 -0
- package/packages/forms/dist/types/index.d.ts +1 -1
- package/packages/forms/dist/types/index.d.ts.map +1 -1
- package/packages/forms/dist/types/utils/class.d.ts.map +1 -1
- package/packages/forms/node_modules/.bin/acorn +17 -0
- package/packages/forms/node_modules/.bin/autoprefixer +2 -2
- package/packages/forms/node_modules/.bin/browserslist +4 -4
- package/packages/forms/node_modules/.bin/eslint +4 -4
- package/packages/forms/node_modules/.bin/tailwind +2 -2
- package/packages/forms/node_modules/.bin/tailwindcss +2 -2
- 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/vitest +4 -4
- package/packages/forms/package.json +15 -14
- package/packages/forms/src/components/Checkbox.tsx +39 -17
- package/packages/forms/src/components/FieldsetControl.tsx +1 -1
- package/packages/forms/src/components/FileInput.tsx +5 -3
- package/packages/forms/src/components/Input.tsx +16 -20
- package/packages/forms/src/components/LabelControl.tsx +2 -2
- package/packages/forms/src/components/Radio.tsx +34 -19
- package/packages/forms/src/components/Select.tsx +41 -31
- package/packages/forms/src/components/Textarea.tsx +4 -3
- package/packages/forms/src/components/controlled/CheckboxGroup.tsx +11 -3
- package/packages/forms/src/components/controlled/RadioGroup.tsx +7 -3
- package/packages/forms/src/components/controlled/index.ts +0 -2
- package/packages/forms/src/components/inputStyle.ts +83 -0
- package/packages/forms/src/index.ts +1 -6
- package/packages/forms/src/utils/class.ts +1 -0
- package/packages/forms/tests/FieldsetControl.test.tsx +2 -2
- package/packages/forms/tests/Input.test.tsx +2 -2
- package/packages/forms/tests/LabelControl.test.tsx +2 -2
- package/packages/forms/tests/Radio.test.tsx +2 -2
- package/packages/forms/tests/vitest.setup.ts +1 -0
- package/packages/forms/vite.config.ts +3 -2
- package/packages/tailwind-theme-plugin/dist/index.cjs.js +1 -0
- package/packages/tailwind-theme-plugin/dist/index.es.js +6476 -0
- package/packages/tailwind-theme-plugin/dist/types/index.d.ts +6 -0
- package/packages/tailwind-theme-plugin/dist/types/index.d.ts.map +1 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/autoprefixer +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/browserslist +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/tailwind +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/tailwindcss +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-cwd +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-esm +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-script +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-node-transpile-only +17 -0
- package/packages/tailwind-theme-plugin/node_modules/.bin/ts-script +17 -0
- package/packages/{config → tailwind-theme-plugin}/package.json +10 -6
- package/packages/tailwind-theme-plugin/src/index.ts +519 -0
- package/packages/{config → tailwind-theme-plugin}/vite.config.ts +1 -1
- package/packages/config/src/index.ts +0 -347
- package/packages/core/.eslintrc.json +0 -25
- package/packages/core/src/components/InfoCard.tsx +0 -50
- package/packages/forms/coverage/clover.xml +0 -209
- package/packages/forms/coverage/coverage-final.json +0 -18
- package/packages/forms/coverage/lcov-report/base.css +0 -224
- package/packages/forms/coverage/lcov-report/block-navigation.js +0 -87
- package/packages/forms/coverage/lcov-report/favicon.png +0 -0
- package/packages/forms/coverage/lcov-report/index.html +0 -161
- package/packages/forms/coverage/lcov-report/prettify.css +0 -1
- package/packages/forms/coverage/lcov-report/prettify.js +0 -2
- package/packages/forms/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/packages/forms/coverage/lcov-report/sorter.js +0 -196
- package/packages/forms/coverage/lcov-report/src/components/Checkbox.tsx.html +0 -295
- package/packages/forms/coverage/lcov-report/src/components/FieldsetControl.tsx.html +0 -295
- package/packages/forms/coverage/lcov-report/src/components/LabelControl.tsx.html +0 -289
- package/packages/forms/coverage/lcov-report/src/components/Radio.tsx.html +0 -262
- package/packages/forms/coverage/lcov-report/src/components/Select.tsx.html +0 -259
- package/packages/forms/coverage/lcov-report/src/components/Text.tsx.html +0 -220
- package/packages/forms/coverage/lcov-report/src/components/Textarea.tsx.html +0 -229
- package/packages/forms/coverage/lcov-report/src/components/context.ts.html +0 -136
- package/packages/forms/coverage/lcov-report/src/components/controlled/CheckboxGroup.tsx.html +0 -244
- package/packages/forms/coverage/lcov-report/src/components/controlled/RadioGroup.tsx.html +0 -265
- package/packages/forms/coverage/lcov-report/src/components/controlled/SelectControl.tsx.html +0 -205
- package/packages/forms/coverage/lcov-report/src/components/controlled/TextControl.tsx.html +0 -202
- package/packages/forms/coverage/lcov-report/src/components/controlled/TextareaControl.tsx.html +0 -205
- package/packages/forms/coverage/lcov-report/src/components/controlled/index.html +0 -191
- package/packages/forms/coverage/lcov-report/src/components/controlled/index.ts.html +0 -100
- package/packages/forms/coverage/lcov-report/src/components/index.html +0 -236
- package/packages/forms/coverage/lcov-report/src/components/index.ts.html +0 -106
- package/packages/forms/coverage/lcov-report/src/index.html +0 -116
- package/packages/forms/coverage/lcov-report/src/index.ts.html +0 -136
- package/packages/forms/coverage/lcov-report/src/utils/index.html +0 -116
- package/packages/forms/coverage/lcov-report/src/utils/index.ts.html +0 -88
- package/packages/forms/coverage/lcov.info +0 -434
- package/packages/forms/dist/components/Checkbox.js +0 -46
- package/packages/forms/dist/components/Checkbox.js.map +0 -1
- package/packages/forms/dist/components/FieldsetControl.js +0 -20
- package/packages/forms/dist/components/FieldsetControl.js.map +0 -1
- package/packages/forms/dist/components/FileInput.js +0 -55
- package/packages/forms/dist/components/FileInput.js.map +0 -1
- package/packages/forms/dist/components/Input.js +0 -29
- package/packages/forms/dist/components/Input.js.map +0 -1
- package/packages/forms/dist/components/LabelControl.js +0 -24
- package/packages/forms/dist/components/LabelControl.js.map +0 -1
- package/packages/forms/dist/components/Radio.js +0 -45
- package/packages/forms/dist/components/Radio.js.map +0 -1
- package/packages/forms/dist/components/Select.js +0 -41
- package/packages/forms/dist/components/Select.js.map +0 -1
- package/packages/forms/dist/components/Textarea.js +0 -36
- package/packages/forms/dist/components/Textarea.js.map +0 -1
- package/packages/forms/dist/components/context.js +0 -8
- package/packages/forms/dist/components/context.js.map +0 -1
- package/packages/forms/dist/components/controlled/CheckboxGroup.js +0 -12
- package/packages/forms/dist/components/controlled/CheckboxGroup.js.map +0 -1
- package/packages/forms/dist/components/controlled/InputItem.js +0 -2
- package/packages/forms/dist/components/controlled/InputItem.js.map +0 -1
- package/packages/forms/dist/components/controlled/RadioGroup.js +0 -12
- package/packages/forms/dist/components/controlled/RadioGroup.js.map +0 -1
- package/packages/forms/dist/components/controlled/SelectControl.js +0 -10
- package/packages/forms/dist/components/controlled/SelectControl.js.map +0 -1
- package/packages/forms/dist/components/controlled/TextareaControl.js +0 -10
- package/packages/forms/dist/components/controlled/TextareaControl.js.map +0 -1
- package/packages/forms/dist/components/controlled/index.js +0 -5
- package/packages/forms/dist/components/controlled/index.js.map +0 -1
- package/packages/forms/dist/components/index.js +0 -9
- package/packages/forms/dist/components/index.js.map +0 -1
- package/packages/forms/dist/index.js +0 -3
- package/packages/forms/dist/index.js.map +0 -1
- package/packages/forms/dist/types/components/controlled/SelectControl.d.ts +0 -10
- package/packages/forms/dist/types/components/controlled/SelectControl.d.ts.map +0 -1
- package/packages/forms/dist/types/components/controlled/TextareaControl.d.ts +0 -10
- package/packages/forms/dist/types/components/controlled/TextareaControl.d.ts.map +0 -1
- package/packages/forms/dist/utils/class.js +0 -2
- package/packages/forms/dist/utils/class.js.map +0 -1
- package/packages/forms/jest.config.ts +0 -11
- package/packages/forms/node_modules/.vitest/results.json +0 -1
- package/packages/forms/src/components/controlled/SelectControl.tsx +0 -42
- package/packages/forms/src/components/controlled/TextareaControl.tsx +0 -42
- /package/packages/{config → tailwind-theme-plugin}/tests/index.test.ts +0 -0
- /package/packages/{config → tailwind-theme-plugin}/tsconfig.json +0 -0
- /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 +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 +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 +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 +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 +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'
|
|
File without changes
|
|
File without changes
|
|
File without changes
|