@mrshmllw/smores-react 3.0.5 → 3.1.1

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 (201) hide show
  1. package/dist/Accordion/Accordion.d.ts +2 -2
  2. package/dist/Accordion/Accordion.js +3 -15
  3. package/dist/Accordion/Accordion.js.map +1 -1
  4. package/dist/Accordion/Accordion.stories.js +1 -1
  5. package/dist/Accordion/Accordion.stories.js.map +1 -1
  6. package/dist/Accordion/Collection.js +3 -3
  7. package/dist/Accordion/Collection.js.map +1 -1
  8. package/dist/ActionDropdown/ActionDropdown.js +4 -17
  9. package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
  10. package/dist/Banner/BannerContainer.js +5 -2
  11. package/dist/Banner/BannerContainer.js.map +1 -1
  12. package/dist/Box/Box.stories.js +1 -1
  13. package/dist/Box/Box.stories.js.map +1 -1
  14. package/dist/BrandCard/BrandCard.js +2 -14
  15. package/dist/BrandCard/BrandCard.js.map +1 -1
  16. package/dist/BrandCard/BrandCard.stories.js +1 -1
  17. package/dist/BrandCard/BrandCard.stories.js.map +1 -1
  18. package/dist/Button/Button.js +2 -13
  19. package/dist/Button/Button.js.map +1 -1
  20. package/dist/Button/Button.stories.js +2 -2
  21. package/dist/Button/Button.stories.js.map +1 -1
  22. package/dist/Button/Collection.js +6 -6
  23. package/dist/Button/Collection.js.map +1 -1
  24. package/dist/Button/InteractivePlayground.js +3 -12
  25. package/dist/Button/InteractivePlayground.js.map +1 -1
  26. package/dist/Button/LegacyButton.d.ts +15 -0
  27. package/dist/Button/LegacyButton.js +50 -0
  28. package/dist/Button/LegacyButton.js.map +1 -0
  29. package/dist/Card/Card.js +2 -14
  30. package/dist/Card/Card.js.map +1 -1
  31. package/dist/Card/Card.stories.js +1 -1
  32. package/dist/Card/Card.stories.js.map +1 -1
  33. package/dist/CheckBox/CheckBox.stories.js +1 -1
  34. package/dist/CheckBox/CheckBox.stories.js.map +1 -1
  35. package/dist/CheckBox/index.d.ts +1 -1
  36. package/dist/CheckBox/index.js.map +1 -1
  37. package/dist/CheckBoxGroup/CheckBoxGroup.js +1 -15
  38. package/dist/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
  39. package/dist/Chip/Chip.js +3 -17
  40. package/dist/Chip/Chip.js.map +1 -1
  41. package/dist/Chip/Chip.stories.js +1 -1
  42. package/dist/Chip/Chip.stories.js.map +1 -1
  43. package/dist/ConfirmationRadioButtons/Confirmation.d.ts +17 -0
  44. package/dist/ConfirmationRadioButtons/Confirmation.js +100 -0
  45. package/dist/ConfirmationRadioButtons/Confirmation.js.map +1 -0
  46. package/dist/ConfirmationRadioButtons/Confirmation.stories.d.ts +21 -0
  47. package/dist/ConfirmationRadioButtons/Confirmation.stories.js +76 -0
  48. package/dist/ConfirmationRadioButtons/Confirmation.stories.js.map +1 -0
  49. package/dist/ConfirmationRadioButtons/Container.d.ts +2 -0
  50. package/dist/ConfirmationRadioButtons/Container.js +8 -0
  51. package/dist/ConfirmationRadioButtons/Container.js.map +1 -0
  52. package/dist/ConfirmationRadioButtons/RadioButtonStyled.d.ts +17 -0
  53. package/dist/ConfirmationRadioButtons/RadioButtonStyled.js +41 -0
  54. package/dist/ConfirmationRadioButtons/RadioButtonStyled.js.map +1 -0
  55. package/dist/ConfirmationRadioButtons/__tests__/Confirmation.d.ts +1 -0
  56. package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js +8 -0
  57. package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js.map +1 -0
  58. package/dist/ConfirmationRadioButtons/index.d.ts +1 -0
  59. package/dist/ConfirmationRadioButtons/index.js +2 -0
  60. package/dist/ConfirmationRadioButtons/index.js.map +1 -0
  61. package/dist/Datepicker/Datepicker.js +4 -16
  62. package/dist/Datepicker/Datepicker.js.map +1 -1
  63. package/dist/Datepicker/Datepicker.stories.js +1 -1
  64. package/dist/Datepicker/Datepicker.stories.js.map +1 -1
  65. package/dist/Datepicker/DatesList.js +1 -1
  66. package/dist/Datepicker/DatesList.js.map +1 -1
  67. package/dist/Divider/Divider.js +2 -14
  68. package/dist/Divider/Divider.js.map +1 -1
  69. package/dist/Divider/Divier.stories.js +1 -1
  70. package/dist/Divider/Divier.stories.js.map +1 -1
  71. package/dist/Dropdown/Dropdown.js +7 -23
  72. package/dist/Dropdown/Dropdown.js.map +1 -1
  73. package/dist/Dropdown/Dropdown.stories.js +1 -1
  74. package/dist/Dropdown/Dropdown.stories.js.map +1 -1
  75. package/dist/Emoji/Emoji.js +1 -15
  76. package/dist/Emoji/Emoji.js.map +1 -1
  77. package/dist/Emoji/Emoji.stories.js +1 -1
  78. package/dist/Emoji/Emoji.stories.js.map +1 -1
  79. package/dist/Icon/Icon.js +834 -848
  80. package/dist/Icon/Icon.js.map +1 -1
  81. package/dist/Icon/Icon.stories.js +1 -1
  82. package/dist/Icon/Icon.stories.js.map +1 -1
  83. package/dist/IconStrict/IconStrict.js +2 -16
  84. package/dist/IconStrict/IconStrict.js.map +1 -1
  85. package/dist/IconStrict/IconStrict.stories.js +1 -1
  86. package/dist/IconStrict/IconStrict.stories.js.map +1 -1
  87. package/dist/IconWrapper/IconWrapper.js +5 -19
  88. package/dist/IconWrapper/IconWrapper.js.map +1 -1
  89. package/dist/IconWrapper/IconWrapper.stories.js +1 -1
  90. package/dist/IconWrapper/IconWrapper.stories.js.map +1 -1
  91. package/dist/IconWrapper/__tests__/IconWrapper.js +1 -1
  92. package/dist/IconWrapper/__tests__/IconWrapper.js.map +1 -1
  93. package/dist/LabelledText/LabelledText.js +3 -17
  94. package/dist/LabelledText/LabelledText.js.map +1 -1
  95. package/dist/LabelledText/LabelledText.stories.js +1 -1
  96. package/dist/LabelledText/LabelledText.stories.js.map +1 -1
  97. package/dist/Link/Link.js +4 -4
  98. package/dist/Link/Link.js.map +1 -1
  99. package/dist/Link/Link.stories.js +15 -4
  100. package/dist/Link/Link.stories.js.map +1 -1
  101. package/dist/Link/index.d.ts +1 -1
  102. package/dist/Link/index.js.map +1 -1
  103. package/dist/Loader/Loader.stories.js +1 -1
  104. package/dist/Loader/Loader.stories.js.map +1 -1
  105. package/dist/Message/Message.d.ts +21 -0
  106. package/dist/Message/Message.js +45 -0
  107. package/dist/Message/Message.js.map +1 -0
  108. package/dist/Message/Message.stories.d.ts +13 -0
  109. package/dist/Message/Message.stories.js +38 -0
  110. package/dist/Message/Message.stories.js.map +1 -0
  111. package/dist/Message/__tests__/Message.d.ts +1 -0
  112. package/dist/Message/__tests__/Message.js +26 -0
  113. package/dist/Message/__tests__/Message.js.map +1 -0
  114. package/dist/Message/index.d.ts +1 -0
  115. package/dist/Message/index.js +2 -0
  116. package/dist/Message/index.js.map +1 -0
  117. package/dist/Modal/Modal.stories.js +1 -1
  118. package/dist/Modal/Modal.stories.js.map +1 -1
  119. package/dist/NumberInput/NumberInput.js +2 -14
  120. package/dist/NumberInput/NumberInput.js.map +1 -1
  121. package/dist/NumberInput/NumberInput.stories.js +1 -1
  122. package/dist/NumberInput/NumberInput.stories.js.map +1 -1
  123. package/dist/Pagination/Pagination.js +2 -14
  124. package/dist/Pagination/Pagination.js.map +1 -1
  125. package/dist/Pagination/Pagination.stories.js +1 -1
  126. package/dist/Pagination/Pagination.stories.js.map +1 -1
  127. package/dist/RadioButton/Container.d.ts +2 -0
  128. package/dist/RadioButton/Container.js +9 -0
  129. package/dist/RadioButton/Container.js.map +1 -0
  130. package/dist/RadioButton/RadioButton.d.ts +10 -0
  131. package/dist/RadioButton/RadioButton.js +68 -0
  132. package/dist/RadioButton/RadioButton.js.map +1 -0
  133. package/dist/RadioButton/RadioButton.stories.d.ts +15 -0
  134. package/dist/RadioButton/RadioButton.stories.js +29 -0
  135. package/dist/RadioButton/RadioButton.stories.js.map +1 -0
  136. package/dist/RadioButton/__tests__/RadioButton.d.ts +1 -0
  137. package/dist/RadioButton/__tests__/RadioButton.js +13 -0
  138. package/dist/RadioButton/__tests__/RadioButton.js.map +1 -0
  139. package/dist/RadioButton/index.d.ts +1 -0
  140. package/dist/RadioButton/index.js +2 -0
  141. package/dist/RadioButton/index.js.map +1 -0
  142. package/dist/RadioGroup/RadioElement.js +2 -14
  143. package/dist/RadioGroup/RadioElement.js.map +1 -1
  144. package/dist/RadioGroup/RadioGroup.js +3 -16
  145. package/dist/RadioGroup/RadioGroup.js.map +1 -1
  146. package/dist/RadioGroup/RadioGroup.stories.js +38 -8
  147. package/dist/RadioGroup/RadioGroup.stories.js.map +1 -1
  148. package/dist/Row/Row.js +2 -14
  149. package/dist/Row/Row.js.map +1 -1
  150. package/dist/Row/Row.stories.js +1 -1
  151. package/dist/Row/Row.stories.js.map +1 -1
  152. package/dist/SearchInput/SearchInput.js +4 -17
  153. package/dist/SearchInput/SearchInput.js.map +1 -1
  154. package/dist/SearchInput/SearchInput.stories.js +1 -1
  155. package/dist/SearchInput/SearchInput.stories.js.map +1 -1
  156. package/dist/Snackbar/SnackbarContainer.js +5 -2
  157. package/dist/Snackbar/SnackbarContainer.js.map +1 -1
  158. package/dist/SupportMessage/SupportMessage.js +8 -22
  159. package/dist/SupportMessage/SupportMessage.js.map +1 -1
  160. package/dist/SupportMessage/SupportMessage.stories.js +1 -1
  161. package/dist/SupportMessage/SupportMessage.stories.js.map +1 -1
  162. package/dist/SupportMessage/SupportMessage.test.js +9 -18
  163. package/dist/SupportMessage/SupportMessage.test.js.map +1 -1
  164. package/dist/Tag/Tag.js +2 -16
  165. package/dist/Tag/Tag.js.map +1 -1
  166. package/dist/Tag/Tag.stories.js +1 -1
  167. package/dist/Tag/Tag.stories.js.map +1 -1
  168. package/dist/Text/Text.js +1 -15
  169. package/dist/Text/Text.js.map +1 -1
  170. package/dist/Text/Text.stories.js +1 -1
  171. package/dist/Text/Text.stories.js.map +1 -1
  172. package/dist/TextInput/TextInput.d.ts +1 -1
  173. package/dist/TextInput/TextInput.js +2 -14
  174. package/dist/TextInput/TextInput.js.map +1 -1
  175. package/dist/TextInput/TextInput.stories.js +1 -1
  176. package/dist/TextInput/TextInput.stories.js.map +1 -1
  177. package/dist/Textarea/Textarea.js +4 -16
  178. package/dist/Textarea/Textarea.js.map +1 -1
  179. package/dist/Textarea/Textarea.stories.js +1 -1
  180. package/dist/Textarea/Textarea.stories.js.map +1 -1
  181. package/dist/Toggle/Toggle.js +2 -14
  182. package/dist/Toggle/Toggle.js.map +1 -1
  183. package/dist/Tooltip/Tooltip.js +1 -2
  184. package/dist/Tooltip/Tooltip.js.map +1 -1
  185. package/dist/Tooltip/Tooltip.stories.js +1 -1
  186. package/dist/Tooltip/Tooltip.stories.js.map +1 -1
  187. package/dist/fields/Field/Field.js +2 -14
  188. package/dist/fields/Field/Field.js.map +1 -1
  189. package/dist/fields/Field/index.d.ts +1 -1
  190. package/dist/fields/Field/index.js.map +1 -1
  191. package/dist/fields/Fieldset/Fieldset.js +2 -14
  192. package/dist/fields/Fieldset/Fieldset.js.map +1 -1
  193. package/dist/fields/Fieldset/Fieldset.stories.js +14 -4
  194. package/dist/fields/Fieldset/Fieldset.stories.js.map +1 -1
  195. package/dist/fields/Fieldset/index.d.ts +1 -1
  196. package/dist/fields/Fieldset/index.js.map +1 -1
  197. package/dist/fields/components/InternalField.js +2 -14
  198. package/dist/fields/components/InternalField.js.map +1 -1
  199. package/dist/utils/id.test.js +6 -15
  200. package/dist/utils/id.test.js.map +1 -1
  201. package/package.json +5 -3
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CheckBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -1,22 +1,8 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
1
  import React from 'react';
