react-restyle-components 0.1.40 → 0.1.42
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/lib/cjs/core-components/atoms/buttons/button.stories.js +22 -16
- package/lib/cjs/core-components/atoms/buttons/button.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/buttons/buttons.component.js +3 -3
- package/lib/cjs/core-components/atoms/buttons/buttons.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.js +38 -8
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js +11 -2
- package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.test.js +1 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.test.js.map +1 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js +5 -4
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js +4 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js +1 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input-pin.component.js +13 -8
- package/lib/cjs/core-components/atoms/input/input-pin.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input-pin.stories.js +7 -1
- package/lib/cjs/core-components/atoms/input/input-pin.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input-pin.test.js +2 -2
- package/lib/cjs/core-components/atoms/input/input-pin.test.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input.component.js +29 -5
- package/lib/cjs/core-components/atoms/input/input.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input.stories.js +7 -1
- package/lib/cjs/core-components/atoms/input/input.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/input/input.test.js +2 -2
- package/lib/cjs/core-components/atoms/input/input.test.js.map +1 -1
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js +1 -1
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.stories.js +3 -0
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/loader/loader.stories.js +3 -0
- package/lib/cjs/core-components/atoms/loader/loader.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/radio/radio.component.js +39 -5
- package/lib/cjs/core-components/atoms/radio/radio.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/radio/radio.stories.js +13 -1
- package/lib/cjs/core-components/atoms/radio/radio.stories.js.map +1 -1
- package/lib/cjs/core-components/atoms/radio/radio.test.js +1 -1
- package/lib/cjs/core-components/atoms/radio/radio.test.js.map +1 -1
- package/lib/cjs/core-components/atoms/stepper/stepper.stories.js +3 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.stories.js.map +1 -1
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +3 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/buttons/button.stories.js +22 -16
- package/lib/esm/core-components/atoms/buttons/button.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/buttons/buttons.component.js +3 -3
- package/lib/esm/core-components/atoms/buttons/buttons.component.js.map +1 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.component.js +16 -6
- package/lib/esm/core-components/atoms/check-box/checkBox.component.js.map +1 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.stories.js +11 -2
- package/lib/esm/core-components/atoms/check-box/checkBox.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.test.js +1 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.test.js.map +1 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.js +5 -4
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.stories.js +4 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.test.js +1 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.test.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input-pin.component.js +14 -9
- package/lib/esm/core-components/atoms/input/input-pin.component.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input-pin.stories.js +7 -1
- package/lib/esm/core-components/atoms/input/input-pin.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input-pin.test.js +2 -2
- package/lib/esm/core-components/atoms/input/input-pin.test.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input.component.js +7 -3
- package/lib/esm/core-components/atoms/input/input.component.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input.stories.js +7 -1
- package/lib/esm/core-components/atoms/input/input.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/input/input.test.js +2 -2
- package/lib/esm/core-components/atoms/input/input.test.js.map +1 -1
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js +1 -1
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js +3 -0
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/loader/loader.stories.js +3 -0
- package/lib/esm/core-components/atoms/loader/loader.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/radio/radio.component.js +17 -3
- package/lib/esm/core-components/atoms/radio/radio.component.js.map +1 -1
- package/lib/esm/core-components/atoms/radio/radio.stories.js +13 -1
- package/lib/esm/core-components/atoms/radio/radio.stories.js.map +1 -1
- package/lib/esm/core-components/atoms/radio/radio.test.js +1 -1
- package/lib/esm/core-components/atoms/radio/radio.test.js.map +1 -1
- package/lib/esm/core-components/atoms/stepper/stepper.stories.js +3 -0
- package/lib/esm/core-components/atoms/stepper/stepper.stories.js.map +1 -1
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +3 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@ import React from 'react';
|
|
|
3
3
|
import { render } from '@core-utils';
|
|
4
4
|
import { Input } from './input.component';
|
|
5
5
|
it('render Input correctly without error', () => {
|
|
6
|
-
const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: false,
|
|
6
|
+
const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: false, defaultValue: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
|
|
7
7
|
expect(input).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
9
|
it('render Input correctly with error', () => {
|
|
10
|
-
const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: true,
|
|
10
|
+
const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: true, defaultValue: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
|
|
11
11
|
expect(input).toMatchSnapshot();
|
|
12
12
|
});
|
|
13
13
|
//# sourceMappingURL=input.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,KAAK,GAAG,MAAM,CAClB,oBAAC,KAAK,IACJ,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,KAAK,EACf,
|
|
1
|
+
{"version":3,"file":"input.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,KAAK,GAAG,MAAM,CAClB,oBAAC,KAAK,IACJ,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,EAAE,EAChB,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GACzB,CACH,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC3C,MAAM,KAAK,GAAG,MAAM,CAClB,oBAAC,KAAK,IACJ,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,EAAE,EAChB,UAAU,EAAC,wBAAwB,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GACzB,CACH,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -22,7 +22,7 @@ export const InputDropdown = ({ items, className, hasError, title, onChange, })
|
|
|
22
22
|
useOutsideAlerter(wrapperRef);
|
|
23
23
|
return (React.createElement("div", { className: `${className} relative` },
|
|
24
24
|
React.createElement("div", { className: "flex flex-row items-center " },
|
|
25
|
-
React.createElement("input", { type: "text", name: "name", placeholder: title, value: value, className: "
|
|
25
|
+
React.createElement("input", { type: "text", name: "name", placeholder: title, value: value, className: " pt-3 pb-2 w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-nunitoSansRegular text-md", onClick: () => {
|
|
26
26
|
setIsOpen(!isOpen);
|
|
27
27
|
}, onChange: (event) => onChange && onChange(event.target.value) }),
|
|
28
28
|
!isOpen && (React.createElement("img", { src: UpArrow, className: "absolute h-4 w-4 right-0" })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAS/D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IACE,GAAG,CAAC,OAAO;oBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;oBACnC,MAAM;oBACN,MAAM;oBAEN,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAChE,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,WAAW;QACrC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"input-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,6BAA6B,CAAC;AAS/D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IACE,GAAG,CAAC,OAAO;oBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;oBACnC,MAAM;oBACN,MAAM;oBAEN,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAChE,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,WAAW;QACrC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,oKAAoK,EAC9K,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7D;YACD,CAAC,MAAM,IAAI,CACV,6BAAK,GAAG,EAAE,OAAc,EAAE,SAAS,EAAC,0BAA0B,GAAG,CAClE;YACA,MAAM,IAAI,CACT,6BAAK,GAAG,EAAE,SAAgB,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACpE,CACG;QACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAC,6GAA6G,EACvH,GAAG,EAAE,UAAU;YAEf,4BAAI,SAAS,EAAC,MAAM,IACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,IAEA,IAAI,CACF,CACN,CAAC,CACC,CACD,CACP;QAEA,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAC,+BAA+B,EAAC,EAAE,EAAC,OAAO,IACvD,GAAG,KAAK,cAAc,CAClB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,6 +3,9 @@ const meta = {
|
|
|
3
3
|
title: 'Design System/Atoms/InputDropdown',
|
|
4
4
|
component: InputDropdown,
|
|
5
5
|
tags: ['autodocs'],
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: `import { InputDropdown } from 'react-restyle-components'`,
|
|
8
|
+
},
|
|
6
9
|
};
|
|
7
10
|
export default meta;
|
|
8
11
|
export const Primary = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAEzD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"input-dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAEzD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,0DAA0D;KAC9E;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,aAAa,CAAC;QAC7C,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"loader.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,mDAAmD;KACvE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
|
|
@@ -1,7 +1,21 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import { CheckedRadio, UncheckRadio } from '../../../library/assets/svg';
|
|
3
|
-
|
|
3
|
+
import { InputWrapper } from '../form/form.component';
|
|
4
|
+
export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
|
|
5
|
+
const [list, setList] = useState(data);
|
|
4
6
|
const width = 20;
|
|
5
|
-
return (React.createElement(
|
|
7
|
+
return (React.createElement(React.Fragment, null,
|
|
8
|
+
React.createElement(InputWrapper, { label: title }, list === null || list === void 0 ? void 0 : list.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row items-center`, onClick: () => {
|
|
9
|
+
const result = list === null || list === void 0 ? void 0 : list.map((e, i) => {
|
|
10
|
+
if (i == index)
|
|
11
|
+
return Object.assign(Object.assign({}, e), { checked: true });
|
|
12
|
+
else
|
|
13
|
+
return Object.assign(Object.assign({}, e), { checked: false });
|
|
14
|
+
});
|
|
15
|
+
setList(result);
|
|
16
|
+
onChange(result === null || result === void 0 ? void 0 : result.find((item) => item.checked));
|
|
17
|
+
}, key: index },
|
|
18
|
+
item.checked ? (React.createElement(CheckedRadio, { width: width, height: width })) : (React.createElement(UncheckRadio, { width: width, height: width })),
|
|
19
|
+
React.createElement("span", { className: "ml-2" }, item === null || item === void 0 ? void 0 : item.title)))))));
|
|
6
20
|
};
|
|
7
21
|
//# sourceMappingURL=radio.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAQpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,EAAE,EACT,SAAS,EACT,QAAQ,GACG,EAAE,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL;QACE,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,IACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,6BACE,SAAS,EAAE,GAAG,SAAS,8BAA8B,EACrD,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAChC,IAAI,CAAC,IAAI,KAAK;wBAAE,uCAAW,CAAC,KAAE,OAAO,EAAE,IAAI,IAAE;;wBACxC,uCAAW,CAAC,KAAE,OAAO,EAAE,KAAK,IAAE;gBACrC,CAAC,CAAC,CAAC;gBACH,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChB,QAAQ,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YACjD,CAAC,EACD,GAAG,EAAE,KAAK;YAET,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C;YACD,8BAAM,SAAS,EAAC,MAAM,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAQ,CACvC,CACP,CAAC,CACW,CACd,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,9 +3,21 @@ const meta = {
|
|
|
3
3
|
title: 'Design System/Atoms/Radio',
|
|
4
4
|
component: Radio,
|
|
5
5
|
tags: ['autodocs'],
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: `import { Radio } from 'react-restyle-components'`,
|
|
8
|
+
},
|
|
6
9
|
};
|
|
7
10
|
export default meta;
|
|
8
11
|
export const Primary = {
|
|
9
|
-
args: {
|
|
12
|
+
args: {
|
|
13
|
+
title: 'Source',
|
|
14
|
+
data: [
|
|
15
|
+
{ title: 'Salary', checked: false },
|
|
16
|
+
{ title: 'Business', checked: false },
|
|
17
|
+
],
|
|
18
|
+
onChange: (item) => {
|
|
19
|
+
console.log({ item });
|
|
20
|
+
},
|
|
21
|
+
},
|
|
10
22
|
};
|
|
11
23
|
//# sourceMappingURL=radio.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,kDAAkD;KACtE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE;YACJ,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAC;YACjC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAC;SACpC;QACD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QACtB,CAAC;KACF;CACF,CAAC"}
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { render } from '@core-utils';
|
|
4
4
|
import { Radio } from './radio.component';
|
|
5
5
|
it('render Radio correctly', () => {
|
|
6
|
-
const radio = render(React.createElement(Radio, {
|
|
6
|
+
const radio = render(React.createElement(Radio, { title: "Title", data: [], onChange: () => jest.fn() }));
|
|
7
7
|
expect(radio).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=radio.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,KAAK,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,KAAK,GAAG,MAAM,CAClB,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAI,CAC7D,CAAC;IACF,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,oDAAoD;KACxE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QAC3B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC;QACtC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC"}
|
package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js
CHANGED
|
@@ -3,6 +3,9 @@ const meta = {
|
|
|
3
3
|
title: 'Design System/Molecules/CSSMultiline',
|
|
4
4
|
component: CSSMultiline,
|
|
5
5
|
tags: ['autodocs'],
|
|
6
|
+
parameters: {
|
|
7
|
+
componentSubtitle: `import { CSSMultiline } from 'react-restyle-components'`,
|
|
8
|
+
},
|
|
6
9
|
};
|
|
7
10
|
export default meta;
|
|
8
11
|
export const Primary = {
|
package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-multiline-input.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/molecules/css-multiline-input/css-multiline-input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAE7D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"css-multiline-input.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/molecules/css-multiline-input/css-multiline-input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAE7D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,yDAAyD;KAC7E;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
|