@televet/kibble-ui 1.20.4 → 1.20.5

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 (195) hide show
  1. package/build/{alert.component-3b59341a.js → alert.component-273388c0.js} +2 -2
  2. package/build/{alert.component-3b59341a.js.map → alert.component-273388c0.js.map} +1 -1
  3. package/build/avatar.component-f34355bf.js +2 -0
  4. package/build/avatar.component-f34355bf.js.map +1 -0
  5. package/build/avatarBadge.component-eb36a571.js +2 -0
  6. package/build/avatarBadge.component-eb36a571.js.map +1 -0
  7. package/build/{avatarGroup.component-b7003171.js → avatarGroup.component-4302837a.js} +2 -2
  8. package/build/{avatarGroup.component-b7003171.js.map → avatarGroup.component-4302837a.js.map} +1 -1
  9. package/build/{button.component-c0f12ef5.js → button.component-25b35016.js} +2 -2
  10. package/build/{button.component-c0f12ef5.js.map → button.component-25b35016.js.map} +1 -1
  11. package/build/chakra/index.js +1 -1
  12. package/build/chakra-ui-avatar.esm-20f2e374.js +2 -0
  13. package/build/{chakra-ui-avatar.esm-dcac0160.js.map → chakra-ui-avatar.esm-20f2e374.js.map} +1 -1
  14. package/build/{chakra-ui-button.esm-29841617.js → chakra-ui-button.esm-32e420eb.js} +2 -2
  15. package/build/{chakra-ui-button.esm-29841617.js.map → chakra-ui-button.esm-32e420eb.js.map} +1 -1
  16. package/build/chakra-ui-checkbox.esm-6a6974f2.js +2 -0
  17. package/build/{chakra-ui-checkbox.esm-551d7ed3.js.map → chakra-ui-checkbox.esm-6a6974f2.js.map} +1 -1
  18. package/build/{chakra-ui-form-control.esm-e9095eac.js → chakra-ui-form-control.esm-8240cc1c.js} +2 -2
  19. package/build/{chakra-ui-form-control.esm-e9095eac.js.map → chakra-ui-form-control.esm-8240cc1c.js.map} +1 -1
  20. package/build/chakra-ui-hooks.esm-c8f7aa0e.js +2 -0
  21. package/build/chakra-ui-hooks.esm-c8f7aa0e.js.map +1 -0
  22. package/build/{chakra-ui-input.esm-40a574c3.js → chakra-ui-input.esm-5e794564.js} +2 -2
  23. package/build/{chakra-ui-input.esm-40a574c3.js.map → chakra-ui-input.esm-5e794564.js.map} +1 -1
  24. package/build/chakra-ui-menu.esm-22115f36.js +2 -0
  25. package/build/{chakra-ui-menu.esm-75503743.js.map → chakra-ui-menu.esm-22115f36.js.map} +1 -1
  26. package/build/{chakra-ui-modal.esm-f93732cd.js → chakra-ui-modal.esm-9136b612.js} +2 -2
  27. package/build/{chakra-ui-modal.esm-f93732cd.js.map → chakra-ui-modal.esm-9136b612.js.map} +1 -1
  28. package/build/chakra-ui-popover.esm-af9721a4.js +2 -0
  29. package/build/{chakra-ui-popover.esm-8a057795.js.map → chakra-ui-popover.esm-af9721a4.js.map} +1 -1
  30. package/build/chakra-ui-portal.esm-72927bd9.js +2 -0
  31. package/build/{chakra-ui-portal.esm-e1dcde00.js.map → chakra-ui-portal.esm-72927bd9.js.map} +1 -1
  32. package/build/{chakra-ui-radio.esm-ef11b348.js → chakra-ui-radio.esm-ee587db1.js} +2 -2
  33. package/build/{chakra-ui-radio.esm-ef11b348.js.map → chakra-ui-radio.esm-ee587db1.js.map} +1 -1
  34. package/build/{chakra-ui-react.esm-e146fda7.js → chakra-ui-react.esm-54b6d554.js} +2 -2
  35. package/build/{chakra-ui-react.esm-e146fda7.js.map → chakra-ui-react.esm-54b6d554.js.map} +1 -1
  36. package/build/{chakra-ui-select.esm-c4102293.js → chakra-ui-select.esm-85c971dc.js} +2 -2
  37. package/build/{chakra-ui-select.esm-c4102293.js.map → chakra-ui-select.esm-85c971dc.js.map} +1 -1
  38. package/build/chakra-ui-skeleton.esm-749b81be.js +2 -0
  39. package/build/{chakra-ui-skeleton.esm-3c25e0bd.js.map → chakra-ui-skeleton.esm-749b81be.js.map} +1 -1
  40. package/build/chakra-ui-tabs.esm-dc1c4ea8.js +2 -0
  41. package/build/{chakra-ui-tabs.esm-45ecf74e.js.map → chakra-ui-tabs.esm-dc1c4ea8.js.map} +1 -1
  42. package/build/{chakra-ui-textarea.esm-965918fa.js → chakra-ui-textarea.esm-cfbdac00.js} +2 -2
  43. package/build/{chakra-ui-textarea.esm-965918fa.js.map → chakra-ui-textarea.esm-cfbdac00.js.map} +1 -1
  44. package/build/{checkbox.component-a5e17522.js → checkbox.component-9cd924d3.js} +2 -2
  45. package/build/{checkbox.component-a5e17522.js.map → checkbox.component-9cd924d3.js.map} +1 -1
  46. package/build/{checkboxGroup.component-dc143ba5.js → checkboxGroup.component-c16aa7a4.js} +2 -2
  47. package/build/{checkboxGroup.component-dc143ba5.js.map → checkboxGroup.component-c16aa7a4.js.map} +1 -1
  48. package/build/components/Alert/index.js +1 -1
  49. package/build/components/Avatar/components/AvatarBadge/index.d.ts +2 -0
  50. package/build/components/Avatar/components/AvatarBadge/index.js +2 -0
  51. package/build/components/Avatar/components/AvatarBadge/index.js.map +1 -0
  52. package/build/components/Avatar/index.d.ts +1 -0
  53. package/build/components/Avatar/index.js +1 -1
  54. package/build/components/AvatarGroup/index.js +1 -1
  55. package/build/components/Button/index.js +1 -1
  56. package/build/components/Checkbox/index.js +1 -1
  57. package/build/components/CheckboxGroup/index.js +1 -1
  58. package/build/components/DatePicker/index.js +1 -1
  59. package/build/components/Menu/components/MenuButton/index.js +1 -1
  60. package/build/components/Menu/components/MenuContainer/index.js +1 -1
  61. package/build/components/Menu/components/MenuItem/index.js +1 -1
  62. package/build/components/Menu/components/MenuList/index.js +1 -1
  63. package/build/components/Menu/components/MenuOptionGroup/index.js +1 -1
  64. package/build/components/Menu/index.js +1 -1
  65. package/build/components/Modal/components/ModalBody/index.js +1 -1
  66. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  67. package/build/components/Modal/components/ModalFooter/index.js +1 -1
  68. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  69. package/build/components/Modal/components/ModalHeader/index.js +1 -1
  70. package/build/components/Modal/index.js +1 -1
  71. package/build/components/Popover/components/PopoverBody/index.js +1 -1
  72. package/build/components/Popover/components/PopoverCloseButton/index.js +1 -1
  73. package/build/components/Popover/components/PopoverFooter/index.js +1 -1
  74. package/build/components/Popover/components/PopoverFooterButtons/index.js +1 -1
  75. package/build/components/Popover/components/PopoverHeader/index.js +1 -1
  76. package/build/components/Popover/index.js +1 -1
  77. package/build/components/Radio/index.js +1 -1
  78. package/build/components/RadioGroup/index.js +1 -1
  79. package/build/components/RatingDots/index.js +1 -1
  80. package/build/components/Select/index.js +1 -1
  81. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  82. package/build/components/SortableList/index.js +1 -1
  83. package/build/components/Switch/index.js +1 -1
  84. package/build/components/Tabs/components/Tab/index.js +1 -1
  85. package/build/components/Tabs/index.js +1 -1
  86. package/build/components/TabsLayout/index.js +1 -1
  87. package/build/components/Text/index.js +1 -1
  88. package/build/components/TextInput/index.js +1 -1
  89. package/build/components/Textarea/index.js +1 -1
  90. package/build/components/TimePicker/index.js +1 -1
  91. package/build/components/TimeRange/index.js +1 -1
  92. package/build/components/Toast/index.js +1 -1
  93. package/build/components/Tooltip/index.js +1 -1
  94. package/build/components/TruncatedText/index.js +1 -1
  95. package/build/components/index.js +1 -1
  96. package/build/{datepicker.types-4447ea43.js → datepicker.types-461ce471.js} +2 -2
  97. package/build/{datepicker.types-4447ea43.js.map → datepicker.types-461ce471.js.map} +1 -1
  98. package/build/{dragHandle.component-a0ed1bf0.js → dragHandle.component-a9d5ac7c.js} +2 -2
  99. package/build/{dragHandle.component-a0ed1bf0.js.map → dragHandle.component-a9d5ac7c.js.map} +1 -1
  100. package/build/{formControl.component-6ce1e8a6.js → formControl.component-e9d59dd3.js} +2 -2
  101. package/build/{formControl.component-6ce1e8a6.js.map → formControl.component-e9d59dd3.js.map} +1 -1
  102. package/build/hocs/index.js +1 -1
  103. package/build/index.js +1 -1
  104. package/build/menu.component-605ec33e.js +2 -0
  105. package/build/{menu.component-261b3e9e.js.map → menu.component-605ec33e.js.map} +1 -1
  106. package/build/{menuButton.component-dc103ade.js → menuButton.component-7d00ebf2.js} +2 -2
  107. package/build/{menuButton.component-dc103ade.js.map → menuButton.component-7d00ebf2.js.map} +1 -1
  108. package/build/{menuContainer.component-3126d468.js → menuContainer.component-b44ee33f.js} +2 -2
  109. package/build/{menuContainer.component-3126d468.js.map → menuContainer.component-b44ee33f.js.map} +1 -1
  110. package/build/{menuItem.component-de6a71ca.js → menuItem.component-4b12a2e8.js} +2 -2
  111. package/build/{menuItem.component-de6a71ca.js.map → menuItem.component-4b12a2e8.js.map} +1 -1
  112. package/build/{menuList.component-ca4f3e6b.js → menuList.component-7b86c593.js} +2 -2
  113. package/build/{menuList.component-ca4f3e6b.js.map → menuList.component-7b86c593.js.map} +1 -1
  114. package/build/{menuOptionGroup.component-c8ea0aff.js → menuOptionGroup.component-c684dd20.js} +2 -2
  115. package/build/{menuOptionGroup.component-c8ea0aff.js.map → menuOptionGroup.component-c684dd20.js.map} +1 -1
  116. package/build/{modal.component-9493250d.js → modal.component-d4b9221a.js} +2 -2
  117. package/build/{modal.component-9493250d.js.map → modal.component-d4b9221a.js.map} +1 -1
  118. package/build/{modalBody.component-1926b6d1.js → modalBody.component-84d1e5e0.js} +2 -2
  119. package/build/{modalBody.component-1926b6d1.js.map → modalBody.component-84d1e5e0.js.map} +1 -1
  120. package/build/{modalCloseButton.component-9fd3b3dd.js → modalCloseButton.component-afe7a8a2.js} +2 -2
  121. package/build/{modalCloseButton.component-9fd3b3dd.js.map → modalCloseButton.component-afe7a8a2.js.map} +1 -1
  122. package/build/{modalFooter.component-e957013f.js → modalFooter.component-bdb34b28.js} +2 -2
  123. package/build/{modalFooter.component-e957013f.js.map → modalFooter.component-bdb34b28.js.map} +1 -1
  124. package/build/{modalFooterButtons.component-1ee933ec.js → modalFooterButtons.component-85a3c154.js} +2 -2
  125. package/build/{modalFooterButtons.component-1ee933ec.js.map → modalFooterButtons.component-85a3c154.js.map} +1 -1
  126. package/build/{modalHeader.component-4a44b8ac.js → modalHeader.component-d1f16926.js} +2 -2
  127. package/build/{modalHeader.component-4a44b8ac.js.map → modalHeader.component-d1f16926.js.map} +1 -1
  128. package/build/{popover.component-929ab810.js → popover.component-35b520f6.js} +2 -2
  129. package/build/{popover.component-929ab810.js.map → popover.component-35b520f6.js.map} +1 -1
  130. package/build/{popoverBody.component-53e64298.js → popoverBody.component-ae4cc471.js} +2 -2
  131. package/build/{popoverBody.component-53e64298.js.map → popoverBody.component-ae4cc471.js.map} +1 -1
  132. package/build/popoverCloseButton.component-237f4e7f.js +2 -0
  133. package/build/{popoverCloseButton.component-89388be1.js.map → popoverCloseButton.component-237f4e7f.js.map} +1 -1
  134. package/build/{popoverFooter.component-242363f4.js → popoverFooter.component-b39d12d1.js} +2 -2
  135. package/build/{popoverFooter.component-242363f4.js.map → popoverFooter.component-b39d12d1.js.map} +1 -1
  136. package/build/popoverFooterButtons.component-229b60ed.js +2 -0
  137. package/build/{popoverFooterButtons.component-53b338db.js.map → popoverFooterButtons.component-229b60ed.js.map} +1 -1
  138. package/build/{popoverHeader.component-34eb1b82.js → popoverHeader.component-0ee69cde.js} +2 -2
  139. package/build/{popoverHeader.component-34eb1b82.js.map → popoverHeader.component-0ee69cde.js.map} +1 -1
  140. package/build/{radio.component-b6d50e84.js → radio.component-77c1b19b.js} +2 -2
  141. package/build/{radio.component-b6d50e84.js.map → radio.component-77c1b19b.js.map} +1 -1
  142. package/build/{radioGroup.component-4082cbef.js → radioGroup.component-37b6bbe1.js} +2 -2
  143. package/build/{radioGroup.component-4082cbef.js.map → radioGroup.component-37b6bbe1.js.map} +1 -1
  144. package/build/{ratingDots.component-1944ab02.js → ratingDots.component-9d3ff8ae.js} +2 -2
  145. package/build/{ratingDots.component-1944ab02.js.map → ratingDots.component-9d3ff8ae.js.map} +1 -1
  146. package/build/{select.component-e07985b0.js → select.component-037e931c.js} +2 -2
  147. package/build/{select.component-e07985b0.js.map → select.component-037e931c.js.map} +1 -1
  148. package/build/{switch.component-14aff933.js → switch.component-4718b003.js} +2 -2
  149. package/build/{switch.component-14aff933.js.map → switch.component-4718b003.js.map} +1 -1
  150. package/build/{tab.component-5c72533e.js → tab.component-f3a8def2.js} +2 -2
  151. package/build/{tab.component-5c72533e.js.map → tab.component-f3a8def2.js.map} +1 -1
  152. package/build/{tabs.component-9dde0129.js → tabs.component-60951d3c.js} +2 -2
  153. package/build/{tabs.component-9dde0129.js.map → tabs.component-60951d3c.js.map} +1 -1
  154. package/build/{tabsLayout.component-67d031de.js → tabsLayout.component-e27eaf48.js} +2 -2
  155. package/build/{tabsLayout.component-67d031de.js.map → tabsLayout.component-e27eaf48.js.map} +1 -1
  156. package/build/{text.component-74ae29fd.js → text.component-dabbab97.js} +2 -2
  157. package/build/{text.component-74ae29fd.js.map → text.component-dabbab97.js.map} +1 -1
  158. package/build/textInput.component-4214ab50.js +2 -0
  159. package/build/{textInput.component-51fc76e2.js.map → textInput.component-4214ab50.js.map} +1 -1
  160. package/build/{textarea.component-dd1bfd72.js → textarea.component-e5a68a9d.js} +2 -2
  161. package/build/{textarea.component-dd1bfd72.js.map → textarea.component-e5a68a9d.js.map} +1 -1
  162. package/build/theme/index.js +1 -1
  163. package/build/{theme.provider-f951a0ae.js → theme.provider-a848dc1b.js} +2 -2
  164. package/build/{theme.provider-f951a0ae.js.map → theme.provider-a848dc1b.js.map} +1 -1
  165. package/build/{timePicker.component-7f472e6c.js → timePicker.component-ab7cf269.js} +2 -2
  166. package/build/{timePicker.component-7f472e6c.js.map → timePicker.component-ab7cf269.js.map} +1 -1
  167. package/build/{timeRange.component-24ea59a0.js → timeRange.component-f5fea5f6.js} +2 -2
  168. package/build/{timeRange.component-24ea59a0.js.map → timeRange.component-f5fea5f6.js.map} +1 -1
  169. package/build/tooltip.component-25303330.js +2 -0
  170. package/build/{tooltip.component-fb511c83.js.map → tooltip.component-25303330.js.map} +1 -1
  171. package/build/{truncatedText.component-d242bfa7.js → truncatedText.component-02797815.js} +2 -2
  172. package/build/{truncatedText.component-d242bfa7.js.map → truncatedText.component-02797815.js.map} +1 -1
  173. package/build/use-animation-state-5054a9f7.esm-ad9a45c2.js +2 -0
  174. package/build/use-animation-state-5054a9f7.esm-ad9a45c2.js.map +1 -0
  175. package/build/{useToast-2c6cbde0.js → useToast-77814c69.js} +2 -2
  176. package/build/{useToast-2c6cbde0.js.map → useToast-77814c69.js.map} +1 -1
  177. package/build/{withTheme-3ac839a3.js → withTheme-bac0a8eb.js} +2 -2
  178. package/build/{withTheme-3ac839a3.js.map → withTheme-bac0a8eb.js.map} +1 -1
  179. package/package.json +1 -1
  180. package/build/avatar.component-5d66139f.js +0 -2
  181. package/build/avatar.component-5d66139f.js.map +0 -1
  182. package/build/chakra-ui-avatar.esm-dcac0160.js +0 -2
  183. package/build/chakra-ui-checkbox.esm-551d7ed3.js +0 -2
  184. package/build/chakra-ui-hooks.esm-c49383b7.js +0 -2
  185. package/build/chakra-ui-hooks.esm-c49383b7.js.map +0 -1
  186. package/build/chakra-ui-menu.esm-75503743.js +0 -2
  187. package/build/chakra-ui-popover.esm-8a057795.js +0 -2
  188. package/build/chakra-ui-portal.esm-e1dcde00.js +0 -2
  189. package/build/chakra-ui-skeleton.esm-3c25e0bd.js +0 -2
  190. package/build/chakra-ui-tabs.esm-45ecf74e.js +0 -2
  191. package/build/menu.component-261b3e9e.js +0 -2
  192. package/build/popoverCloseButton.component-89388be1.js +0 -2
  193. package/build/popoverFooterButtons.component-53b338db.js +0 -2
  194. package/build/textInput.component-51fc76e2.js +0 -2
  195. package/build/tooltip.component-fb511c83.js +0 -2