13
2
  import styled from 'styled-components';
14
3
  import { Box } from '../Box';
15
4
  import { CheckBox } from '../CheckBox';
16
- export const CheckBoxGroup = (_a) => {
17
- var { list, onToggle } = _a, marginProps = __rest(_a, ["list", "onToggle"]);
18
- return (React.createElement(Container, null, list.map((item) => (React.createElement(CheckBox, Object.assign({ key: item.id, id: String(item.id), checked: item.checked, toggle: () => onToggle(item.id) }, marginProps), item.label)))));
19
- };
5
+ export const CheckBoxGroup = ({ list, onToggle, ...marginProps }) => (React.createElement(Container, null, list.map((item) => (React.createElement(CheckBox, { key: item.id, id: String(item.id), checked: item.checked, toggle: () => onToggle(item.id), ...marginProps }, item.label)))));
20
6
  const Container = styled(Box) `
21
7
  display: flex;
22
8
  flex-direction: column;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AActC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAIrD,EAAE,EAAE;QAJiD,EACpD,IAAI,EACJ,QAAQ,OAET,EADI,WAAW,cAHsC,oBAIrD,CADe;IACV,OAAA,CACJ,oBAAC,SAAS,QACP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,QAAQ,kBACP,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAC3B,WAAW,GAEd,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;CAAA,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAA"}
1
+ {"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AActC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,IAAI,EACJ,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,QACP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,KAC3B,WAAW,IAEd,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAA"}
package/dist/Chip/Chip.js CHANGED
@@ -1,14 +1,3 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
1
  import React, { forwardRef } from 'react';
13
2
  import styled, { css } from 'styled-components';
14
3
  import { theme } from '../theme';
@@ -16,12 +5,9 @@ import { Box } from '../Box';
16
5
  import { Icon as IconComponent } from '../Icon';
17
6
  import { Loader } from '../Loader';
18
7
  import { focusOutline } from '../utils/focusOutline';
19
- export const Chip = forwardRef((_a, ref) => {
20
- var { children, handleClick, primary = false, secondary = false, disabled = false, loading = false, icon = '' } = _a, props = __rest(_a, ["children", "handleClick", "primary", "secondary", "disabled", "loading", "icon"]);
21
- return (React.createElement(Container, Object.assign({ as: "button", primary: primary, secondary: secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, icon: icon }, props, { ref: ref }), loading ? (React.createElement(Loader, { color: primary ? 'liquorice' : 'cream', height: "16" })) : (React.createElement(React.Fragment, null,
22
- icon && (React.createElement(IconComponent, { render: icon, size: 20, color: primary ? 'liquorice' : 'cream' })),
23
- React.createElement(ChildrenContainer, null, children)))));
24
- });
8
+ export const Chip = forwardRef(({ children, handleClick, primary = false, secondary = false, disabled = false, loading = false, icon = '', ...props }, ref) => (React.createElement(Container, { as: "button", primary: primary, secondary: secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, icon: icon, ...props, ref: ref }, loading ? (React.createElement(Loader, { color: primary ? 'liquorice' : 'cream', height: "16" })) : (React.createElement(React.Fragment, null,
9
+ icon && (React.createElement(IconComponent, { render: icon, size: 20, color: primary ? 'liquorice' : 'cream' })),
10
+ React.createElement(ChildrenContainer, null, children))))));
25
11
  Chip.displayName = 'Chip';
26
12
  const Container = styled(Box)(({ primary, secondary, icon, $loading, disabled }) => css `
