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.
Files changed (89) hide show
  1. package/lib/cjs/core-components/atoms/buttons/button.stories.js +22 -16
  2. package/lib/cjs/core-components/atoms/buttons/button.stories.js.map +1 -1
  3. package/lib/cjs/core-components/atoms/buttons/buttons.component.js +3 -3
  4. package/lib/cjs/core-components/atoms/buttons/buttons.component.js.map +1 -1
  5. package/lib/cjs/core-components/atoms/check-box/checkBox.component.js +38 -8
  6. package/lib/cjs/core-components/atoms/check-box/checkBox.component.js.map +1 -1
  7. package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js +11 -2
  8. package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js.map +1 -1
  9. package/lib/cjs/core-components/atoms/check-box/checkBox.test.js +1 -1
  10. package/lib/cjs/core-components/atoms/check-box/checkBox.test.js.map +1 -1
  11. package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js +5 -4
  12. package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
  13. package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js +4 -1
  14. package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js.map +1 -1
  15. package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js +1 -1
  16. package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js.map +1 -1
  17. package/lib/cjs/core-components/atoms/input/input-pin.component.js +13 -8
  18. package/lib/cjs/core-components/atoms/input/input-pin.component.js.map +1 -1
  19. package/lib/cjs/core-components/atoms/input/input-pin.stories.js +7 -1
  20. package/lib/cjs/core-components/atoms/input/input-pin.stories.js.map +1 -1
  21. package/lib/cjs/core-components/atoms/input/input-pin.test.js +2 -2
  22. package/lib/cjs/core-components/atoms/input/input-pin.test.js.map +1 -1
  23. package/lib/cjs/core-components/atoms/input/input.component.js +29 -5
  24. package/lib/cjs/core-components/atoms/input/input.component.js.map +1 -1
  25. package/lib/cjs/core-components/atoms/input/input.stories.js +7 -1
  26. package/lib/cjs/core-components/atoms/input/input.stories.js.map +1 -1
  27. package/lib/cjs/core-components/atoms/input/input.test.js +2 -2
  28. package/lib/cjs/core-components/atoms/input/input.test.js.map +1 -1
  29. package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js +1 -1
  30. package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
  31. package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.stories.js +3 -0
  32. package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.stories.js.map +1 -1
  33. package/lib/cjs/core-components/atoms/loader/loader.stories.js +3 -0
  34. package/lib/cjs/core-components/atoms/loader/loader.stories.js.map +1 -1
  35. package/lib/cjs/core-components/atoms/radio/radio.component.js +39 -5
  36. package/lib/cjs/core-components/atoms/radio/radio.component.js.map +1 -1
  37. package/lib/cjs/core-components/atoms/radio/radio.stories.js +13 -1
  38. package/lib/cjs/core-components/atoms/radio/radio.stories.js.map +1 -1
  39. package/lib/cjs/core-components/atoms/radio/radio.test.js +1 -1
  40. package/lib/cjs/core-components/atoms/radio/radio.test.js.map +1 -1
  41. package/lib/cjs/core-components/atoms/stepper/stepper.stories.js +3 -0
  42. package/lib/cjs/core-components/atoms/stepper/stepper.stories.js.map +1 -1
  43. package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +3 -0
  44. package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -1
  45. package/lib/esm/core-components/atoms/buttons/button.stories.js +22 -16
  46. package/lib/esm/core-components/atoms/buttons/button.stories.js.map +1 -1
  47. package/lib/esm/core-components/atoms/buttons/buttons.component.js +3 -3
  48. package/lib/esm/core-components/atoms/buttons/buttons.component.js.map +1 -1
  49. package/lib/esm/core-components/atoms/check-box/checkBox.component.js +16 -6
  50. package/lib/esm/core-components/atoms/check-box/checkBox.component.js.map +1 -1
  51. package/lib/esm/core-components/atoms/check-box/checkBox.stories.js +11 -2
  52. package/lib/esm/core-components/atoms/check-box/checkBox.stories.js.map +1 -1
  53. package/lib/esm/core-components/atoms/check-box/checkBox.test.js +1 -1
  54. package/lib/esm/core-components/atoms/check-box/checkBox.test.js.map +1 -1
  55. package/lib/esm/core-components/atoms/date-picker/date-picker.component.js +5 -4
  56. package/lib/esm/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
  57. package/lib/esm/core-components/atoms/date-picker/date-picker.stories.js +4 -1
  58. package/lib/esm/core-components/atoms/date-picker/date-picker.stories.js.map +1 -1
  59. package/lib/esm/core-components/atoms/date-picker/date-picker.test.js +1 -1
  60. package/lib/esm/core-components/atoms/date-picker/date-picker.test.js.map +1 -1
  61. package/lib/esm/core-components/atoms/input/input-pin.component.js +14 -9
  62. package/lib/esm/core-components/atoms/input/input-pin.component.js.map +1 -1
  63. package/lib/esm/core-components/atoms/input/input-pin.stories.js +7 -1
  64. package/lib/esm/core-components/atoms/input/input-pin.stories.js.map +1 -1
  65. package/lib/esm/core-components/atoms/input/input-pin.test.js +2 -2
  66. package/lib/esm/core-components/atoms/input/input-pin.test.js.map +1 -1
  67. package/lib/esm/core-components/atoms/input/input.component.js +7 -3
  68. package/lib/esm/core-components/atoms/input/input.component.js.map +1 -1
  69. package/lib/esm/core-components/atoms/input/input.stories.js +7 -1
  70. package/lib/esm/core-components/atoms/input/input.stories.js.map +1 -1
  71. package/lib/esm/core-components/atoms/input/input.test.js +2 -2
  72. package/lib/esm/core-components/atoms/input/input.test.js.map +1 -1
  73. package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js +1 -1
  74. package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
  75. package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js +3 -0
  76. package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js.map +1 -1
  77. package/lib/esm/core-components/atoms/loader/loader.stories.js +3 -0
  78. package/lib/esm/core-components/atoms/loader/loader.stories.js.map +1 -1
  79. package/lib/esm/core-components/atoms/radio/radio.component.js +17 -3
  80. package/lib/esm/core-components/atoms/radio/radio.component.js.map +1 -1
  81. package/lib/esm/core-components/atoms/radio/radio.stories.js +13 -1
  82. package/lib/esm/core-components/atoms/radio/radio.stories.js.map +1 -1
  83. package/lib/esm/core-components/atoms/radio/radio.test.js +1 -1
  84. package/lib/esm/core-components/atoms/radio/radio.test.js.map +1 -1
  85. package/lib/esm/core-components/atoms/stepper/stepper.stories.js +3 -0
  86. package/lib/esm/core-components/atoms/stepper/stepper.stories.js.map +1 -1
  87. package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +3 -0
  88. package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -1
  89. 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, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
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, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
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,KAAK,EAAE,EAAE,EACT,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,KAAK,EAAE,EAAE,EACT,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"}
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: " text-gray-dark-secondary 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: () => {
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,6LAA6L,EACvM,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"}
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;CACnB,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
+ {"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"}
@@ -3,6 +3,9 @@ const meta = {
3
3
  title: 'Design System/Atoms/Loader',
4
4
  component: Loader,
5
5
  tags: ['autodocs'],
6
+ parameters: {
7
+ componentSubtitle: `import { Loader } from 'react-restyle-components'`,
8
+ },
6
9
  };
7
10
  export default meta;
8
11
  export const Primary = {
@@ -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;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,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
- export const Radio = ({ className, checked, onChange }) => {
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("div", { className: `${className} flex flex-row mr-2`, onClick: onChange }, checked ? (React.createElement(CheckedRadio, { width: width, height: width })) : (React.createElement(UncheckRadio, { width: width, height: width }))));
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;AAC1B,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAQvE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAAE,OAAO,EAAE,QAAQ,IACjE,OAAO,CAAC,CAAC,CAAC,CACT,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,CACG,CACP,CAAC;AACJ,CAAC,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;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,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, { checked: true, onChange: () => jest.fn() }));
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,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AAClC,CAAC,CAAC,CAAC"}
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"}
@@ -3,6 +3,9 @@ const meta = {
3
3
  title: 'Design System/Atoms/Stepper',
4
4
  component: Stepper,
5
5
  tags: ['autodocs'],
6
+ parameters: {
7
+ componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
8
+ },
6
9
  };
7
10
  export default meta;
8
11
  export const Primary = {
@@ -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;CACnB,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"}
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"}
@@ -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 = {
@@ -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;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.1.40",
3
+ "version": "0.1.42",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "main": "lib/cjs/index.js",