@@ -1 +1 @@
1
- {"version":3,"file":"modalFooter.component-e957013f.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","__assign","pb"],"mappings":"+NAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD"}
1
+ {"version":3,"file":"modalFooter.component-bdb34b28.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","__assign","pb"],"mappings":"+NAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./button.component-c0f12ef5.js"),i=require("./chakra-ui-layout.esm-493ee04b.js"),n=require("./chakra-ui-modal.esm-f93732cd.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var f=t.onSubmit,b=t.allowCancel,v=void 0===b||b,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:f,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
2
- //# sourceMappingURL=modalFooterButtons.component-1ee933ec.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./button.component-25b35016.js"),i=require("./chakra-ui-layout.esm-493ee04b.js"),n=require("./chakra-ui-modal.esm-9136b612.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var b=t.onSubmit,f=t.allowCancel,v=void 0===f||f,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:b,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
2
+ //# sourceMappingURL=modalFooterButtons.component-85a3c154.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modalFooterButtons.component-1ee933ec.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBkC,SAACA,GACjC,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAMA,OAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}
1
+ {"version":3,"file":"modalFooterButtons.component-85a3c154.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBkC,SAACA,GACjC,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAMA,OAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./heading.component-46024b9d.js"),a=require("./chakra-ui-modal.esm-f93732cd.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=function(r){var i=r.size,n=void 0===i?"md":i,s=r.children,u=e.__rest(r,["size","children"]);return d.default.createElement(a.ModalHeader,e.__assign({px:6,pt:6,pb:2},u),d.default.createElement(t.Heading,{size:n},s))};
2
- //# sourceMappingURL=modalHeader.component-4a44b8ac.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./heading.component-46024b9d.js"),a=require("./chakra-ui-modal.esm-9136b612.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=function(r){var i=r.size,n=void 0===i?"md":i,s=r.children,u=e.__rest(r,["size","children"]);return d.default.createElement(a.ModalHeader,e.__assign({px:6,pt:6,pb:2},u),d.default.createElement(t.Heading,{size:n},s))};
2
+ //# sourceMappingURL=modalHeader.component-d1f16926.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modalHeader.component-4a44b8ac.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","_b","size","children","rest","__rest","React","createElement","CModalHeader","__assign","px","pt","pb","Heading"],"mappings":"4QAS2B,SAACA,GAAE,IAAAC,EAAWD,EAAAE,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAAKC,EAAIC,EAAAA,OAAAL,EAAhC,qBAC1B,OACEM,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOR,GACrCE,EAAC,QAAAC,cAAAM,UAAQ,CAAAX,KAAMA,GAAOC"}
1
+ {"version":3,"file":"modalHeader.component-d1f16926.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","_b","size","children","rest","__rest","React","createElement","CModalHeader","__assign","px","pt","pb","Heading"],"mappings":"4QAS2B,SAACA,GAAE,IAAAC,EAAWD,EAAAE,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SAAKC,EAAIC,EAAAA,OAAAL,EAAhC,qBAC1B,OACEM,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOR,GACrCE,EAAC,QAAAC,cAAAM,UAAQ,CAAAX,KAAMA,GAAOC"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./withDarkMode-3fdb3990.js"),t=require("./useTheme-d7d8c3f5.js"),a=require("./useAdaptiveColor-bd61f863.js"),d=require("./text.component-74ae29fd.js"),s=require("./chakra-ui-popover.esm-8a057795.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.Popover=function(r){var i=r.children,l=r.popoverTrigger,u=r.darkMode,c=r.allowEscape,p=void 0===c||c,v=r.size,f=void 0===v?"sm":v,g=r.shadow,h=void 0===g?"md":g,m=r.contentProps,b=e.__rest(r,["children","popoverTrigger","darkMode","allowEscape","size","shadow","contentProps"]),k=t.useTheme(),w=k.colors,E=k.components.Popover[f].width,P=a.useAdaptiveColor(w.background),j=u?w.background.dark:P,q=u?w.background.dark:w.border.light.default;return n.default.createElement(s.Popover,e.__assign({},b,{closeOnBlur:p,closeOnEsc:p}),n.default.createElement(s.PopoverTrigger,null,l),o.withDarkMode(n.default.createElement(s.PopoverContent,e.__assign({width:E,bg:j,borderColor:q,shadow:h},m),n.default.createElement(s.PopoverArrow,{bg:j}),n.default.createElement(d.Text,{size:"sm"},i)),!!u))};
2
- //# sourceMappingURL=popover.component-929ab810.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./withDarkMode-3fdb3990.js"),t=require("./useTheme-d7d8c3f5.js"),a=require("./useAdaptiveColor-bd61f863.js"),d=require("./text.component-dabbab97.js"),s=require("./chakra-ui-popover.esm-af9721a4.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.Popover=function(r){var i=r.children,l=r.popoverTrigger,u=r.darkMode,c=r.allowEscape,p=void 0===c||c,v=r.size,f=void 0===v?"sm":v,b=r.shadow,g=void 0===b?"md":b,h=r.contentProps,m=e.__rest(r,["children","popoverTrigger","darkMode","allowEscape","size","shadow","contentProps"]),k=t.useTheme(),w=k.colors,E=k.components.Popover[f].width,P=a.useAdaptiveColor(w.background),j=u?w.background.dark:P,q=u?w.background.dark:w.border.light.default;return n.default.createElement(s.Popover,e.__assign({},m,{closeOnBlur:p,closeOnEsc:p}),n.default.createElement(s.PopoverTrigger,null,l),o.withDarkMode(n.default.createElement(s.PopoverContent,e.__assign({width:E,bg:j,borderColor:q,shadow:g},h),n.default.createElement(s.PopoverArrow,{bg:j}),n.default.createElement(d.Text,{size:"sm"},i)),!!u))};
2
+ //# sourceMappingURL=popover.component-35b520f6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.component-929ab810.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Popover as CPopover,\n PopoverProps as CPopoverProps,\n PopoverTrigger,\n PopoverContent as CPopoverContent,\n PopoverArrow,\n PopoverContentProps,\n} from '@chakra-ui/react';\nimport { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';\nimport { withDarkMode } from 'hocs/withDarkMode';\nimport { useTheme } from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { Text } from '../Text/text.component';\nimport * as CSS from 'csstype';\n\nexport interface PopoverProps extends CPopoverProps {\n children: ReactNode;\n popoverTrigger: ReactNode;\n darkMode?: boolean;\n allowEscape?: boolean;\n size?: PopoverSize;\n shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;\n contentProps?: PopoverContentProps;\n}\n\nexport const Popover = ({\n children,\n popoverTrigger,\n darkMode,\n allowEscape = true,\n size = 'sm',\n shadow = 'md',\n contentProps,\n ...rest\n}: PopoverProps): JSX.Element => {\n const { colors, components } = useTheme();\n const { width } = components.Popover[size];\n\n const adaptiveBackground = useAdaptiveColor(colors.background);\n\n const bg = !darkMode ? adaptiveBackground : colors.background.dark;\n\n const borderColor = !darkMode ? colors.border.light.default : colors.background.dark;\n\n return (\n <CPopover {...rest} closeOnBlur={allowEscape} closeOnEsc={allowEscape}>\n <PopoverTrigger>{popoverTrigger}</PopoverTrigger>\n {withDarkMode(\n <CPopoverContent width={width} bg={bg} borderColor={borderColor} shadow={shadow} {...contentProps}>\n <PopoverArrow bg={bg} />\n <Text size=\"sm\">{children}</Text>\n </CPopoverContent>,\n !!darkMode,\n )}\n </CPopover>\n );\n};\n"],"names":["_a","children","popoverTrigger","darkMode","_b","allowEscape","_c","size","_d","shadow","contentProps","rest","__rest","_e","useTheme","colors","width","components","Popover","adaptiveBackground","useAdaptiveColor","background","bg","dark","borderColor","border","light","default","React","createElement","CPopover","__assign","closeOnBlur","closeOnEsc","PopoverTrigger","withDarkMode","CPopoverContent","PopoverContent","PopoverArrow","Text"],"mappings":"+XA2BuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAcF,EAAAE,eACdC,EAAQH,EAAAG,SACRC,EAAAJ,EAAAK,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAaR,EAAAS,OAAbA,OAAS,IAAAD,EAAA,KAAIA,EACbE,EAAYV,EAAAU,aACTC,EAAIC,EAAAA,OAAAZ,EARe,uFAUhBa,EAAyBC,EAAQA,WAA/BC,EAAMF,EAAAE,OACNC,EADkBH,EAAAI,WACGC,QAAQX,GAAKS,MAEpCG,EAAqBC,EAAAA,iBAAiBL,EAAOM,YAE7CC,EAAMnB,EAAgCY,EAAOM,WAAWE,KAAvCJ,EAEjBK,EAAerB,EAAyCY,EAAOM,WAAWE,KAAhDR,EAAOU,OAAOC,MAAMC,QAEpD,OACEC,UAAAC,cAACC,EAAQZ,QAAAa,EAAAA,SAAA,GAAKpB,EAAI,CAAEqB,YAAa3B,EAAa4B,WAAY5B,IACxDuB,EAAAA,QAACC,cAAAK,iBAAgB,KAAAhC,GAChBiC,EAAYA,aACXP,wBAACQ,EAAeC,eAAAN,EAAAA,SAAA,CAACf,MAAOA,EAAOM,GAAIA,EAAIE,YAAaA,EAAaf,OAAQA,GAAYC,GACnFkB,EAAAA,QAAAC,cAACS,EAAAA,aAAY,CAAChB,GAAIA,IAClBM,EAAAA,QAAAC,cAACU,OAAK,CAAAhC,KAAK,MAAMN,MAEjBE"}
1
+ {"version":3,"file":"popover.component-35b520f6.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Popover as CPopover,\n PopoverProps as CPopoverProps,\n PopoverTrigger,\n PopoverContent as CPopoverContent,\n PopoverArrow,\n PopoverContentProps,\n} from '@chakra-ui/react';\nimport { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';\nimport { withDarkMode } from 'hocs/withDarkMode';\nimport { useTheme } from 'hooks/useTheme';\nimport { PopoverSize } from './popover.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { Text } from '../Text/text.component';\nimport * as CSS from 'csstype';\n\nexport interface PopoverProps extends CPopoverProps {\n children: ReactNode;\n popoverTrigger: ReactNode;\n darkMode?: boolean;\n allowEscape?: boolean;\n size?: PopoverSize;\n shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;\n contentProps?: PopoverContentProps;\n}\n\nexport const Popover = ({\n children,\n popoverTrigger,\n darkMode,\n allowEscape = true,\n size = 'sm',\n shadow = 'md',\n contentProps,\n ...rest\n}: PopoverProps): JSX.Element => {\n const { colors, components } = useTheme();\n const { width } = components.Popover[size];\n\n const adaptiveBackground = useAdaptiveColor(colors.background);\n\n const bg = !darkMode ? adaptiveBackground : colors.background.dark;\n\n const borderColor = !darkMode ? colors.border.light.default : colors.background.dark;\n\n return (\n <CPopover {...rest} closeOnBlur={allowEscape} closeOnEsc={allowEscape}>\n <PopoverTrigger>{popoverTrigger}</PopoverTrigger>\n {withDarkMode(\n <CPopoverContent width={width} bg={bg} borderColor={borderColor} shadow={shadow} {...contentProps}>\n <PopoverArrow bg={bg} />\n <Text size=\"sm\">{children}</Text>\n </CPopoverContent>,\n !!darkMode,\n )}\n </CPopover>\n );\n};\n"],"names":["_a","children","popoverTrigger","darkMode","_b","allowEscape","_c","size","_d","shadow","contentProps","rest","__rest","_e","useTheme","colors","width","components","Popover","adaptiveBackground","useAdaptiveColor","background","bg","dark","borderColor","border","light","default","React","createElement","CPopover","__assign","closeOnBlur","closeOnEsc","PopoverTrigger","withDarkMode","CPopoverContent","PopoverContent","PopoverArrow","Text"],"mappings":"+XA2BuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAcF,EAAAE,eACdC,EAAQH,EAAAG,SACRC,EAAAJ,EAAAK,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAaR,EAAAS,OAAbA,OAAS,IAAAD,EAAA,KAAIA,EACbE,EAAYV,EAAAU,aACTC,EAAIC,EAAAA,OAAAZ,EARe,uFAUhBa,EAAyBC,EAAQA,WAA/BC,EAAMF,EAAAE,OACNC,EADkBH,EAAAI,WACGC,QAAQX,GAAKS,MAEpCG,EAAqBC,EAAAA,iBAAiBL,EAAOM,YAE7CC,EAAMnB,EAAgCY,EAAOM,WAAWE,KAAvCJ,EAEjBK,EAAerB,EAAyCY,EAAOM,WAAWE,KAAhDR,EAAOU,OAAOC,MAAMC,QAEpD,OACEC,UAAAC,cAACC,EAAQZ,QAAAa,EAAAA,SAAA,GAAKpB,EAAI,CAAEqB,YAAa3B,EAAa4B,WAAY5B,IACxDuB,EAAAA,QAACC,cAAAK,iBAAgB,KAAAhC,GAChBiC,EAAYA,aACXP,wBAACQ,EAAeC,eAAAN,EAAAA,SAAA,CAACf,MAAOA,EAAOM,GAAIA,EAAIE,YAAaA,EAAaf,OAAQA,GAAYC,GACnFkB,EAAAA,QAAAC,cAACS,EAAAA,aAAY,CAAChB,GAAIA,IAClBM,EAAAA,QAAAC,cAACU,OAAK,CAAAhC,KAAK,MAAMN,MAEjBE"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-8a057795.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.PopoverBody=function(r){var a=r.children,i=e.__rest(r,["children"]);return o.default.createElement(t.PopoverBody,e.__assign({pb:3,pt:0},i),a)};
2
- //# sourceMappingURL=popoverBody.component-53e64298.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-af9721a4.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.PopoverBody=function(r){var a=r.children,i=e.__rest(r,["children"]);return o.default.createElement(t.PopoverBody,e.__assign({pb:3,pt:0},i),a)};
2
+ //# sourceMappingURL=popoverBody.component-ae4cc471.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverBody.component-53e64298.js","sources":["../src/components/Popover/components/PopoverBody/popoverBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverBody as CPopoverBody, PopoverBodyProps as CPopoverBodyProps } from '@chakra-ui/react';\n\nexport interface PopoverBodyProps extends CPopoverBodyProps {}\n\nexport const PopoverBody = ({ children, ...rest }: PopoverBodyProps): JSX.Element => {\n return (\n <CPopoverBody pb={3} pt={0} {...rest}>\n {children}\n </CPopoverBody>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CPopoverBody","__assign","pb","pt"],"mappings":"iOAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,GAAOP,GAC7BD"}
1
+ {"version":3,"file":"popoverBody.component-ae4cc471.js","sources":["../src/components/Popover/components/PopoverBody/popoverBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverBody as CPopoverBody, PopoverBodyProps as CPopoverBodyProps } from '@chakra-ui/react';\n\nexport interface PopoverBodyProps extends CPopoverBodyProps {}\n\nexport const PopoverBody = ({ children, ...rest }: PopoverBodyProps): JSX.Element => {\n return (\n <CPopoverBody pb={3} pt={0} {...rest}>\n {children}\n </CPopoverBody>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CPopoverBody","__assign","pb","pt"],"mappings":"iOAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,EAAC,QAAAC,cAAAC,cAAaC,EAAAA,SAAA,CAAAC,GAAI,EAAGC,GAAI,GAAOP,GAC7BD"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-25b35016.js"),r=require("./chakra-ui-popover.esm-af9721a4.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverCloseButton=function(t){var s=t.size,n=void 0===s?"xs":s,a=e.__rest(t,["size"]),u=r.usePopoverContext().onClose;return i.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:u,iconName:"close",position:"absolute",right:1,top:1,size:n},a))};
2
+ //# sourceMappingURL=popoverCloseButton.component-237f4e7f.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverCloseButton.component-89388be1.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}
1
+ {"version":3,"file":"popoverCloseButton.component-237f4e7f.js","sources":["../src/components/Popover/components/PopoverCloseButton/popoverCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { usePopoverContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface PopoverCloseButtonProps extends ButtonProps {}\n\nexport const PopoverCloseButton = ({ size = 'xs', ...rest }: PopoverCloseButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","_b","size","rest","__rest","onClose","usePopoverContext","React","createElement","Button","__assign","variant","onClick","iconName","position","right","top"],"mappings":"oRAMkC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAlBC,EAAAA,OAAAJ,EAAA,CAAA,SACzBK,EAAYC,8BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACLd,KAAMA,GACFC"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-8a057795.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r);exports.PopoverFooter=function(r){var o=r.children,i=e.__rest(r,["children"]);return a.default.createElement(t.PopoverFooter,e.__assign({},i,{pb:3,pt:0,borderTop:0}),o)};
2
- //# sourceMappingURL=popoverFooter.component-242363f4.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-af9721a4.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r);exports.PopoverFooter=function(r){var o=r.children,i=e.__rest(r,["children"]);return a.default.createElement(t.PopoverFooter,e.__assign({},i,{pb:3,pt:0,borderTop:0}),o)};
2
+ //# sourceMappingURL=popoverFooter.component-b39d12d1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverFooter.component-242363f4.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooter as CPopoverFooter, PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/react';\n\nexport interface PopoverFooterProps extends CPopoverFooterProps {}\n\nexport const PopoverFooter = ({ children, ...rest }: PopoverFooterProps): JSX.Element => {\n return (\n <CPopoverFooter {...rest} pb={3} pt={0} borderTop={0}>\n {children}\n </CPopoverFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","CPopoverFooter","__assign","pb","pt","borderTop"],"mappings":"mOAK6B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC5B,OACEI,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,EAAM,CAAAK,GAAI,EAAGC,GAAI,EAAGC,UAAW,IAChDR"}
1
+ {"version":3,"file":"popoverFooter.component-b39d12d1.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooter as CPopoverFooter, PopoverFooterProps as CPopoverFooterProps } from '@chakra-ui/react';\n\nexport interface PopoverFooterProps extends CPopoverFooterProps {}\n\nexport const PopoverFooter = ({ children, ...rest }: PopoverFooterProps): JSX.Element => {\n return (\n <CPopoverFooter {...rest} pb={3} pt={0} borderTop={0}>\n {children}\n </CPopoverFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","CPopoverFooter","__assign","pb","pt","borderTop"],"mappings":"mOAK6B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC5B,OACEI,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,EAAM,CAAAK,GAAI,EAAGC,GAAI,EAAGC,UAAW,IAChDR"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./popoverFooter.component-b39d12d1.js"),i=require("./button.component-25b35016.js"),a=require("./chakra-ui-popover.esm-af9721a4.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);exports.PopoverFooterButtons=function(t){var n=t.submitText,u=void 0===n?"Submit":n,l=t.isLoading,c=t.isDisabled,d=t.isDestructive;t.children;var m=t.onSubmit,v=t.allowCancel,b=void 0===v||v,p=t.onCancel,f=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","allowCancel","onCancel"]),C=a.usePopoverContext().onClose;return s.default.createElement(r.PopoverFooter,e.__assign({},f),s.default.createElement(o.Flex,{w:"100%"},b&&s.default.createElement(i.Button,{variant:"tertiary",size:"sm",onClick:function(){p&&p(),C()}},"Cancel"),s.default.createElement(o.Spacer,null),s.default.createElement(i.Button,{onClick:m,isLoading:l,isDisabled:c,size:"sm",variant:d?"primaryDestructive":"primary"},u)))};
2
+ //# sourceMappingURL=popoverFooterButtons.component-229b60ed.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverFooterButtons.component-53b338db.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n submitText?: string;\n isLoading?: boolean;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n isDisabled,\n isDestructive,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <PopoverFooter {...rest}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" size=\"sm\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n isLoading={isLoading}\n isDisabled={isDisabled}\n size=\"sm\"\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </PopoverFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}
1
+ {"version":3,"file":"popoverFooterButtons.component-229b60ed.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext, Flex, Spacer } from '@chakra-ui/react';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from '../../../Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n submitText?: string;\n isLoading?: boolean;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n isDisabled,\n isDestructive,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <PopoverFooter {...rest}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" size=\"sm\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n isLoading={isLoading}\n isDisabled={isDisabled}\n size=\"sm\"\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </PopoverFooter>\n );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yXAeoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,KAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAMA,OAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./heading.component-46024b9d.js"),t=require("./chakra-ui-popover.esm-8a057795.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.PopoverHeader=function(r){var a=r.size,n=void 0===a?"sm":a,c=r.color,s=r.colorToken,l=r.children,u=e.__rest(r,["size","color","colorToken","children"]);return i.default.createElement(t.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(o.Heading,{size:n,colorToken:s,color:c},l))};
2
- //# sourceMappingURL=popoverHeader.component-34eb1b82.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./heading.component-46024b9d.js"),t=require("./chakra-ui-popover.esm-af9721a4.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.PopoverHeader=function(r){var a=r.size,n=void 0===a?"sm":a,c=r.color,s=r.colorToken,l=r.children,u=e.__rest(r,["size","color","colorToken","children"]);return i.default.createElement(t.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(o.Heading,{size:n,colorToken:s,color:c},l))};
2
+ //# sourceMappingURL=popoverHeader.component-0ee69cde.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popoverHeader.component-34eb1b82.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverHeader as CPopoverHeader, PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { TextColor } from 'shared/types';\n\nexport interface PopoverHeaderProps extends CPopoverHeaderProps {\n size?: HeadingSize;\n colorToken?: TextColor;\n}\n\nexport const PopoverHeader = ({\n size = 'sm',\n color,\n colorToken,\n children,\n ...rest\n}: PopoverHeaderProps): JSX.Element => {\n return (\n <CPopoverHeader px={3} pt={3} pb={1} borderBottom={0} {...rest}>\n <Heading size={size} colorToken={colorToken} color={color}>\n {children}\n </Heading>\n </CPopoverHeader>\n );\n};\n"],"names":["_a","_b","size","color","colorToken","children","rest","__rest","React","CPopoverHeader","__assign","px","pt","pb","borderBottom","createElement","Heading"],"mappings":"gRAW6B,SAACA,GAC5B,IAAAC,SAAAC,aAAO,KAAID,EACXE,EAAKH,EAAAG,MACLC,EAAUJ,EAAAI,WACVC,EAAQL,EAAAK,SACLC,EAAIC,EAAAA,OAAAP,EALqB,0CAO5B,OACEQ,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,GAAOR,GACxDE,EAAAA,QAAAO,cAACC,UAAQ,CAAAd,KAAMA,EAAME,WAAYA,EAAYD,MAAOA,GACjDE"}
1
+ {"version":3,"file":"popoverHeader.component-0ee69cde.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverHeader as CPopoverHeader, PopoverHeaderProps as CPopoverHeaderProps } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { TextColor } from 'shared/types';\n\nexport interface PopoverHeaderProps extends CPopoverHeaderProps {\n size?: HeadingSize;\n colorToken?: TextColor;\n}\n\nexport const PopoverHeader = ({\n size = 'sm',\n color,\n colorToken,\n children,\n ...rest\n}: PopoverHeaderProps): JSX.Element => {\n return (\n <CPopoverHeader px={3} pt={3} pb={1} borderBottom={0} {...rest}>\n <Heading size={size} colorToken={colorToken} color={color}>\n {children}\n </Heading>\n </CPopoverHeader>\n );\n};\n"],"names":["_a","_b","size","color","colorToken","children","rest","__rest","React","CPopoverHeader","__assign","px","pt","pb","borderBottom","createElement","Heading"],"mappings":"gRAW6B,SAACA,GAC5B,IAAAC,SAAAC,aAAO,KAAID,EACXE,EAAKH,EAAAG,MACLC,EAAUJ,EAAAI,WACVC,EAAQL,EAAAK,SACLC,EAAIC,EAAAA,OAAAP,EALqB,0CAO5B,OACEQ,EAAAA,sBAACC,EAAAA,cAAcC,EAAAA,SAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,GAAOR,GACxDE,EAAAA,QAAAO,cAACC,UAAQ,CAAAd,KAAMA,EAAME,WAAYA,EAAYD,MAAOA,GACjDE"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),r=require("./chakra-ui-radio.esm-ef11b348.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i);exports.Radio=function(i){var t=i.children,s=i.size,n=void 0===s?"md":s;i.isFieldInline;var l=e.__rest(i,["children","size","isFieldInline"]);return a.default.createElement(r.Radio,e.__assign({},l,{size:n,alignItems:"flex-start"}),t)};
2
- //# sourceMappingURL=radio.component-b6d50e84.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),r=require("./chakra-ui-radio.esm-ee587db1.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i);exports.Radio=function(i){var t=i.children,s=i.size,n=void 0===s?"md":s;i.isFieldInline;var d=e.__rest(i,["children","size","isFieldInline"]);return a.default.createElement(r.Radio,e.__assign({},d,{size:n,alignItems:"flex-start"}),t)};
2
+ //# sourceMappingURL=radio.component-77c1b19b.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.component-b6d50e84.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n size?: RadioSize;\n isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n return (\n <CRadio {...rest} size={size} alignItems=\"flex-start\">\n {children}\n </CRadio>\n );\n};\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"yNASqB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACpB,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,GAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX"}
1
+ {"version":3,"file":"radio.component-77c1b19b.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/react';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n size?: RadioSize;\n isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n return (\n <CRadio {...rest} size={size} alignItems=\"flex-start\">\n {children}\n </CRadio>\n );\n};\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"yNASqB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACpB,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,GAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-6ce1e8a6.js"),a=require("./radio.component-b6d50e84.js"),t=require("./chakra-ui-radio.esm-ef11b348.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var i=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:c,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=i.withFormControl(d);exports.WrappedRadioGroup=u;
2
- //# sourceMappingURL=radioGroup.component-4082cbef.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-e9d59dd3.js"),a=require("./radio.component-77c1b19b.js"),t=require("./chakra-ui-radio.esm-ee587db1.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r),d=function(r){var i=r.radios,n=r.size,d=void 0===n?"md":n,u=r.direction,c=void 0===u?"row":u,l=r.spacing,m=e.__rest(r,["radios","size","direction","spacing"]);m.isFieldInline;var p=e.__rest(m,["isFieldInline"]);return s.default.createElement(t.RadioGroup,e.__assign({},p),s.default.createElement(o.Stack,{direction:c,spacing:l,maxW:m.maxW||"max-content"},i.map((function(r,i){return s.default.createElement(a.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var u=i.withFormControl(d);exports.WrappedRadioGroup=u;
2
+ //# sourceMappingURL=radioGroup.component-37b6bbe1.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radioGroup.component-4082cbef.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CRadioGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
1
+ {"version":3,"file":"radioGroup.component-37b6bbe1.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CRadioGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAeMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./text.component-74ae29fd.js"),a=require("./ratingDot.component-776080cf.js"),r=require("./chakra-ui-layout.esm-493ee04b.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t);exports.RatingDots=function(u){var c=u.minValue,o=u.maxValue,s=u.minLabel,i=u.maxLabel,f=u.centeredLabel,m=u.isDisabled,d=u.isInteractive,b=u.onClick,x=u.selected,p=e.__read(t.useState(),2),E=p[0],k=p[1],T=t.useMemo((function(){return Math.round(c)}),[c]),j=t.useMemo((function(){return Math.round(o)}),[o]),v=t.useMemo((function(){for(var e=[],t=T;t<=j;t++)e.push(t);return e}),[j,T]);return t.useEffect((function(){void 0!==x&&k(x)}),[x]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:d?"center":"flex-start"},v.map((function(e){return l.default.createElement(a.RatingDot,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:d,onClick:b,isDisabled:m,selected:E===e})}))),l.default.createElement(r.Flex,{justifyContent:d?f?"center":"space-between":"flex-start"},f?l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},f):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(T," - ").concat(s)),!d&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(j," - ").concat(i)))))};
2
- //# sourceMappingURL=ratingDots.component-1944ab02.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./text.component-dabbab97.js"),a=require("./ratingDot.component-776080cf.js"),r=require("./chakra-ui-layout.esm-493ee04b.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t);exports.RatingDots=function(u){var c=u.minValue,o=u.maxValue,s=u.minLabel,i=u.maxLabel,f=u.centeredLabel,m=u.isDisabled,d=u.isInteractive,b=u.onClick,x=u.selected,p=e.__read(t.useState(),2),E=p[0],k=p[1],T=t.useMemo((function(){return Math.round(c)}),[c]),j=t.useMemo((function(){return Math.round(o)}),[o]),v=t.useMemo((function(){for(var e=[],t=T;t<=j;t++)e.push(t);return e}),[j,T]);return t.useEffect((function(){void 0!==x&&k(x)}),[x]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:d?"center":"flex-start"},v.map((function(e){return l.default.createElement(a.RatingDot,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:d,onClick:b,isDisabled:m,selected:E===e})}))),l.default.createElement(r.Flex,{justifyContent:d?f?"center":"space-between":"flex-start"},f?l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},f):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(T," - ").concat(s)),!d&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm",pr:1},","),i&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(j," - ").concat(i)))))};
2
+ //# sourceMappingURL=ratingDots.component-9d3ff8ae.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ratingDots.component-1944ab02.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n minValue: number;\n maxValue: number;\n minLabel?: string;\n maxLabel?: string;\n centeredLabel?: string;\n isInteractive?: boolean;\n isDisabled?: boolean;\n onClick?: (value: number) => void;\n selected?: number;\n}\n\nexport const RatingDots = ({\n minValue,\n maxValue,\n minLabel,\n maxLabel,\n centeredLabel,\n isDisabled,\n isInteractive,\n onClick,\n selected,\n}: RatingDotsProps): JSX.Element => {\n const [selectedValue, setSelectedValue] = useState<number>();\n\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n useEffect(() => {\n if (selected !== undefined) setSelectedValue(selected);\n }, [selected]);\n\n return (\n <>\n <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n {values.map((value) => (\n <RatingDot\n key={`composer-rating-dot-${value}`}\n number={value}\n isInteractive={isInteractive}\n onClick={onClick}\n isDisabled={isDisabled}\n selected={selectedValue === value}\n />\n ))}\n </Flex>\n <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n {centeredLabel ? (\n <Text colorToken=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n </>\n )}\n </Flex>\n </>\n );\n};\n"],"names":["_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","concat","number","Text","colorToken","size","pr"],"mappings":"wTAiB0B,SAACA,OACzBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCA,OAAAC,aAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,EAAAA,SAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,KAC5C,CAACA,IAGFiB,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,EAAAA,QAACC,cAAAQ,EAASA,UACR,CAAAC,IAAK,uBAAAC,OAAuBH,GAC5BI,OAAQJ,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,QAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,wBAACa,EAAAA,KAAI,CAACC,WAAW,SAASC,KAAK,MAC5BpC,GAGHqB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGzB,GAAYuB,EAAC,QAAAC,cAAAY,EAAIA,KAAC,CAAAC,WAAW,SAASC,KAAK,MAAM,GAAAJ,OAAGtB,EAAgB,OAAAsB,OAAAlC,KACnEI,GAAiBmB,EAAA,QAAAC,cAACY,EAAAA,KAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DtC,GAAYsB,EAAAA,sBAACa,EAAIA,KAAA,CAACC,WAAW,SAASC,KAAK,MAAM,GAAGJ,OAAAlB,EAAgB,OAAAkB,OAAAjC"}
1
+ {"version":3,"file":"ratingDots.component-9d3ff8ae.js","sources":["../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n minValue: number;\n maxValue: number;\n minLabel?: string;\n maxLabel?: string;\n centeredLabel?: string;\n isInteractive?: boolean;\n isDisabled?: boolean;\n onClick?: (value: number) => void;\n selected?: number;\n}\n\nexport const RatingDots = ({\n minValue,\n maxValue,\n minLabel,\n maxLabel,\n centeredLabel,\n isDisabled,\n isInteractive,\n onClick,\n selected,\n}: RatingDotsProps): JSX.Element => {\n const [selectedValue, setSelectedValue] = useState<number>();\n\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n useEffect(() => {\n if (selected !== undefined) setSelectedValue(selected);\n }, [selected]);\n\n return (\n <>\n <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n {values.map((value) => (\n <RatingDot\n key={`composer-rating-dot-${value}`}\n number={value}\n isInteractive={isInteractive}\n onClick={onClick}\n isDisabled={isDisabled}\n selected={selectedValue === value}\n />\n ))}\n </Flex>\n <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n {centeredLabel ? (\n <Text colorToken=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n </>\n )}\n </Flex>\n </>\n );\n};\n"],"names":["_a","minValue","maxValue","minLabel","maxLabel","centeredLabel","isDisabled","isInteractive","onClick","selected","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","React","createElement","Fragment","Flex","my","flexWrap","justifyContent","map","value","RatingDot","key","concat","number","Text","colorToken","size","pr"],"mappings":"wTAiB0B,SAACA,OACzBC,EAAQD,EAAAC,SACRC,EAAQF,EAAAE,SACRC,EAAQH,EAAAG,SACRC,EAAQJ,EAAAI,SACRC,kBACAC,EAAUN,EAAAM,WACVC,EAAaP,EAAAO,cACbC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SAEFC,EAAAC,EAAoCA,OAAAC,aAAkB,GAArDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEhCK,EAAaC,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMjB,KAAW,CAACA,IAClDkB,EAAaH,EAAAA,SAAQ,WAAM,OAAAC,KAAKC,MAAMhB,KAAW,CAACA,IAElDkB,EAASJ,EAAAA,SAAQ,WAErB,IADA,IAAMK,EAAM,GACHC,EAAIP,EAAYO,GAAKH,EAAYG,IACxCD,EAAIE,KAAKD,GAEX,OAAOD,IACN,CAACF,EAAYJ,IAMhB,OAJAS,EAAAA,WAAU,gBACSC,IAAbhB,GAAwBK,EAAiBL,KAC5C,CAACA,IAGFiB,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,EAAA,QAAAC,cAACE,OAAI,CAACC,GAAI,EAAGC,SAAS,OAAOC,eAAgBzB,EAAgB,SAAW,cACrEa,EAAOa,KAAI,SAACC,GAAU,OACrBR,EAAAA,QAACC,cAAAQ,EAASA,UACR,CAAAC,IAAK,uBAAAC,OAAuBH,GAC5BI,OAAQJ,EACR3B,cAAeA,EACfC,QAASA,EACTF,WAAYA,EACZG,SAAUI,IAAkBqB,QAIlCR,EAAAA,QAACC,cAAAE,QAAKG,eAAgBzB,EAAiBF,EAAgB,SAAW,gBAAmB,cAClFA,EACCqB,wBAACa,EAAAA,KAAI,CAACC,WAAW,SAASC,KAAK,MAC5BpC,GAGHqB,EAAAA,QAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGzB,GAAYuB,EAAC,QAAAC,cAAAY,EAAIA,KAAC,CAAAC,WAAW,SAASC,KAAK,MAAM,GAAAJ,OAAGtB,EAAgB,OAAAsB,OAAAlC,KACnEI,GAAiBmB,EAAA,QAAAC,cAACY,EAAAA,KAAK,CAAAC,WAAW,SAASC,KAAK,KAAKC,GAAI,GAAI,KAC9DtC,GAAYsB,EAAAA,sBAACa,EAAIA,KAAA,CAACC,WAAW,SAASC,KAAK,MAAM,GAAGJ,OAAAlB,EAAgB,OAAAkB,OAAAjC"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-3126d468.js"),l=require("./formControl.component-6ce1e8a6.js"),a=require("./menu.context-6276be4d.js"),r=require("./useTheme-d7d8c3f5.js"),o=require("./menuList.component-ca4f3e6b.js"),u=require("./chakra-ui-select.esm-c4102293.js"),s=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./truncatedText.component-d242bfa7.js"),i=require("./text.component-74ae29fd.js"),d=require("./chakra-ui-layout.esm-493ee04b.js"),m=require("./icon.component-3b012e4e.js"),f=require("./chakra-ui-menu.esm-75503743.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=p(t),v=function(t){var n=t.options,l=e.__rest(t,["options"]);return _.default.createElement(o.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},h=function(t){var n=t.options;return _.default.createElement(u.Select,e.__assign({className:"Select"},t),n.map((function(e,t){return _.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},x=function(e){var t=e.selectedOption,n=e.defaultLeftElement,l=e.shouldTruncateText,a=void 0===l||l,o=r.useTheme().colors,u=s.useAdaptiveColorMap(o.text,t.colorToken?t.colorToken:"default");return _.default.createElement(d.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:u},(null==t?void 0:t.leftElement)?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?a?_.default.createElement(c.TruncatedText,{color:u,className:"Select__Text",textContent:t.label||"",noOfLines:1}):_.default.createElement(i.Text,{color:u,className:"Select__Text"},t.label):t.label)},E=function(l){var o=l.defaultLeftElement;l.isFieldInline;var s=l.listProps,c=l.onChange,i=l.options,d=l.placeholder,p=l.size,E=void 0===p?"md":p,g=l.value,S=l.useBrowserDefaultMenu,T=l.maxW,b=void 0===T?"100%":T;l.colorToken;var j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),q=t.useRef(null),C=r.useTheme().colors,M=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),k=e.__read(t.useState([]),2),y=k[0],L=k[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||M}),[y,M]),N=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));L(n),(null==s?void 0:s.onSelect)&&s.onSelect(t)}}),[y,s]),F=(null==s?void 0:s.shouldTruncateText)?{}:{height:"max-content",minH:10},w=t.useMemo((function(){var e;return q.current?"".concat(null===(e=null==q?void 0:q.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==q?void 0:q.current]);return t.useEffect((function(){var t=i.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===g})}));L(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[M],!1))}),[i,M,g]),S&&c?_.default.createElement(h,e.__assign({},j,{maxW:b,size:E,options:i,onChange:c})):_.default.createElement(a.MenuProvider,{menuItems:y},_.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},_.default.createElement(u.Select,e.__assign({icon:_.default.createElement(m.Icon,{name:"chevronDown",size:E}),as:f.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(C.border.light.focus," !important"),borderColor:C.border.light.focus},ref:q,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:b,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[E]}},F,j),_.default.createElement(x,{selectedOption:W,defaultLeftElement:o,shouldTruncateText:null==s?void 0:s.shouldTruncateText})),_.default.createElement(v,e.__assign({},s,{onSelect:N,options:y,maxW:w||b}))))};E.displayName="Select";var g=l.withFormControl(E);exports.WrappedSelect=g;
2
- //# sourceMappingURL=select.component-e07985b0.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),l=require("./formControl.component-e9d59dd3.js"),r=require("./menu.context-6276be4d.js"),a=require("./useTheme-d7d8c3f5.js"),o=require("./menuList.component-7b86c593.js"),u=require("./chakra-ui-select.esm-85c971dc.js"),s=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./truncatedText.component-02797815.js"),i=require("./text.component-dabbab97.js"),d=require("./chakra-ui-layout.esm-493ee04b.js"),m=require("./icon.component-3b012e4e.js"),f=require("./chakra-ui-menu.esm-22115f36.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=p(t),v=function(t){var n=t.options,l=e.__rest(t,["options"]);return _.default.createElement(o.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},h=function(t){var n=t.options;return _.default.createElement(u.Select,e.__assign({className:"Select"},t),n.map((function(e,t){return _.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},x=function(e){var t=e.selectedOption,n=e.defaultLeftElement,l=e.shouldTruncateText,r=void 0===l||l,o=a.useTheme().colors,u=s.useAdaptiveColorMap(o.text,t.colorToken?t.colorToken:"default");return _.default.createElement(d.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:u},(null==t?void 0:t.leftElement)?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?_.default.createElement(d.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?r?_.default.createElement(c.TruncatedText,{color:u,className:"Select__Text",textContent:t.label||"",noOfLines:1}):_.default.createElement(i.Text,{color:u,className:"Select__Text"},t.label):t.label)},E=function(l){var o=l.defaultLeftElement;l.isFieldInline;var s=l.listProps,c=l.onChange,i=l.options,d=l.placeholder,p=l.size,E=void 0===p?"md":p,g=l.value,b=l.useBrowserDefaultMenu,S=l.maxW,T=void 0===S?"100%":S;l.colorToken;var j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),q=t.useRef(null),C=a.useTheme().colors,M=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),k=e.__read(t.useState([]),2),y=k[0],L=k[1],W=t.useMemo((function(){var e=y.find((function(e){return e.isSelected}));return e||M}),[y,M]),N=t.useCallback((function(t){if(y){var n=y.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));L(n),(null==s?void 0:s.onSelect)&&s.onSelect(t)}}),[y,s]),F=(null==s?void 0:s.shouldTruncateText)?{}:{height:"max-content",minH:10},w=t.useMemo((function(){var e;return q.current?"".concat(null===(e=null==q?void 0:q.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==q?void 0:q.current]);return t.useEffect((function(){var t=i.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===g})}));L(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[M],!1))}),[i,M,g]),b&&c?_.default.createElement(h,e.__assign({},j,{maxW:T,size:E,options:i,onChange:c})):_.default.createElement(r.MenuProvider,{menuItems:y},_.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},_.default.createElement(u.Select,e.__assign({icon:_.default.createElement(m.Icon,{name:"chevronDown",size:E}),as:f.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(C.border.light.focus," !important"),borderColor:C.border.light.focus},ref:q,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:T,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[E]}},F,j),_.default.createElement(x,{selectedOption:W,defaultLeftElement:o,shouldTruncateText:null==s?void 0:s.shouldTruncateText})),_.default.createElement(v,e.__assign({},s,{onSelect:N,options:y,maxW:w||T}))))};E.displayName="Select";var g=l.withFormControl(E);exports.WrappedSelect=g;
2
+ //# sourceMappingURL=select.component-037e931c.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.component-e07985b0.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(\n colors.text,\n selectedOption.colorToken ? selectedOption.colorToken : 'default',\n );\n\n return (\n <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText\n color={adaptiveColor}\n className=\"Select__Text\"\n textContent={selectedOption.label || ''}\n noOfLines={1}\n />\n ) : (\n <Text color={adaptiveColor} className=\"Select__Text\">\n {selectedOption.label}\n </Text>\n )\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize } from '../Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n colorToken,\n ...domProps\n}: SelectProps): JSX.Element => {\n const selectRef = useRef<HTMLSelectElement>(null);\n const { colors } = useTheme();\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n colorToken: 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n as={MenuButton}\n _focus={{\n boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n borderColor: colors.border.light.focus,\n }}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n maxW={maxW}\n style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","className","map","option","index","createElement","key","concat","value","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","color","leftElement","pr","TruncatedText","textContent","noOfLines","Text","Select","listProps","onChange","placeholder","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","style","minHeight","xs","sm","md","lg","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
1
+ {"version":3,"file":"select.component-037e931c.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(\n colors.text,\n selectedOption.colorToken ? selectedOption.colorToken : 'default',\n );\n\n return (\n <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText\n color={adaptiveColor}\n className=\"Select__Text\"\n textContent={selectedOption.label || ''}\n noOfLines={1}\n />\n ) : (\n <Text color={adaptiveColor} className=\"Select__Text\">\n {selectedOption.label}\n </Text>\n )\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize } from '../Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n colorToken,\n ...domProps\n}: SelectProps): JSX.Element => {\n const selectRef = useRef<HTMLSelectElement>(null);\n const { colors } = useTheme();\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n colorToken: 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n as={MenuButton}\n _focus={{\n boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n borderColor: colors.border.light.focus,\n }}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n maxW={maxW}\n style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","className","map","option","index","createElement","key","concat","value","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","color","leftElement","pr","TruncatedText","textContent","noOfLines","Text","Select","listProps","onChange","placeholder","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","_focus","boxShadow","border","light","focus","borderColor","ref","onClick","event","stopPropagation","type","style","minHeight","xs","sm","md","lg","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./formControl.component-6ce1e8a6.js"),a=require("./chakra-ui-checkbox.esm-551d7ed3.js"),n=require("./chakra-ui-system.esm-b563b97d.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),l=i(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,l=void 0===c?"0.5rem":c,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return o({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return o({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return o({userSelect:"none",marginStart:l},r.label)}),[l,r.label]);return s.createElement(n.chakra.label,o({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",o({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,o({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&s.createElement(n.chakra.span,o({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");var d=function(t){var r=t.isChecked,a=t.isIndeterminate,n=t.isFieldInline,i=e.__rest(t,["isChecked","isIndeterminate","isFieldInline"]);return l.default.createElement(h,e.__assign({colorScheme:"teal",isChecked:r,display:n?"inline-block":"block"},a&&{variant:"indeterminate"},i))};d.displayName="Switch";var f=r.withFormControl(d);exports.WrappedSwitch=f;
2
- //# sourceMappingURL=switch.component-14aff933.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./formControl.component-e9d59dd3.js"),a=require("./chakra-ui-checkbox.esm-6a6974f2.js"),n=require("./chakra-ui-system.esm-b563b97d.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),l=i(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,l=void 0===c?"0.5rem":c,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return o({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return o({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return o({userSelect:"none",marginStart:l},r.label)}),[l,r.label]);return s.createElement(n.chakra.label,o({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",o({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,o({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&s.createElement(n.chakra.span,o({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");var d=function(t){var r=t.isChecked,a=t.isIndeterminate,n=t.isFieldInline,i=e.__rest(t,["isChecked","isIndeterminate","isFieldInline"]);return l.default.createElement(h,e.__assign({colorScheme:"teal",isChecked:r,display:n?"inline-block":"block"},a&&{variant:"indeterminate"},i))};d.displayName="Switch";var f=r.withFormControl(d);exports.WrappedSwitch=f;
2
+ //# sourceMappingURL=switch.component-4718b003.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.component-14aff933.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Switch\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n children = _omitThemingProps.children,\n ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var _useCheckbox = useCheckbox(ownProps),\n state = _useCheckbox.state,\n getInputProps = _useCheckbox.getInputProps,\n getCheckboxProps = _useCheckbox.getCheckboxProps,\n getRootProps = _useCheckbox.getRootProps,\n getLabelProps = _useCheckbox.getLabelProps;\n\n var containerStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-block\",\n position: \"relative\",\n verticalAlign: \"middle\",\n lineHeight: 0\n }, styles.container);\n }, [styles.container]);\n var trackStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"flex-start\",\n boxSizing: \"content-box\",\n cursor: \"pointer\"\n }, styles.track);\n }, [styles.track]);\n var labelStyles = React.useMemo(function () {\n return _extends({\n userSelect: \"none\",\n marginStart: spacing\n }, styles.label);\n }, [spacing, styles.label]);\n return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n className: cx(\"chakra-switch\", props.className),\n __css: containerStyles\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"chakra-switch__input\"\n }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n className: \"chakra-switch__track\",\n __css: trackStyles\n }), /*#__PURE__*/React.createElement(chakra.span, {\n __css: styles.thumb,\n className: \"chakra-switch__thumb\",\n \"data-checked\": dataAttr(state.isChecked),\n \"data-hover\": dataAttr(state.isHovered)\n })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-switch__label\"\n }, getLabelProps(), {\n __css: labelStyles\n }), children));\n});\n\nif (__DEV__) {\n Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n isFieldInline?: boolean;\n isIndeterminate?: boolean;\n size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n return (\n <CSwitch\n colorScheme=\"teal\"\n isChecked={isChecked}\n display={isFieldInline ? 'inline-block' : 'block'}\n {...(isIndeterminate && { variant: 'indeterminate' })}\n {...domProps}\n />\n );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","isIndeterminate","isFieldInline","domProps","CSwitch","__assign","colorScheme","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
1
+ {"version":3,"file":"switch.component-4718b003.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Switch\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n children = _omitThemingProps.children,\n ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var _useCheckbox = useCheckbox(ownProps),\n state = _useCheckbox.state,\n getInputProps = _useCheckbox.getInputProps,\n getCheckboxProps = _useCheckbox.getCheckboxProps,\n getRootProps = _useCheckbox.getRootProps,\n getLabelProps = _useCheckbox.getLabelProps;\n\n var containerStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-block\",\n position: \"relative\",\n verticalAlign: \"middle\",\n lineHeight: 0\n }, styles.container);\n }, [styles.container]);\n var trackStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"flex-start\",\n boxSizing: \"content-box\",\n cursor: \"pointer\"\n }, styles.track);\n }, [styles.track]);\n var labelStyles = React.useMemo(function () {\n return _extends({\n userSelect: \"none\",\n marginStart: spacing\n }, styles.label);\n }, [spacing, styles.label]);\n return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n className: cx(\"chakra-switch\", props.className),\n __css: containerStyles\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"chakra-switch__input\"\n }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n className: \"chakra-switch__track\",\n __css: trackStyles\n }), /*#__PURE__*/React.createElement(chakra.span, {\n __css: styles.thumb,\n className: \"chakra-switch__thumb\",\n \"data-checked\": dataAttr(state.isChecked),\n \"data-hover\": dataAttr(state.isHovered)\n })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-switch__label\"\n }, getLabelProps(), {\n __css: labelStyles\n }), children));\n});\n\nif (__DEV__) {\n Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n isFieldInline?: boolean;\n isIndeterminate?: boolean;\n size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n return (\n <CSwitch\n colorScheme=\"teal\"\n isChecked={isChecked}\n display={isFieldInline ? 'inline-block' : 'block'}\n {...(isIndeterminate && { variant: 'indeterminate' })}\n {...domProps}\n />\n );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","isIndeterminate","isFieldInline","domProps","CSwitch","__assign","colorScheme","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./notificationCounter.component-27fafaa0.js"),i=require("./icon.component-3b012e4e.js"),a=require("react"),n=require("./chakra-ui-tabs.esm-45ecf74e.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=r(a),c={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var r=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,m=a.notificationCount,d=void 0===m?0:m,b=a.notificationCounterVariant,C=void 0===b?t.NotificationCounterVariant.Red:b,v=a.size,j=void 0===v?"md":v,q=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(n.Tab,e.__assign({},q),!!r&&u.default.createElement(o.Box,{pr:2},u.default.createElement(i.Icon,{name:r,size:j})),s,l&&u.default.createElement(t.NotificationCounter,{count:d,variant:C,size:c[j],ml:2}))};
2
- //# sourceMappingURL=tab.component-5c72533e.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./notificationCounter.component-27fafaa0.js"),i=require("./icon.component-3b012e4e.js"),a=require("react"),n=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(a),u={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var r=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,m=a.notificationCount,d=void 0===m?0:m,b=a.notificationCounterVariant,C=void 0===b?t.NotificationCounterVariant.Red:b,v=a.size,j=void 0===v?"md":v,q=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(n.Tab,e.__assign({},q),!!r&&c.default.createElement(o.Box,{pr:2},c.default.createElement(i.Icon,{name:r,size:j})),s,l&&c.default.createElement(t.NotificationCounter,{count:d,variant:C,size:u[j],ml:2}))};
2
+ //# sourceMappingURL=tab.component-f3a8def2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.component-5c72533e.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from '../../../Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n {label}\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"6VAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCWa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,IAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}
1
+ {"version":3,"file":"tab.component-f3a8def2.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from '../../../Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n {label}\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"6VAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCWa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,IAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./tab.component-5c72533e.js"),s=require("./chakra-ui-tabs.esm-45ecf74e.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);exports.Tabs=function(t){var n=t.size,i=void 0===n?"md":n,u=t.tabList,l=t.tabPanels,c=t.tabPanelsStyle,b=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(s.Tabs,e.__assign({},b,{size:i}),r.default.createElement(s.TabList,null,u.map((function(t,s){return r.default.createElement(a.Tab,e.__assign({key:s,size:i},t))}))),!!l&&r.default.createElement(s.TabPanels,e.__assign({},c),l.map((function(e){return e}))))};
2
- //# sourceMappingURL=tabs.component-9dde0129.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./tab.component-f3a8def2.js"),s=require("./chakra-ui-tabs.esm-dc1c4ea8.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);exports.Tabs=function(t){var n=t.size,i=void 0===n?"md":n,u=t.tabList,l=t.tabPanels,c=t.tabPanelsStyle,b=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(s.Tabs,e.__assign({},b,{size:i}),r.default.createElement(s.TabList,null,u.map((function(t,s){return r.default.createElement(a.Tab,e.__assign({key:s,size:i},t))}))),!!l&&r.default.createElement(s.TabPanels,e.__assign({},c),l.map((function(e){return e}))))};
2
+ //# sourceMappingURL=tabs.component-60951d3c.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.component-9dde0129.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: Dict;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}
1
+ {"version":3,"file":"tabs.component-60951d3c.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: Dict;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-9dde0129.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
2
- //# sourceMappingURL=tabsLayout.component-67d031de.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-60951d3c.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
2
+ //# sourceMappingURL=tabsLayout.component-e27eaf48.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabsLayout.component-67d031de.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}
1
+ {"version":3,"file":"tabsLayout.component-e27eaf48.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./useTheme-d7d8c3f5.js"),a=require("./useAdaptiveColorMap-0a74494f.js"),o=require("./truncatedText.component-d242bfa7.js"),i=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r);exports.Text=function(r){var n=r.children,u=r.variant,c=void 0===u?"regular":u,d=r.as,l=void 0===d?"span":d,f=r.color,v=r.colorToken,p=void 0===v?"default":v,_=r.darkMode,T=void 0!==_&&_,g=r.truncate,j=r.truncateProps,m=r.size,q=r.fontSize,x=e.__rest(r,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),z=t.useTheme().colors,h=a.useAdaptiveColorMap(z.text,p,T),k={size:m,fontSize:q,variant:c,color:f||h},b=e.__assign(e.__assign({},j),k);return g?s.default.createElement(o.TruncatedText,e.__assign({},b),null==n?void 0:n.toString()):s.default.createElement(i.Text,e.__assign({as:l},k,x),n)};
2
- //# sourceMappingURL=text.component-74ae29fd.js.map
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./useTheme-d7d8c3f5.js"),a=require("./useAdaptiveColorMap-0a74494f.js"),o=require("./truncatedText.component-02797815.js"),i=require("./chakra-ui-layout.esm-493ee04b.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r);exports.Text=function(r){var n=r.children,u=r.variant,c=void 0===u?"regular":u,d=r.as,l=void 0===d?"span":d,f=r.color,v=r.colorToken,p=void 0===v?"default":v,_=r.darkMode,T=void 0!==_&&_,g=r.truncate,j=r.truncateProps,m=r.size,q=r.fontSize,x=e.__rest(r,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),z=t.useTheme().colors,h=a.useAdaptiveColorMap(z.text,p,T),k={size:m,fontSize:q,variant:c,color:f||h},M=e.__assign(e.__assign({},j),k);return g?s.default.createElement(o.TruncatedText,e.__assign({},M),null==n?void 0:n.toString()):s.default.createElement(i.Text,e.__assign({as:l},k,x),n)};
2
+ //# sourceMappingURL=text.component-dabbab97.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text.component-74ae29fd.js","sources":["../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText, TruncatedTextProps } from '../TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n children: ReactNode;\n as?: HTMLTagName;\n variant?: TextVariant;\n colorToken?: TextColor;\n darkMode?: boolean;\n truncate?: boolean;\n truncateProps?: TruncatedTextProps;\n}\n\nexport const Text = ({\n children,\n variant = 'regular',\n as = 'span',\n color,\n colorToken = 'default',\n darkMode = false,\n truncate,\n truncateProps,\n size,\n fontSize,\n ...rest\n}: TextProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const textProps: TruncatedTextProps = {\n size,\n fontSize,\n variant,\n color: color || adaptiveColor,\n };\n\n const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n return truncate ? (\n <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n ) : (\n <CText as={as} {...textProps} {...rest}>\n {children}\n </CText>\n );\n};\n"],"names":["_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"+VAkBoB,SAACA,GACnB,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXgBC,EAAAA,OAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaXiB,EAAWC,oBACbC,EAAgBC,EAAAA,oBAA+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,SAAAA,EAAAA,SAAA,GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,wBAACC,EAAaA,cAAAF,EAAAA,SAAA,GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,EAAAA,QAACG,cAAAC,EAAAA,iBAAMxB,GAAIA,GAAQiB,EAAeP,GAC/Bd"}
1
+ {"version":3,"file":"text.component-dabbab97.js","sources":["../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText, TruncatedTextProps } from '../TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n children: ReactNode;\n as?: HTMLTagName;\n variant?: TextVariant;\n colorToken?: TextColor;\n darkMode?: boolean;\n truncate?: boolean;\n truncateProps?: TruncatedTextProps;\n}\n\nexport const Text = ({\n children,\n variant = 'regular',\n as = 'span',\n color,\n colorToken = 'default',\n darkMode = false,\n truncate,\n truncateProps,\n size,\n fontSize,\n ...rest\n}: TextProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const textProps: TruncatedTextProps = {\n size,\n fontSize,\n variant,\n color: color || adaptiveColor,\n };\n\n const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n return truncate ? (\n <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n ) : (\n <CText as={as} {...textProps} {...rest}>\n {children}\n </CText>\n );\n};\n"],"names":["_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"+VAkBoB,SAACA,GACnB,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXgBC,EAAAA,OAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaXiB,EAAWC,oBACbC,EAAgBC,EAAAA,oBAA+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,SAAAA,EAAAA,SAAA,GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,wBAACC,EAAaA,cAAAF,EAAAA,SAAA,GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,EAAAA,QAACG,cAAAC,EAAAA,iBAAMxB,GAAIA,GAAQiB,EAAeP,GAC/Bd"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./formControl.component-e9d59dd3.js"),r=require("./icon.component-3b012e4e.js"),l=require("./useTheme-d7d8c3f5.js"),i=require("./chakra-ui-button.esm-32e420eb.js"),a=require("./chakra-ui-input.esm-5e794564.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(t),s={xs:5,sm:5,md:5,lg:6},c=function(e){var t=e.handleClear,n=e.size,a=void 0===n?"md":n,u=l.useTheme().colors;return o.default.createElement(i.Button,{color:u.icon.light.default,display:"inline-flex",minW:"auto",w:s[a],h:s[a],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===a?3:4,onClick:t},o.default.createElement(r.Icon,{name:"close",colorToken:"currentColor",size:"lg"===a?"sm":"xs"}))},d=n.withFormControl((function(t){var n=t.isClearable,r=void 0!==n&&n,l=t.size,i=void 0===l?"md":l,u=e.__rest(t,["isClearable","size"]),s=u.leftElement,d=u.inputRef;u.isFieldInline;var m=u.onClear,f=u.value,p=e.__rest(u,["leftElement","inputRef","isFieldInline","onClear","value"]),h=u.rightElement;return r&&f&&(h=o.default.createElement(c,{size:i,handleClear:function(){m&&m(f||"")}})),o.default.createElement(a.InputGroup,null,s?o.default.createElement(a.InputLeftElement,{children:s,h:"100%"}):null,o.default.createElement(a.Input,e.__assign({},p,{ref:d,size:i,value:f})),h?o.default.createElement(a.InputRightElement,{children:h,h:"100%"}):null)})),m=t.forwardRef((function(t,n){return o.default.createElement(d,e.__assign({inputRef:n},t))}));m.displayName="TextInput",exports.WrappedTextInput=m;
2
+ //# sourceMappingURL=textInput.component-4214ab50.js.map