27
13
  ${focusOutline()}
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAuBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,EAAE,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,SAAS,IACR,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,cACnB,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,KACN,KAAK,EACT,GAAG,EAAE,GAAG,IAEP,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,EAAC,IAAI,GAAG,CAC/D,CAAC,CAAC,CAAC,CACF;IACG,IAAI,IAAI,CACP,oBAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,GACtC,CACH;IACD,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CAChD,CACJ,CACS,CACb,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACrD,YAAY,EAAE;;;wBAGI,KAAK,CAAC,MAAM,CAAC,OAAO;;wBAEpB,KAAK,CAAC,MAAM,CAAC,OAAO;aAC/B,KAAK,CAAC,MAAM,CAAC,SAAS;;;uBAGZ,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ;;4BAE3B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;;;cAGnC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;eAC/C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;;MAE/B,OAAO;IACT,GAAG,CAAA;;kBAEW,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC;QACjC,aAAa,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;4BAClB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;;KAEzE;MACC,SAAS;IACX,GAAG,CAAA;eACQ,KAAK,CAAC,MAAM,CAAC,KAAK;0BACP,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;kBAE9B,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC;QACjC,aAAa,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;4BACd,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;;KAErE;GACF,CACF,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEnC,CAAA"}
@@ -5,7 +5,7 @@ export default {
5
5
  component: Chip,
6
6
  argTypes: { handleClick: { action: 'clicked' } },
7
7
  };
8
- const Template = (props) => React.createElement(Chip, Object.assign({}, props));
8
+ const Template = (props) => React.createElement(Chip, { ...props });
9
9
  export const Primary = Template.bind({});
10
10
  Primary.args = {
11
11
  primary: true,
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../src/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAExC,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,KAAK,EAAI,CAAA;AAE1D,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAElD,iBAAiB,CAAC,IAAI,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACb,CAAA"}
1
+ {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../src/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAExC,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,oBAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAE1D,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAElD,iBAAiB,CAAC,IAAI,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACb,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { FC, FocusEvent, ReactElement } from 'react';
2
+ import { MarginProps } from '../utils/space';
3
+ export type ConfirmationProps = {
4
+ onChange(value?: boolean): void;
5
+ checked?: boolean;
6
+ id?: string;
7
+ error?: boolean;
8
+ errorMsg?: string;
9
+ label?: string;
10
+ onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
11
+ sublabel?: string | ReactElement;
12
+ yesLabel?: string | ReactElement;
13
+ noLabel?: string | ReactElement;
14
+ required?: boolean;
15
+ disabled?: boolean;
16
+ } & MarginProps;
17
+ export declare const Confirmation: FC<ConfirmationProps>;
@@ -0,0 +1,100 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from 'react';
13
+ import styled, { css } from 'styled-components';
14
+ import { theme } from '../theme';
15
+ import { Box } from '../Box';
16
+ import { Text } from '../Text';
17
+ import { RadioButton } from './RadioButtonStyled';
18
+ import { useUniqueId } from '../utils/id';
19
+ import { useDeprecatedWarning } from '../utils/deprecated';
20
+ export const Confirmation = (props) => {
21
+ const { checked, onChange, id: idProp, error = false, errorMsg = '', label, onBlur, sublabel, yesLabel = 'Yes', noLabel = 'No', required = false, disabled = false } = props, marginProps = __rest(props, ["checked", "onChange", "id", "error", "errorMsg", "label", "onBlur", "sublabel", "yesLabel", "noLabel", "required", "disabled"]);
22
+ useDeprecatedWarning({
23
+ title: 'Confirmation',
24
+ message: 'The Confirmation component has been deprecated. Please use the new RadioGroup component instead.',
25
+ componentProps: props,
26
+ });
27
+ const id = useUniqueId(idProp);
28
+ return (React.createElement(ConfirmationWrapper, Object.assign({}, marginProps),
29
+ (label || sublabel) && (React.createElement(TextWrapper, null,
30
+ label && (React.createElement(SectionHeadingText, { tag: "h3" },
31
+ label,
32
+ required && React.createElement(Asterisk, null, "*"))),
33
+ sublabel && (React.createElement(Text, { tag: "p", typo: "base-small", color: "subtext" }, sublabel)))),
34
+ React.createElement(RadioButtonGroupWrapper, null,
35
+ React.createElement(RadioButtonGroup, null,
36
+ React.createElement(RadioButtonWrapper, { checked: checked === true, error: error, disabled: disabled },
37
+ React.createElement(RadioButton, { id: id, label: yesLabel, checked: checked === true, onChange: () => onChange(true), value: id, onBlur: onBlur, disabled: disabled })),
38
+ React.createElement(RadioButtonWrapper, { checked: checked === false, error: error, disabled: disabled },
39
+ React.createElement(RadioButton, { id: `${id}-1`, label: noLabel, checked: checked === false, onChange: () => onChange(false), value: `${id}-1`, onBlur: onBlur, disabled: disabled }))),
40
+ error && React.createElement(ErrorBox, null, errorMsg))));
41
+ };
42
+ const RadioButtonGroupWrapper = styled.div `
43
+ display: flex;
44
+ flex-direction: column;
45
+ `;
46
+ const RadioButtonGroup = styled.div `
47
+ display: flex;
48
+ flex-direction: row;
49
+ `;
50
+ const getColor = (checked, error) => {
51
+ if (error) {
52
+ return `2px solid ${theme.colors.error}`;
53
+ }
54
+ else if (checked) {
55
+ return `2px solid ${theme.colors.secondary}`;
56
+ }
57
+ else {
58
+ return 'none';
59
+ }
60
+ };
61
+ const RadioButtonWrapper = styled.div `
62
+ background-color: ${({ checked }) => !checked && `${theme.colors.background}`};
63
+ border: ${({ checked, error }) => getColor(checked, error)};
64
+ margin-right: 10px;
65
+ width: 139px;
66
+ display: flex;
67
+ align-items: center;
68
+ height: 56px;
69
+ padding-left: 12px;
70
+ border-radius: 5px;
71
+ font-weight: bold;
72
+ ${({ disabled }) => disabled &&
73
+ css `
74
+ border-color: ${theme.colors.secondary};
75
+ opacity: 0.5;
76
+ `}
77
+ `;
78
+ const ErrorBox = styled.span `
79
+ margin-top: 7px;
80
+ margin-left: 12px;
81
+ font-size: 12px;
82
+ color: ${theme.colors.error};
83
+ `;
84
+ const ConfirmationWrapper = styled(Box) `
85
+ display: flex;
86
+ flex-direction: column;
87
+ `;
88
+ const SectionHeadingText = styled(Text) `
89
+ font-weight: bold;
90
+ `;
91
+ const TextWrapper = styled.div `
92
+ display: flex;
93
+ flex-direction: column;
94
+ margin-bottom: 8px;
95
+ `;
96
+ const Asterisk = styled.span `
97
+ font-size: 14px;
98
+ color: ${theme.colors.error};
99
+ `;
100
+ //# sourceMappingURL=Confirmation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import { ConfirmationProps } from './Confirmation';
3
+ declare const _default: {
4
+ title: string;
5
+ component: React.FC<ConfirmationProps>;
6
+ argTypes: {
7
+ onChange: {
8
+ action: string;
9
+ };
10
+ };
11
+ };
12
+ export default _default;
13
+ export declare const Default: any;
14
+ export declare const WithError: any;
15
+ export declare const WithSublabel: any;
16
+ export declare const WorkingExample: any;
17
+ export declare const WithCustomLabel: any;
18
+ export declare const WithNoLabel: any;
19
+ export declare const Required: any;
20
+ export declare const RequiredWithLongLabel: any;
21
+ export declare const Disabled: any;
@@ -0,0 +1,76 @@
1
+ import React from 'react';
2
+ import { noop } from '../utils/noop';
3
+ import { Confirmation } from './Confirmation';
4
+ import { Container } from './Container';
5
+ export default {
6
+ title: 'Confirmation Radio Button',
7
+ component: Confirmation,
8
+ argTypes: { onChange: { action: 'clicked' } },
9
+ };
10
+ const Template = (props) => React.createElement(Confirmation, Object.assign({}, props));
11
+ export const Default = Template.bind({});
12
+ Default.args = {
13
+ id: 'radioButton',
14
+ onChange: noop,
15
+ checked: false,
16
+ label: 'Do you like marshmallows?',
17
+ };
18
+ export const WithError = Template.bind({});
19
+ WithError.args = {
20
+ id: 'radioButton',
21
+ onChange: noop,
22
+ checked: undefined,
23
+ label: 'Do you like marshmallows?',
24
+ error: true,
25
+ errorMsg: 'This field is required.',
26
+ };
27
+ export const WithSublabel = Template.bind({});
28
+ WithSublabel.args = {
29
+ id: 'radioButton',
30
+ onChange: noop,
31
+ checked: undefined,
32
+ label: 'Do you like marshmallows?',
33
+ sublabel: 'This includes smores and hot chocolate topped with marshmallows.',
34
+ };
35
+ const ContainerTemplate = () => React.createElement(Container, null);
36
+ export const WorkingExample = ContainerTemplate.bind({});
37
+ export const WithCustomLabel = Template.bind({});
38
+ WithCustomLabel.args = {
39
+ id: 'radioButton',
40
+ onChange: noop,
41
+ checked: undefined,
42
+ label: 'Do you like marshmallows?',
43
+ yesLabel: 'Correct',
44
+ };
45
+ export const WithNoLabel = Template.bind({});
46
+ WithNoLabel.args = {
47
+ id: 'radioButton',
48
+ onChange: noop,
49
+ checked: undefined,
50
+ yesLabel: 'Yes',
51
+ };
52
+ export const Required = Template.bind({});
53
+ Required.args = {
54
+ id: 'radioButton',
55
+ label: 'Do you like ice cream?',
56
+ onChange: noop,
57
+ checked: undefined,
58
+ required: true,
59
+ };
60
+ export const RequiredWithLongLabel = Template.bind({});
61
+ RequiredWithLongLabel.args = {
62
+ id: 'radioButton',
63
+ label: 'This is a really long label to test the placement of the required asterisk. Do you like ice cream, pie, marshmallows, smores, cupcakes, cookies, and muffins?',
64
+ onChange: noop,
65
+ checked: undefined,
66
+ required: true,
67
+ };
68
+ export const Disabled = Template.bind({});
69
+ Disabled.args = {
70
+ id: 'radioButton',
71
+ label: 'Do you like marshmallows?',
72
+ onChange: noop,
73
+ checked: true,
74
+ disabled: true,
75
+ };
76
+ //# sourceMappingURL=Confirmation.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Confirmation.stories.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,KAAK,EAAI,CAAA;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,2BAA2B;CACnC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,2BAA2B;IAClC,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,yBAAyB;CACpC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,YAAY,CAAC,IAAI,GAAG;IAClB,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,2BAA2B;IAClC,QAAQ,EAAE,kEAAkE;CAC7E,CAAA;AAED,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,oBAAC,SAAS,OAAG,CAAA;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,2BAA2B;IAClC,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtD,qBAAqB,CAAC,IAAI,GAAG;IAC3B,EAAE,EAAE,aAAa;IACjB,KAAK,EACH,+JAA+J;IACjK,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,2BAA2B;IAClC,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;CACf,CAAA"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: () => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React, { useState } from 'react';
2
+ import { Confirmation } from './Confirmation';
3
+ export const Container = () => {
4
+ const [checked, setChecked] = useState(undefined);
5
+ return (React.createElement("form", null,
6
+ React.createElement(Confirmation, { id: "radioButton", onChange: (selection) => setChecked(selection), checked: checked, label: 'Do you like marshmallows?', error: checked === undefined, errorMsg: "This field is required." })));
7
+ };
8
+ //# sourceMappingURL=Container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAEtE,OAAO,CACL;QACE,oBAAC,YAAY,IACX,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EAC9C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,2BAA2B,EAClC,KAAK,EAAE,OAAO,KAAK,SAAS,EAC5B,QAAQ,EAAC,yBAAyB,GAClC,CACG,CACR,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { FC, ChangeEvent, FocusEvent, ReactElement } from 'react';
2
+ export interface FakeInput {
3
+ checked?: boolean;
4
+ error?: boolean;
5
+ disabled?: boolean;
6
+ }
7
+ type RadioButtonProps = {
8
+ id: string;
9
+ label: string | ReactElement;
10
+ checked?: boolean;
11
+ value: string;
12
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
13
+ onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
14
+ disabled?: boolean;
15
+ };
16
+ export declare const RadioButton: FC<RadioButtonProps>;
17
+ export {};
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import styled from 'styled-components';
3
+ import { theme } from '../theme';
4
+ import { Box } from '../Box';
5
+ export const RadioButton = ({ id, label, checked, value, onChange, onBlur, disabled = false, }) => (React.createElement(Box, { flex: true, alignItems: "center" },
6
+ React.createElement(RadioInput, { id: id, type: "radio", checked: checked, value: value, onChange: onChange, onBlur: onBlur, disabled: disabled }),
7
+ React.createElement(RadioLabel, { htmlFor: id },
8
+ React.createElement(FakeInput, { checked: checked }),
9
+ React.createElement(Text, null, label))));
10
+ const FakeInput = styled.div `
11
+ width: 24px;
12
+ height: 24px;
13
+ border-radius: 50%;
14
+ background-color: ${theme.colors.white};
15
+ margin-right: 10px;
16
+ border: ${({ checked }) => checked
17
+ ? `8px solid ${theme.colors.secondary}`
18
+ : `1px solid ${theme.colors.secondary}`};
19
+ `;
20
+ const RadioInput = styled.input `
21
+ position: absolute;
22
+ opacity: 0;
23
+ height: 0;
24
+ width: 0;
25
+ `;
26
+ const RadioLabel = styled.label `
27
+ font-family: 'Gordita', sans-serif;
28
+ text-transform: none;
29
+ font-size: 16px;
30
+ line-height: 17px;
31
+ color: ${theme.colors.secondary};
32
+ margin-bottom: 0;
33
+ display: flex;
34
+ cursor: pointer;
35
+ `;
36
+ // needed because the text is top aligned in its viewbox
37
+ const Text = styled.span `
38
+ position: relative;
39
+ bottom: -5px;
40
+ `;
41
+ //# sourceMappingURL=RadioButtonStyled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButtonStyled.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/RadioButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAkB5B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,GACC,EAAE,EAAE,CAAC,CACtB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;IAC3B,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB;IACF,oBAAC,UAAU,IAAC,OAAO,EAAE,EAAE;QACrB,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI;QAC/B,oBAAC,IAAI,QAAE,KAAK,CAAQ,CACT,CACT,CACP,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW;;;;sBAIjB,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5B,CAAC,EAAE,OAAO,EAAa,EAAE,EAAE,CACnC,OAAO;IACL,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;IACvC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;CAC5C,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAK9B,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;WAKpB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;CAIhC,CAAA;AAED,wDAAwD;AACxD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGvB,CAAA"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Confirmation } from '../Confirmation';
4
+ test('renders', () => {
5
+ const { container } = render(React.createElement(Confirmation, null));
6
+ expect(container.firstChild).toMatchSnapshot();
7
+ });
8
+ //# sourceMappingURL=Confirmation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../src/ConfirmationRadioButtons/__tests__/Confirmation.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,OAAG,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ export { Confirmation } from './Confirmation';
@@ -0,0 +1,2 @@
1
+ export { Confirmation } from './Confirmation';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
@@ -1,14 +1,3 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
1
  import React, { useState } from 'react';
13
2
  import styled from 'styled-components';
14
3
  import { format, addDays, getMonth, getYear, eachMonthOfInterval, isSameDay, isWithinInterval, getDaysInMonth, isWeekend, isSameMonth, } from 'date-fns';
@@ -30,14 +19,13 @@ const getAvailableMonths = (startDate, endDate) => {
30
19
  label: format(monthDate, 'MMMM'),
31
20
  }));
32
21
  };
33
- export const Datepicker = (_a) => {
34
- var { showDayLabels = false, disableWeekend = true, range = 14, fromDate = new Date(), endingDate, showYear = false, showSelectedDate = false, onDateSelect, onChange, value } = _a, marginProps = __rest(_a, ["showDayLabels", "disableWeekend", "range", "fromDate", "endingDate", "showYear", "showSelectedDate", "onDateSelect", "onChange", "value"]);
22
+ export const Datepicker = ({ showDayLabels = false, disableWeekend = true, range = 14, fromDate = new Date(), endingDate, showYear = false, showSelectedDate = false, onDateSelect, onChange, value, ...marginProps }) => {
35
23
  // We want to make sure that the date is in the UK timezone,
36
24
  // this might need to be revisit when opening up to new countries
37
25
  const startDate = convertToUkDate(fromDate);
38
26
  const endDate = endingDate ? endingDate : addDays(startDate, range);
39
27
  const availableMonths = getAvailableMonths(startDate, endDate);
40
- const selectedDate = value !== null && value !== void 0 ? value : new Date();
28
+ const selectedDate = value ?? new Date();
41
29
  const [activeDay, setActiveDay] = useControllableState({
42
30
  initialState: undefined,
43
31
  stateProp: value,
@@ -47,7 +35,7 @@ export const Datepicker = (_a) => {
47
35
  : 0);
48
36
  const handleSelectEvent = (date) => {
49
37
  setActiveDay(date);
50
- onChange === null || onChange === void 0 ? void 0 : onChange(date);
38
+ onChange?.(date);
51
39
  onDateSelect(format(date, 'yyyy-MM-dd'));
52
40
  };
53
41
  const generateDaysForMonth = (monthDate) => {
@@ -67,7 +55,7 @@ export const Datepicker = (_a) => {
67
55
  }
68
56
  return filteredDays;
69
57
  };
70
- return (React.createElement(Container, Object.assign({ id: "datepicker" }, marginProps),
58
+ return (React.createElement(Container, { id: "datepicker", ...marginProps },
71
59
  React.createElement(Header, { flex: true, alignItems: "center", justifyContent: "space-between", direction: "row" },
72
60
  React.createElement(Circle, { type: "button", disabled: activeMonthIndex === 0, onClick: () => setActiveMonth(activeMonthIndex - 1), onKeyDown: (e) => {
73
61
  if (e.key === 'Enter') {
@@ -1 +1 @@
1
- {"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ export default {
5
5
  component: Datepicker,
6
6
  argTypes: { onDateSelect: { action: 'date selected' } },
7
7
  };
8
- const Template = (props) => React.createElement(Datepicker, Object.assign({}, props));
8
+ const Template = (props) => React.createElement(Datepicker, { ...props });
9
9
  export const Default = Template.bind({});
10
10
  Default.args = {
11
11
  showDayLabels: false,
@@ -1 +1 @@
1
- {"version":3,"file":"Datepicker.stories.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE;CACxD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;CACjC,CAAA"}
1
+ {"version":3,"file":"Datepicker.stories.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE;CACxD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;CACjC,CAAA"}
@@ -18,7 +18,7 @@ export const DatesList = ({ items, handleDateSelect, showDayLabels, }) => {
18
18
  Array(getBlankDaysCount(items[0].date))
19
19
  .fill(null)
20
20
  .map((_, index) => (React.createElement(ListButton, { key: `blankItem-${index}`, disabled: true }))),
21
- items.map((item, i) => (React.createElement(ListButton, { key: i, disabled: item.disabled, className: `ListButton ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date), onKeyDown: (e) => {
21
+ items.map((item, i) => (React.createElement(ListButton, { key: i, type: "button", disabled: item.disabled, className: `ListButton ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date), onKeyDown: (e) => {
22
22
  if (e.key === 'Enter') {
23
23
  handleDateSelect(item.date);
24
24
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"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"}
@@ -1,21 +1,9 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
1
  import React, { memo } from 'react';
13
2
  import styled, { css } from 'styled-components';
14
3
  import { Box } from '../Box';
15
4
  import { theme } from '../theme';
16
- export const Divider = memo(function Divider(_a) {
17
- var { maxWidth = 'none', height = '1px', color = 'oatmeal' } = _a, marginProps = __rest(_a, ["maxWidth", "height", "color"]);
18
- return (React.createElement(Line, Object.assign({ maxWidth: maxWidth, height: height, color: color }, marginProps)));
5
+ export const Divider = memo(function Divider({ maxWidth = 'none', height = '1px', color = 'oatmeal', ...marginProps }) {
6
+ return (React.createElement(Line, { maxWidth: maxWidth, height: height, color: color, ...marginProps }));
19
7
  });
20
8
  const Line = styled(Box) `
21
9
  ${({ color }) => color
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAK9D;QAL8D,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,SAAS,OAElB,EADI,WAAW,cAJ+C,+BAK9D,CADe;IAEd,OAAO,CACL,oBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAM,WAAW,EAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;eACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,IAAI,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAQvC,MAAM,CAAC,MAAM,OAAO,GAAqB,IAAI,CAAC,SAAS,OAAO,CAAC,EAC7D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,SAAS,EACjB,GAAG,WAAW,EACf;IACC,OAAO,CACL,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAM,WAAW,GAAI,CAC5E,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAkB;IACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACH,CAAC,CAAC,GAAG,CAAA;wBACa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;SAClC;IACH,CAAC,CAAC,EAAE;;YAEE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;eACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;;CAExC,CAAA"}
@@ -4,7 +4,7 @@ export default {
4
4
  title: 'Divider',
5
5
  component: Divider,
6
6
  };
7
- const Template = (props) => React.createElement(Divider, Object.assign({}, props));
7
+ const Template = (props) => React.createElement(Divider, { ...props });
8
8
  export const Default = Template.bind({});
9
9
  Default.args = {};
10
10
  //# sourceMappingURL=Divier.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Divier.stories.js","sourceRoot":"","sources":["../../src/Divider/Divier.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,oBAAC,OAAO,oBAAK,KAAK,EAAI,CAAA;AAEhE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA"}
1
+ {"version":3,"file":"Divier.stories.js","sourceRoot":"","sources":["../../src/Divider/Divier.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,oBAAC,OAAO,OAAK,KAAK,GAAI,CAAA;AAEhE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA"}