@transferwise/components 0.0.0-experimental-414f0b0 → 0.0.0-experimental-1fc511d

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 (230) hide show
  1. package/build/button/LegacyButton.js +0 -2
  2. package/build/button/LegacyButton.js.map +1 -1
  3. package/build/button/LegacyButton.mjs +0 -2
  4. package/build/button/LegacyButton.mjs.map +1 -1
  5. package/build/carousel/Carousel.js +1 -3
  6. package/build/carousel/Carousel.js.map +1 -1
  7. package/build/carousel/Carousel.mjs +1 -3
  8. package/build/carousel/Carousel.mjs.map +1 -1
  9. package/build/checkbox/Checkbox.js.map +1 -1
  10. package/build/checkbox/Checkbox.mjs.map +1 -1
  11. package/build/checkboxButton/CheckboxButton.js +1 -1
  12. package/build/checkboxButton/CheckboxButton.js.map +1 -1
  13. package/build/checkboxButton/CheckboxButton.mjs +1 -1
  14. package/build/checkboxButton/CheckboxButton.mjs.map +1 -1
  15. package/build/checkboxOption/CheckboxOption.js.map +1 -1
  16. package/build/checkboxOption/CheckboxOption.mjs.map +1 -1
  17. package/build/common/bottomSheet/BottomSheet.js.map +1 -1
  18. package/build/common/bottomSheet/BottomSheet.mjs.map +1 -1
  19. package/build/common/dateUtils/isDateValid/isDateValid.js +3 -3
  20. package/build/common/dateUtils/isDateValid/isDateValid.js.map +1 -1
  21. package/build/common/dateUtils/isDateValid/isDateValid.mjs +3 -3
  22. package/build/common/dateUtils/isDateValid/isDateValid.mjs.map +1 -1
  23. package/build/common/panel/Panel.js +3 -8
  24. package/build/common/panel/Panel.js.map +1 -1
  25. package/build/common/panel/Panel.mjs +3 -8
  26. package/build/common/panel/Panel.mjs.map +1 -1
  27. package/build/dateLookup/dateHeader/DateHeader.js +27 -22
  28. package/build/dateLookup/dateHeader/DateHeader.js.map +1 -1
  29. package/build/dateLookup/dateHeader/DateHeader.mjs +27 -22
  30. package/build/dateLookup/dateHeader/DateHeader.mjs.map +1 -1
  31. package/build/dimmer/dimmerManager/DimmerManager.js.map +1 -1
  32. package/build/dimmer/dimmerManager/DimmerManager.mjs.map +1 -1
  33. package/build/dropFade/DropFade.js.map +1 -1
  34. package/build/dropFade/DropFade.mjs.map +1 -1
  35. package/build/emphasis/EmphasisHtmlTransformer.js.map +1 -1
  36. package/build/emphasis/EmphasisHtmlTransformer.mjs.map +1 -1
  37. package/build/i18n/cs.json +22 -5
  38. package/build/i18n/cs.json.js +22 -5
  39. package/build/i18n/cs.json.js.map +1 -1
  40. package/build/i18n/cs.json.mjs +22 -5
  41. package/build/i18n/cs.json.mjs.map +1 -1
  42. package/build/i18n/nl.json +73 -0
  43. package/build/index.js +0 -1
  44. package/build/index.js.map +1 -1
  45. package/build/index.mjs +1 -1
  46. package/build/info/Info.js +7 -13
  47. package/build/info/Info.js.map +1 -1
  48. package/build/info/Info.mjs +7 -13
  49. package/build/info/Info.mjs.map +1 -1
  50. package/build/inputs/Input.js +1 -3
  51. package/build/inputs/Input.js.map +1 -1
  52. package/build/inputs/Input.mjs +1 -3
  53. package/build/inputs/Input.mjs.map +1 -1
  54. package/build/inputs/SelectInput.js +1 -3
  55. package/build/inputs/SelectInput.js.map +1 -1
  56. package/build/inputs/SelectInput.mjs +1 -3
  57. package/build/inputs/SelectInput.mjs.map +1 -1
  58. package/build/inputs/_ButtonInput.js +1 -3
  59. package/build/inputs/_ButtonInput.js.map +1 -1
  60. package/build/inputs/_ButtonInput.mjs +1 -3
  61. package/build/inputs/_ButtonInput.mjs.map +1 -1
  62. package/build/inputs/_Popover.js +1 -3
  63. package/build/inputs/_Popover.js.map +1 -1
  64. package/build/inputs/_Popover.mjs +1 -3
  65. package/build/inputs/_Popover.mjs.map +1 -1
  66. package/build/main.css +2 -119
  67. package/build/moneyInput/currencyFormatting.js +2 -2
  68. package/build/moneyInput/currencyFormatting.js.map +1 -1
  69. package/build/moneyInput/currencyFormatting.mjs +2 -2
  70. package/build/moneyInput/currencyFormatting.mjs.map +1 -1
  71. package/build/nudge/Nudge.js +0 -2
  72. package/build/nudge/Nudge.js.map +1 -1
  73. package/build/nudge/Nudge.mjs +0 -2
  74. package/build/nudge/Nudge.mjs.map +1 -1
  75. package/build/promoCard/PromoCardContext.js +0 -1
  76. package/build/promoCard/PromoCardContext.js.map +1 -1
  77. package/build/promoCard/PromoCardContext.mjs +0 -1
  78. package/build/promoCard/PromoCardContext.mjs.map +1 -1
  79. package/build/promoCard/PromoCardGroup.js +0 -1
  80. package/build/promoCard/PromoCardGroup.js.map +1 -1
  81. package/build/promoCard/PromoCardGroup.mjs +0 -1
  82. package/build/promoCard/PromoCardGroup.mjs.map +1 -1
  83. package/build/select/Select.js +19 -25
  84. package/build/select/Select.js.map +1 -1
  85. package/build/select/Select.mjs +19 -25
  86. package/build/select/Select.mjs.map +1 -1
  87. package/build/styles/button/Button.css +2 -2
  88. package/build/styles/dateLookup/DateLookup.css +0 -5
  89. package/build/styles/info/Info.css +0 -23
  90. package/build/styles/main.css +2 -119
  91. package/build/table/Table.js +1 -3
  92. package/build/table/Table.js.map +1 -1
  93. package/build/table/Table.mjs +1 -3
  94. package/build/table/Table.mjs.map +1 -1
  95. package/build/tooltip/Tooltip.js +2 -6
  96. package/build/tooltip/Tooltip.js.map +1 -1
  97. package/build/tooltip/Tooltip.mjs +2 -6
  98. package/build/tooltip/Tooltip.mjs.map +1 -1
  99. package/build/types/button/LegacyButton.d.ts.map +1 -1
  100. package/build/types/carousel/Carousel.d.ts.map +1 -1
  101. package/build/types/checkbox/Checkbox.d.ts.map +1 -1
  102. package/build/types/checkboxOption/CheckboxOption.d.ts +1 -2
  103. package/build/types/checkboxOption/CheckboxOption.d.ts.map +1 -1
  104. package/build/types/common/bottomSheet/BottomSheet.d.ts.map +1 -1
  105. package/build/types/common/dateUtils/isDateValid/isDateValid.d.ts.map +1 -1
  106. package/build/types/common/panel/Panel.d.ts.map +1 -1
  107. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
  108. package/build/types/dimmer/dimmerManager/DimmerManager.d.ts +1 -1
  109. package/build/types/dimmer/dimmerManager/DimmerManager.d.ts.map +1 -1
  110. package/build/types/dropFade/DropFade.d.ts.map +1 -1
  111. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts +2 -2
  112. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts.map +1 -1
  113. package/build/types/index.d.ts +0 -2
  114. package/build/types/index.d.ts.map +1 -1
  115. package/build/types/info/Info.d.ts.map +1 -1
  116. package/build/types/inputs/Input.d.ts.map +1 -1
  117. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  118. package/build/types/inputs/_ButtonInput.d.ts.map +1 -1
  119. package/build/types/inputs/_Popover.d.ts.map +1 -1
  120. package/build/types/nudge/Nudge.d.ts.map +1 -1
  121. package/build/types/promoCard/PromoCardContext.d.ts.map +1 -1
  122. package/build/types/promoCard/PromoCardGroup.d.ts.map +1 -1
  123. package/build/types/select/Select.d.ts.map +1 -1
  124. package/build/types/table/Table.d.ts.map +1 -1
  125. package/build/types/tooltip/Tooltip.d.ts.map +1 -1
  126. package/build/types/upload/Upload.d.ts.map +1 -1
  127. package/build/upload/Upload.js +3 -1
  128. package/build/upload/Upload.js.map +1 -1
  129. package/build/upload/Upload.mjs +3 -1
  130. package/build/upload/Upload.mjs.map +1 -1
  131. package/package.json +11 -9
  132. package/src/accordion/Accordion.story.tsx +2 -2
  133. package/src/accordion/AccordionItem/__snapshots__/AccordionItem.spec.js.snap +6 -2
  134. package/src/alert/Alert.story.tsx +2 -2
  135. package/src/alert/Alert.tests.story.tsx +1 -1
  136. package/src/avatarWrapper/__snapshots__/AvatarWrapper.spec.tsx.snap +12 -4
  137. package/src/button/Button.css +2 -2
  138. package/src/button/Button.less +2 -2
  139. package/src/button/LegacyButton.tsx +0 -2
  140. package/src/carousel/Carousel.spec.tsx +0 -4
  141. package/src/carousel/Carousel.tsx +0 -1
  142. package/src/checkbox/Checkbox.tsx +0 -1
  143. package/src/checkboxButton/CheckboxButton.story.tsx +0 -2
  144. package/src/checkboxButton/CheckboxButton.tsx +1 -1
  145. package/src/checkboxOption/CheckboxOption.tsx +1 -2
  146. package/src/chips/__snapshots__/Chips.spec.tsx.snap +1 -1
  147. package/src/common/bottomSheet/BottomSheet.spec.tsx +0 -1
  148. package/src/common/bottomSheet/BottomSheet.story.tsx +1 -1
  149. package/src/common/bottomSheet/BottomSheet.tsx +0 -1
  150. package/src/common/bottomSheet/__snapshots__/BottomSheet.spec.tsx.snap +1 -1
  151. package/src/common/closeButton/__snapshots__/CloseButton.spec.tsx.snap +1 -1
  152. package/src/common/dateUtils/isDateValid/isDateValid.ts +5 -3
  153. package/src/common/hooks/useHasIntersected/useHasIntersected.spec.js +0 -2
  154. package/src/common/panel/Panel.tsx +2 -13
  155. package/src/dateLookup/DateLookup.css +0 -5
  156. package/src/dateLookup/DateLookup.less +0 -4
  157. package/src/dateLookup/dateHeader/DateHeader.tsx +24 -26
  158. package/src/dimmer/Dimmer.story.tsx +0 -1
  159. package/src/dimmer/dimmerManager/DimmerManager.ts +1 -1
  160. package/src/display/Display.story.tsx +0 -2
  161. package/src/dropFade/DropFade.story.tsx +0 -1
  162. package/src/dropFade/DropFade.tsx +0 -1
  163. package/src/emphasis/EmphasisHtmlTransformer.spec.tsx +4 -4
  164. package/src/emphasis/EmphasisHtmlTransformer.ts +2 -2
  165. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +5 -3
  166. package/src/i18n/cs.json +22 -5
  167. package/src/i18n/nl.json +73 -0
  168. package/src/index.ts +0 -2
  169. package/src/info/Info.css +0 -23
  170. package/src/info/Info.less +0 -28
  171. package/src/info/Info.tsx +8 -14
  172. package/src/inputs/Input.tsx +0 -1
  173. package/src/inputs/SelectInput.tsx +1 -7
  174. package/src/inputs/_ButtonInput.tsx +0 -1
  175. package/src/inputs/_Popover.tsx +0 -1
  176. package/src/link/Link.story.tsx +0 -1
  177. package/src/listItem/ListItem.story.tsx +4 -11
  178. package/src/main.css +2 -119
  179. package/src/main.less +0 -1
  180. package/src/markdown/Markdown.spec.tsx +0 -1
  181. package/src/modal/Modal.story.tsx +1 -1
  182. package/src/moneyInput/currencyFormatting.ts +3 -3
  183. package/src/nudge/Nudge.tsx +0 -2
  184. package/src/overlayHeader/__snapshots__/OverlayHeader.spec.tsx.snap +1 -1
  185. package/src/promoCard/PromoCardContext.tsx +0 -1
  186. package/src/promoCard/PromoCardGroup.story.tsx +3 -15
  187. package/src/promoCard/PromoCardGroup.tsx +0 -1
  188. package/src/provider/theme/ThemeProvider.story.tsx +3 -5
  189. package/src/select/Select.spec.tsx +0 -1
  190. package/src/select/Select.tsx +0 -3
  191. package/src/select/option/Option.spec.js +2 -2
  192. package/src/selectOption/SelectOption.story.tsx +1 -2
  193. package/src/table/Table.tsx +0 -1
  194. package/src/test-utils/jest.setup.ts +0 -1
  195. package/src/tooltip/Tooltip.tsx +0 -2
  196. package/src/upload/Upload.spec.tsx +293 -0
  197. package/src/upload/Upload.tsx +5 -1
  198. package/src/upload/steps/completeStep/completeStep.spec.tsx +51 -0
  199. package/src/upload/steps/processingStep/processingStep.spec.tsx +59 -0
  200. package/src/upload/steps/uploadImageStep/uploadImageStep.spec.tsx +79 -0
  201. package/build/styles/item/Item.css +0 -89
  202. package/build/types/item/Item.d.ts +0 -46
  203. package/build/types/item/Item.d.ts.map +0 -1
  204. package/build/types/item/ItemAdditionalInfo.d.ts +0 -7
  205. package/build/types/item/ItemAdditionalInfo.d.ts.map +0 -1
  206. package/build/types/item/ItemCheckbox.d.ts +0 -4
  207. package/build/types/item/ItemCheckbox.d.ts.map +0 -1
  208. package/build/types/item/ItemIconButton.d.ts +0 -4
  209. package/build/types/item/ItemIconButton.d.ts.map +0 -1
  210. package/build/types/item/ItemImage.d.ts +0 -4
  211. package/build/types/item/ItemImage.d.ts.map +0 -1
  212. package/build/types/item/ItemNavigation.d.ts +0 -4
  213. package/build/types/item/ItemNavigation.d.ts.map +0 -1
  214. package/build/types/item/index.d.ts +0 -5
  215. package/build/types/item/index.d.ts.map +0 -1
  216. package/src/item/Item.css +0 -89
  217. package/src/item/Item.less +0 -95
  218. package/src/item/Item.story.tsx +0 -50
  219. package/src/item/Item.tsx +0 -171
  220. package/src/item/ItemAdditionalInfo.tsx +0 -14
  221. package/src/item/ItemCheckbox.tsx +0 -16
  222. package/src/item/ItemIconButton.tsx +0 -15
  223. package/src/item/ItemImage.tsx +0 -11
  224. package/src/item/ItemNavigation.tsx +0 -16
  225. package/src/item/index.ts +0 -4
  226. package/src/upload/Upload.events.spec.js +0 -49
  227. package/src/upload/Upload.spec.js +0 -305
  228. package/src/upload/steps/completeStep/completeStep.spec.js +0 -51
  229. package/src/upload/steps/processingStep/processingStep.spec.js +0 -55
  230. package/src/upload/steps/uploadImageStep/uploadImageStep.spec.js +0 -91
@@ -1 +1 @@
1
- {"version":3,"file":"DateHeader.mjs","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport Chevron from '../../chevron';\nimport { Position, Size, Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\n\nconst buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';\n\ninterface DateHeaderProps {\n label?: string;\n onLabelClick?: () => void;\n onPreviousClick: () => void;\n onNextClick: () => void;\n dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n label,\n onLabelClick,\n onPreviousClick,\n onNextClick,\n dateMode,\n}) => {\n const intl = useIntl();\n const { isMobile } = useLayout();\n return (\n <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n <div className=\"pull-left-single-direction\">\n <button\n type=\"button\"\n className={`d-inline-flex ${buttonClasses}`}\n aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n onClick={onPreviousClick}\n >\n <Chevron\n orientation={Position.LEFT}\n className=\"left-single-direction\"\n size={Size.MEDIUM}\n />\n </button>\n </div>\n {label && (\n <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n <button\n type=\"button\"\n className={`tw-date-lookup-header-current ${buttonClasses}`}\n aria-label={intl.formatMessage(messages.goTo20YearView)}\n onClick={onLabelClick}\n >\n {label}\n </button>\n </Title>\n )}\n <div className=\"pull-right-single-direction\">\n <button\n type=\"button\"\n className={`d-inline-flex ${buttonClasses}`}\n aria-label={`${useIntl().formatMessage(messages.next)} ${dateMode}`}\n onClick={onNextClick}\n >\n <Chevron\n orientation={Position.RIGHT}\n className=\"right-single-direction\"\n size={Size.MEDIUM}\n />\n </button>\n </div>\n </div>\n );\n};\n\nexport default DateHeader;\n"],"names":["buttonClasses","DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","type","formatMessage","messages","previous","onClick","Chevron","orientation","Position","LEFT","size","Size","MEDIUM","Title","Typography","TITLE_BODY","goTo20YearView","next","RIGHT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,aAAa,GAAG,sEAAsE,CAAA;AAUtFC,MAAAA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA,QAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtB,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,SAAS,EAAE,CAAA;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;AAAAE,MAAAA,QAAA,eACzCC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAa,CAAG,CAAA;QAC5C,YAAY,EAAA,CAAA,EAAGO,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAIb,CAAAA,EAAAA,QAAQ,CAAG,CAAA;AACnEc,QAAAA,OAAO,EAAEhB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,QAAQ,CAACC,IAAK;AAC3BZ,UAAAA,SAAS,EAAC,uBAAuB;UACjCa,IAAI,EAAEC,IAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACL,EAACzB,KAAK,iBACJa,GAAA,CAACa,KAAK,EAAA;MAACZ,IAAI,EAAEa,UAAU,CAACC,UAAW;AAAClB,MAAAA,SAAS,EAAC,yCAAyC;AAAAE,MAAAA,QAAA,eACrFC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiCZ,8BAAAA,EAAAA,aAAa,CAAG,CAAA;AAC5D,QAAA,YAAA,EAAYO,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACa,cAAc,CAAE;AACxDX,QAAAA,OAAO,EAAEjB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ,KAAAA;OACK,CAAA;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;AAAAE,MAAAA,QAAA,eAC1CC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAa,CAAG,CAAA;AAC5C,QAAA,YAAA,EAAY,CAAGQ,EAAAA,OAAO,EAAE,CAACS,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI1B,QAAQ,CAAG,CAAA;AACpEc,QAAAA,OAAO,EAAEf,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,QAAQ,CAACU,KAAM;AAC5BrB,UAAAA,SAAS,EAAC,wBAAwB;UAClCa,IAAI,EAAEC,IAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACP,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"DateHeader.mjs","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n label?: string;\n onLabelClick?: () => void;\n onPreviousClick: () => void;\n onNextClick: () => void;\n dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n label,\n onLabelClick,\n onPreviousClick,\n onNextClick,\n dateMode,\n}) => {\n const intl = useIntl();\n const { isMobile } = useLayout();\n return (\n <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n <div className=\"pull-left-single-direction\">\n <IconButton\n size={40}\n priority=\"minimal\"\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n onClick={onPreviousClick}\n >\n <ChevronLeft className=\"left-single-direction\" />\n </IconButton>\n </div>\n {label && (\n <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n <Button\n v2\n size=\"md\"\n type=\"button\"\n priority=\"tertiary\"\n className=\"tw-date-lookup-header-current\"\n aria-label={intl.formatMessage(messages.goTo20YearView)}\n addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n onClick={onLabelClick}\n >\n {label}\n </Button>\n </Title>\n )}\n <div className=\"pull-right-single-direction\">\n <IconButton\n size={40}\n className=\"d-inline-flex\"\n aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n priority=\"minimal\"\n onClick={onNextClick}\n >\n <ChevronRight className=\"right-single-direction\" />\n </IconButton>\n </div>\n </div>\n );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBMA,MAAAA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA,QAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtB,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,SAAS,EAAE,CAAA;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAY,EAAA,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAIf,CAAAA,EAAAA,QAAQ,CAAG,CAAA;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACQ,WAAW,EAAA;AAACX,UAAAA,SAAS,EAAC,uBAAA;SACzB,CAAA;OAAY,CAAA;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,GAAA,CAACS,KAAK,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,GAAA,CAACa,MAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,GAAA,CAACkB,WAAW,EAAA,EAAA,CAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ,KAAAA;OACK,CAAA;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAY,EAAA,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAI5B,CAAAA,EAAAA,QAAQ,CAAG,CAAA;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACoB,YAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC,wBAAA;SAC1B,CAAA;OAAY,CAAA;AACd,KAAK,CACP,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DimmerManager.js","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":";;AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACKC,OAAO,CAAA;AAEfC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
1
+ {"version":3,"file":"DimmerManager.js","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private readonly dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":";;AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACcC,OAAO,CAAA;AAExBC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DimmerManager.mjs","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":"AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACKC,OAAO,CAAA;AAEfC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
1
+ {"version":3,"file":"DimmerManager.mjs","sources":["../../../src/dimmer/dimmerManager/DimmerManager.ts"],"sourcesContent":["/**\n * Dimmer state management inspired by Material UI's ModalManager (https://github.com/mui-org/material-ui)\n */\nexport default class DimmerManager {\n /**\n * Dimmer refs\n */\n private readonly dimmers: Element[];\n\n constructor() {\n this.dimmers = [];\n }\n\n add(dimmer: Element): number {\n let dimmerIndex = this.dimmers.indexOf(dimmer);\n if (dimmerIndex !== -1) {\n return dimmerIndex;\n }\n\n dimmerIndex = this.dimmers.length;\n this.dimmers.push(dimmer);\n return dimmerIndex;\n }\n\n remove(dimmer: Element): number {\n const dimmerIndex = this.dimmers.indexOf(dimmer);\n\n if (dimmerIndex !== -1) {\n this.dimmers.splice(dimmerIndex, 1);\n }\n return dimmerIndex;\n }\n\n isTop(dimmer: Element): boolean {\n return this.dimmers.length > 0 && this.dimmers[this.dimmers.length - 1] === dimmer;\n }\n}\n"],"names":["DimmerManager","dimmers","constructor","add","dimmer","dimmerIndex","indexOf","length","push","remove","splice","isTop"],"mappings":"AAAA;;AAEG;AACW,MAAOA,aAAa,CAAA;AAChC;;AAEG;EACcC,OAAO,CAAA;AAExBC,EAAAA,WAAAA,GAAA;IACE,IAAI,CAACD,OAAO,GAAG,EAAE,CAAA;AACnB,GAAA;EAEAE,GAAGA,CAACC,MAAe,EAAA;IACjB,IAAIC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAC9C,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;AACtB,MAAA,OAAOA,WAAW,CAAA;AACpB,KAAA;AAEAA,IAAAA,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACM,MAAM,CAAA;AACjC,IAAA,IAAI,CAACN,OAAO,CAACO,IAAI,CAACJ,MAAM,CAAC,CAAA;AACzB,IAAA,OAAOC,WAAW,CAAA;AACpB,GAAA;EAEAI,MAAMA,CAACL,MAAe,EAAA;IACpB,MAAMC,WAAW,GAAG,IAAI,CAACJ,OAAO,CAACK,OAAO,CAACF,MAAM,CAAC,CAAA;AAEhD,IAAA,IAAIC,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,IAAI,CAACJ,OAAO,CAACS,MAAM,CAACL,WAAW,EAAE,CAAC,CAAC,CAAA;AACrC,KAAA;AACA,IAAA,OAAOA,WAAW,CAAA;AACpB,GAAA;EAEAM,KAAKA,CAACP,MAAe,EAAA;IACnB,OAAO,IAAI,CAACH,OAAO,CAACM,MAAM,GAAG,CAAC,IAAI,IAAI,CAACN,OAAO,CAAC,IAAI,CAACA,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC,KAAKH,MAAM,CAAA;AACpF,GAAA;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DropFade.js","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n const reference = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<number | undefined>(0);\n\n const clonedChild = React.cloneElement(children);\n\n return (\n <CSSTransition\n nodeRef={reference}\n in={show}\n timeout={300}\n classNames=\"np-dropfade\"\n onEntering={() => {\n // Set height so we can animate to the correct height\n setHeight(reference.current?.scrollHeight || 0);\n }}\n // Un-set height, as we don't want to presume it should be that height forever\n onEntered={() => setHeight(undefined)}\n onExit={() => {\n setHeight(reference.current?.scrollHeight || 0);\n }}\n onExiting={() => {\n setHeight(0);\n }}\n >\n {/* eslint-disable-next-line react/forbid-dom-props */}\n <div ref={reference} style={{ height }} className=\"np-dropfade\">\n {clonedChild}\n </div>\n </CSSTransition>\n );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;;;;;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,sBAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,cAAA,CAACC,kCAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAGFU,cAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}
1
+ {"version":3,"file":"DropFade.js","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n const reference = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<number | undefined>(0);\n\n const clonedChild = React.cloneElement(children);\n\n return (\n <CSSTransition\n nodeRef={reference}\n in={show}\n timeout={300}\n classNames=\"np-dropfade\"\n onEntering={() => {\n // Set height so we can animate to the correct height\n setHeight(reference.current?.scrollHeight || 0);\n }}\n // Un-set height, as we don't want to presume it should be that height forever\n onEntered={() => setHeight(undefined)}\n onExit={() => {\n setHeight(reference.current?.scrollHeight || 0);\n }}\n onExiting={() => {\n setHeight(0);\n }}\n >\n <div ref={reference} style={{ height }} className=\"np-dropfade\">\n {clonedChild}\n </div>\n </CSSTransition>\n );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;;;;;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,sBAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,cAAA,CAACC,kCAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAEFU,cAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DropFade.mjs","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n const reference = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<number | undefined>(0);\n\n const clonedChild = React.cloneElement(children);\n\n return (\n <CSSTransition\n nodeRef={reference}\n in={show}\n timeout={300}\n classNames=\"np-dropfade\"\n onEntering={() => {\n // Set height so we can animate to the correct height\n setHeight(reference.current?.scrollHeight || 0);\n }}\n // Un-set height, as we don't want to presume it should be that height forever\n onEntered={() => setHeight(undefined)}\n onExit={() => {\n setHeight(reference.current?.scrollHeight || 0);\n }}\n onExiting={() => {\n setHeight(0);\n }}\n >\n {/* eslint-disable-next-line react/forbid-dom-props */}\n <div ref={reference} style={{ height }} className=\"np-dropfade\">\n {clonedChild}\n </div>\n </CSSTransition>\n );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,cAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAGFU,GAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}
1
+ {"version":3,"file":"DropFade.mjs","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n const reference = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<number | undefined>(0);\n\n const clonedChild = React.cloneElement(children);\n\n return (\n <CSSTransition\n nodeRef={reference}\n in={show}\n timeout={300}\n classNames=\"np-dropfade\"\n onEntering={() => {\n // Set height so we can animate to the correct height\n setHeight(reference.current?.scrollHeight || 0);\n }}\n // Un-set height, as we don't want to presume it should be that height forever\n onEntered={() => setHeight(undefined)}\n onExit={() => {\n setHeight(reference.current?.scrollHeight || 0);\n }}\n onExiting={() => {\n setHeight(0);\n }}\n >\n <div ref={reference} style={{ height }} className=\"np-dropfade\">\n {clonedChild}\n </div>\n </CSSTransition>\n );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,cAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAEFU,GAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"EmphasisHtmlTransformer.js","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Array<Tags>;\n\n constructor(whitelistedTags?: Array<string>) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":";;AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA+B,EAAA;IACzC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
1
+ {"version":3,"file":"EmphasisHtmlTransformer.js","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Tags[];\n\n constructor(whitelistedTags?: string[]) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":";;AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA0B,EAAA;IACpC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"EmphasisHtmlTransformer.mjs","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Array<Tags>;\n\n constructor(whitelistedTags?: Array<string>) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA+B,EAAA;IACzC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
1
+ {"version":3,"file":"EmphasisHtmlTransformer.mjs","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n transformed: {\n opening: string;\n closing: string;\n };\n escapedRegex: {\n opening: RegExp;\n closing: RegExp;\n };\n};\n\nclass EmphasisHtmlTransformer {\n tags: Tags[];\n\n constructor(whitelistedTags?: string[]) {\n this.tags = (whitelistedTags || []).map((tag) => {\n return {\n transformed: {\n opening: `<em class=\"emphasis emphasis--${tag}\">`,\n closing: '</em>',\n },\n escapedRegex: {\n opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n },\n };\n });\n }\n\n // Algorithm:\n // 1) Escape all dangerous characters (<,>,&)\n // 2) Replace all escaped, whitelisted tags with styled spans.\n // 3) Transform new line characters to `<br />`s\n //\n // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n transform(unsafe: string): string | null {\n if (!unsafe) {\n return null;\n }\n\n const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n return this.tags\n .reduce((accumulator, tag) => {\n return accumulator\n .replace(tag.escapedRegex.opening, tag.transformed.opening)\n .replace(tag.escapedRegex.closing, tag.transformed.closing);\n }, safe)\n .replace(/\\\\n|\\n/g, '<br />');\n }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA0B,EAAA;IACpC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAE,CAAiCF,8BAAAA,EAAAA,GAAG,CAAI,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAGO,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAC,CAAGZ,EAAAA,uBAAuB,CAAIO,CAAAA,EAAAA,GAAG,CAAGN,EAAAA,uBAAuB,CAAE,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IAEA,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}
@@ -9,35 +9,52 @@
9
9
  "neptune.DateInput.year.label": "Rok",
10
10
  "neptune.DateInput.year.placeholder": "RRRR",
11
11
  "neptune.DateLookup.day": "den",
12
- "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
12
+ "neptune.DateLookup.goTo20YearView": "Přejít na zobrazení 20 let",
13
13
  "neptune.DateLookup.month": "měsíc",
14
14
  "neptune.DateLookup.next": "další",
15
15
  "neptune.DateLookup.previous": "předchozí",
16
16
  "neptune.DateLookup.selected": "vybráno",
17
17
  "neptune.DateLookup.twentyYears": "20 let",
18
18
  "neptune.DateLookup.year": "rok",
19
- "neptune.FlowNavigation.back": "back to previous step",
19
+ "neptune.FlowNavigation.back": "zpět na předchozí krok",
20
20
  "neptune.Info.ariaLabel": "Více informací",
21
- "neptune.Link.opensInNewTab": "(opens in new tab)",
21
+ "neptune.Label.optional": "(Volitelné)",
22
+ "neptune.Link.opensInNewTab": "(otevře se v nové kartě)",
22
23
  "neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
24
+ "neptune.MoneyInput.Select.selectCurrencyLabel": "Vybrat měnu",
25
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
23
26
  "neptune.Select.searchPlaceholder": "Hledat...",
24
27
  "neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
28
+ "neptune.SelectOption.action.label": "Vybrat",
29
+ "neptune.SelectOption.selected.action.label": "Změnit zvolenou možnost",
30
+ "neptune.StatusIcon.iconLabel.error": "Chyba:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informace:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Vyřizuje se:",
33
+ "neptune.StatusIcon.iconLabel.success": "Úspěšné:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Upozornění:",
25
35
  "neptune.Summary.statusDone": "Položka dokončena",
26
36
  "neptune.Summary.statusNotDone": "Položka k dokončení",
27
37
  "neptune.Summary.statusPending": "Čekající položka",
38
+ "neptune.Table.actionHeader": "Akce",
39
+ "neptune.Table.emptyData": "Nebyly nalezeny žádné výsledky",
40
+ "neptune.Table.loaded": "Data tabulky byla načtena",
41
+ "neptune.Table.loading": "Data tabulky se načítají",
42
+ "neptune.Table.refreshPage": "Aktualizovat stránku",
28
43
  "neptune.Upload.csButtonText": "Nahrát další soubor?",
29
44
  "neptune.Upload.csFailureText": "Nahrání se nezdařilo. Zkuste to prosím později",
30
45
  "neptune.Upload.csSuccessText": "Úspěšně nahráno!",
31
- "neptune.Upload.csTooLargeMessage": "Soubor musí být menší než {maxSize}MB",
46
+ "neptune.Upload.csTooLargeMessage": "Nahrajte soubor menší než {maxSize} MB",
32
47
  "neptune.Upload.csWrongTypeMessage": "Tento formát souboru není podporován. Zkuste to znovu s jiným souborem",
33
48
  "neptune.Upload.psButtonText": "Zrušit",
34
49
  "neptune.Upload.psProcessingText": "Načítání...",
50
+ "neptune.Upload.retry": "Opakovat",
35
51
  "neptune.Upload.usButtonText": "Nebo vyberte soubor",
36
52
  "neptune.Upload.usDropMessage": "Pusťte sem soubor pro jeho nahrání",
37
- "neptune.Upload.usPlaceholder": "Přetáhněte a pusťte sem soubor menší než {maxSize}MB",
53
+ "neptune.Upload.usPlaceholder": "Přetáhněte soubor menší než {maxSize} MB",
38
54
  "neptune.UploadButton.allFileTypes": "Všechny typy souborů",
39
55
  "neptune.UploadButton.dropFiles": "Pusťte sem soubor pro jeho nahrání",
40
56
  "neptune.UploadButton.instructions": "{fileTypes}, menší než {size}MB",
57
+ "neptune.UploadButton.maximumFiles": "Max. počet souborů: {maxFiles}.",
41
58
  "neptune.UploadButton.uploadFile": "Nahrát soubor",
42
59
  "neptune.UploadButton.uploadFiles": "Nahrát soubory",
43
60
  "neptune.UploadInput.deleteModalBody": "Odstraněním tohoto souboru jej smažete z našeho systému.",
@@ -11,35 +11,52 @@ var cs = {
11
11
  "neptune.DateInput.year.label": "Rok",
12
12
  "neptune.DateInput.year.placeholder": "RRRR",
13
13
  "neptune.DateLookup.day": "den",
14
- "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
14
+ "neptune.DateLookup.goTo20YearView": "Přejít na zobrazení 20 let",
15
15
  "neptune.DateLookup.month": "měsíc",
16
16
  "neptune.DateLookup.next": "další",
17
17
  "neptune.DateLookup.previous": "předchozí",
18
18
  "neptune.DateLookup.selected": "vybráno",
19
19
  "neptune.DateLookup.twentyYears": "20 let",
20
20
  "neptune.DateLookup.year": "rok",
21
- "neptune.FlowNavigation.back": "back to previous step",
21
+ "neptune.FlowNavigation.back": "zpět na předchozí krok",
22
22
  "neptune.Info.ariaLabel": "Více informací",
23
- "neptune.Link.opensInNewTab": "(opens in new tab)",
23
+ "neptune.Label.optional": "(Volitelné)",
24
+ "neptune.Link.opensInNewTab": "(otevře se v nové kartě)",
24
25
  "neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
26
+ "neptune.MoneyInput.Select.selectCurrencyLabel": "Vybrat měnu",
27
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
25
28
  "neptune.Select.searchPlaceholder": "Hledat...",
26
29
  "neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
30
+ "neptune.SelectOption.action.label": "Vybrat",
31
+ "neptune.SelectOption.selected.action.label": "Změnit zvolenou možnost",
32
+ "neptune.StatusIcon.iconLabel.error": "Chyba:",
33
+ "neptune.StatusIcon.iconLabel.information": "Informace:",
34
+ "neptune.StatusIcon.iconLabel.pending": "Vyřizuje se:",
35
+ "neptune.StatusIcon.iconLabel.success": "Úspěšné:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Upozornění:",
27
37
  "neptune.Summary.statusDone": "Položka dokončena",
28
38
  "neptune.Summary.statusNotDone": "Položka k dokončení",
29
39
  "neptune.Summary.statusPending": "Čekající položka",
40
+ "neptune.Table.actionHeader": "Akce",
41
+ "neptune.Table.emptyData": "Nebyly nalezeny žádné výsledky",
42
+ "neptune.Table.loaded": "Data tabulky byla načtena",
43
+ "neptune.Table.loading": "Data tabulky se načítají",
44
+ "neptune.Table.refreshPage": "Aktualizovat stránku",
30
45
  "neptune.Upload.csButtonText": "Nahrát další soubor?",
31
46
  "neptune.Upload.csFailureText": "Nahrání se nezdařilo. Zkuste to prosím později",
32
47
  "neptune.Upload.csSuccessText": "Úspěšně nahráno!",
33
- "neptune.Upload.csTooLargeMessage": "Soubor musí být menší než {maxSize}MB",
48
+ "neptune.Upload.csTooLargeMessage": "Nahrajte soubor menší než {maxSize} MB",
34
49
  "neptune.Upload.csWrongTypeMessage": "Tento formát souboru není podporován. Zkuste to znovu s jiným souborem",
35
50
  "neptune.Upload.psButtonText": "Zrušit",
36
51
  "neptune.Upload.psProcessingText": "Načítání...",
52
+ "neptune.Upload.retry": "Opakovat",
37
53
  "neptune.Upload.usButtonText": "Nebo vyberte soubor",
38
54
  "neptune.Upload.usDropMessage": "Pusťte sem soubor pro jeho nahrání",
39
- "neptune.Upload.usPlaceholder": "Přetáhněte a pusťte sem soubor menší než {maxSize}MB",
55
+ "neptune.Upload.usPlaceholder": "Přetáhněte soubor menší než {maxSize} MB",
40
56
  "neptune.UploadButton.allFileTypes": "Všechny typy souborů",
41
57
  "neptune.UploadButton.dropFiles": "Pusťte sem soubor pro jeho nahrání",
42
58
  "neptune.UploadButton.instructions": "{fileTypes}, menší než {size}MB",
59
+ "neptune.UploadButton.maximumFiles": "Max. počet souborů: {maxFiles}.",
43
60
  "neptune.UploadButton.uploadFile": "Nahrát soubor",
44
61
  "neptune.UploadButton.uploadFiles": "Nahrát soubory",
45
62
  "neptune.UploadInput.deleteModalBody": "Odstraněním tohoto souboru jej smažete z našeho systému.",
@@ -1 +1 @@
1
- {"version":3,"file":"cs.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"cs.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9,35 +9,52 @@ var cs = {
9
9
  "neptune.DateInput.year.label": "Rok",
10
10
  "neptune.DateInput.year.placeholder": "RRRR",
11
11
  "neptune.DateLookup.day": "den",
12
- "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
12
+ "neptune.DateLookup.goTo20YearView": "Přejít na zobrazení 20 let",
13
13
  "neptune.DateLookup.month": "měsíc",
14
14
  "neptune.DateLookup.next": "další",
15
15
  "neptune.DateLookup.previous": "předchozí",
16
16
  "neptune.DateLookup.selected": "vybráno",
17
17
  "neptune.DateLookup.twentyYears": "20 let",
18
18
  "neptune.DateLookup.year": "rok",
19
- "neptune.FlowNavigation.back": "back to previous step",
19
+ "neptune.FlowNavigation.back": "zpět na předchozí krok",
20
20
  "neptune.Info.ariaLabel": "Více informací",
21
- "neptune.Link.opensInNewTab": "(opens in new tab)",
21
+ "neptune.Label.optional": "(Volitelné)",
22
+ "neptune.Link.opensInNewTab": "(otevře se v nové kartě)",
22
23
  "neptune.MoneyInput.Select.placeholder": "Vybrat možnost...",
24
+ "neptune.MoneyInput.Select.selectCurrencyLabel": "Vybrat měnu",
25
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Vybrat možnost...",
23
26
  "neptune.Select.searchPlaceholder": "Hledat...",
24
27
  "neptune.SelectInput.noResultsFound": "Nebyly nalezeny žádné výsledky",
28
+ "neptune.SelectOption.action.label": "Vybrat",
29
+ "neptune.SelectOption.selected.action.label": "Změnit zvolenou možnost",
30
+ "neptune.StatusIcon.iconLabel.error": "Chyba:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informace:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Vyřizuje se:",
33
+ "neptune.StatusIcon.iconLabel.success": "Úspěšné:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Upozornění:",
25
35
  "neptune.Summary.statusDone": "Položka dokončena",
26
36
  "neptune.Summary.statusNotDone": "Položka k dokončení",
27
37
  "neptune.Summary.statusPending": "Čekající položka",
38
+ "neptune.Table.actionHeader": "Akce",
39
+ "neptune.Table.emptyData": "Nebyly nalezeny žádné výsledky",
40
+ "neptune.Table.loaded": "Data tabulky byla načtena",
41
+ "neptune.Table.loading": "Data tabulky se načítají",
42
+ "neptune.Table.refreshPage": "Aktualizovat stránku",
28
43
  "neptune.Upload.csButtonText": "Nahrát další soubor?",
29
44
  "neptune.Upload.csFailureText": "Nahrání se nezdařilo. Zkuste to prosím později",
30
45
  "neptune.Upload.csSuccessText": "Úspěšně nahráno!",
31
- "neptune.Upload.csTooLargeMessage": "Soubor musí být menší než {maxSize}MB",
46
+ "neptune.Upload.csTooLargeMessage": "Nahrajte soubor menší než {maxSize} MB",
32
47
  "neptune.Upload.csWrongTypeMessage": "Tento formát souboru není podporován. Zkuste to znovu s jiným souborem",
33
48
  "neptune.Upload.psButtonText": "Zrušit",
34
49
  "neptune.Upload.psProcessingText": "Načítání...",
50
+ "neptune.Upload.retry": "Opakovat",
35
51
  "neptune.Upload.usButtonText": "Nebo vyberte soubor",
36
52
  "neptune.Upload.usDropMessage": "Pusťte sem soubor pro jeho nahrání",
37
- "neptune.Upload.usPlaceholder": "Přetáhněte a pusťte sem soubor menší než {maxSize}MB",
53
+ "neptune.Upload.usPlaceholder": "Přetáhněte soubor menší než {maxSize} MB",
38
54
  "neptune.UploadButton.allFileTypes": "Všechny typy souborů",
39
55
  "neptune.UploadButton.dropFiles": "Pusťte sem soubor pro jeho nahrání",
40
56
  "neptune.UploadButton.instructions": "{fileTypes}, menší než {size}MB",
57
+ "neptune.UploadButton.maximumFiles": "Max. počet souborů: {maxFiles}.",
41
58
  "neptune.UploadButton.uploadFile": "Nahrát soubor",
42
59
  "neptune.UploadButton.uploadFiles": "Nahrát soubory",
43
60
  "neptune.UploadInput.deleteModalBody": "Odstraněním tohoto souboru jej smažete z našeho systému.",
@@ -1 +1 @@
1
- {"version":3,"file":"cs.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"cs.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,73 @@
1
+ {
2
+ "neptune.Button.loadingAriaLabel": "laden",
3
+ "neptune.Chips.ariaLabel": "{choice} wissen",
4
+ "neptune.ClearButton.ariaLabel": "Wissen",
5
+ "neptune.CloseButton.ariaLabel": "Sluiten",
6
+ "neptune.DateInput.day.label": "Dag",
7
+ "neptune.DateInput.day.placeholder": "DD",
8
+ "neptune.DateInput.month.label": "Maand",
9
+ "neptune.DateInput.year.label": "Jaar",
10
+ "neptune.DateInput.year.placeholder": "JJJJ",
11
+ "neptune.DateLookup.day": "dag",
12
+ "neptune.DateLookup.goTo20YearView": "Naar 20-jaarsoverzicht",
13
+ "neptune.DateLookup.month": "maand",
14
+ "neptune.DateLookup.next": "volgende",
15
+ "neptune.DateLookup.previous": "vorige",
16
+ "neptune.DateLookup.selected": "geselecteerd",
17
+ "neptune.DateLookup.twentyYears": "20 jaar",
18
+ "neptune.DateLookup.year": "jaar",
19
+ "neptune.FlowNavigation.back": "terug naar vorige stap",
20
+ "neptune.Info.ariaLabel": "Meer informatie",
21
+ "neptune.Label.optional": "(Optioneel)",
22
+ "neptune.Link.opensInNewTab": "(wordt geopend in een nieuw tabblad)",
23
+ "neptune.MoneyInput.Select.placeholder": "Selecteer een optie...",
24
+ "neptune.MoneyInput.Select.selectCurrencyLabel": "Selecteer valuta",
25
+ "neptune.PhoneNumberInput.SelectInput.placeholder": "Selecteer een optie...",
26
+ "neptune.Select.searchPlaceholder": "Zoeken...",
27
+ "neptune.SelectInput.noResultsFound": "Geen resultaten gevonden",
28
+ "neptune.SelectOption.action.label": "Kiezen",
29
+ "neptune.SelectOption.selected.action.label": "Gekozen optie wijzigen",
30
+ "neptune.StatusIcon.iconLabel.error": "Fout:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informatie:",
32
+ "neptune.StatusIcon.iconLabel.pending": "In behandeling:",
33
+ "neptune.StatusIcon.iconLabel.success": "Gelukt:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Waarschuwing:",
35
+ "neptune.Summary.statusDone": "Item klaar",
36
+ "neptune.Summary.statusNotDone": "Item te doen",
37
+ "neptune.Summary.statusPending": "Item in behandeling",
38
+ "neptune.Table.actionHeader": "Actie",
39
+ "neptune.Table.emptyData": "Geen resultaten gevonden",
40
+ "neptune.Table.loaded": "Tabelgegevens zijn geladen",
41
+ "neptune.Table.loading": "Tabelgegevens worden geladen",
42
+ "neptune.Table.refreshPage": "Pagina vernieuwen",
43
+ "neptune.Upload.csButtonText": "Nog een bestand uploaden?",
44
+ "neptune.Upload.csFailureText": "Uploaden mislukt. Probeer het opnieuw",
45
+ "neptune.Upload.csSuccessText": "Uploaden voltooid!",
46
+ "neptune.Upload.csTooLargeMessage": "Upload een bestand kleiner dan {maxSize} MB",
47
+ "neptune.Upload.csWrongTypeMessage": "Het bestandstype wordt niet ondersteund. Probeer het opnieuw met een ander bestand.",
48
+ "neptune.Upload.psButtonText": "Annuleren",
49
+ "neptune.Upload.psProcessingText": "Uploaden...",
50
+ "neptune.Upload.retry": "Opnieuw proberen",
51
+ "neptune.Upload.usButtonText": "Of selecteer een bestand",
52
+ "neptune.Upload.usDropMessage": "Sleep het bestand hierheen om het te uploaden",
53
+ "neptune.Upload.usPlaceholder": "Sleep een bestand van maximaal {maxSize} MB",
54
+ "neptune.UploadButton.allFileTypes": "Alle bestandstypen",
55
+ "neptune.UploadButton.dropFiles": "Sleep het bestand hierheen om het te uploaden",
56
+ "neptune.UploadButton.instructions": "{fileTypes}, kleiner dan {size} MB",
57
+ "neptune.UploadButton.maximumFiles": "Maximaal {maxFiles} bestanden.",
58
+ "neptune.UploadButton.uploadFile": "Bestand uploaden",
59
+ "neptune.UploadButton.uploadFiles": "Bestanden uploaden",
60
+ "neptune.UploadInput.deleteModalBody": "Door dit bestand te verwijderen, wordt het uit ons systeem verwijderd.",
61
+ "neptune.UploadInput.deleteModalCancelButtonText": "Annuleren",
62
+ "neptune.UploadInput.deleteModalConfirmButtonText": "Verwijderen",
63
+ "neptune.UploadInput.deleteModalTitle": "Weet je zeker dat je dit bestand wilt verwijderen?",
64
+ "neptune.UploadInput.fileIsTooLarge": "Bestand is te groot",
65
+ "neptune.UploadInput.fileTypeNotSupported": "Bestandstype niet ondersteund",
66
+ "neptune.UploadInput.maximumFilesAlreadyUploaded": "Deze upload is mislukt omdat we maar {maxFilesAllowed} bestanden tegelijk kunnen accepteren.",
67
+ "neptune.UploadItem.deleting": "Verwijderen...",
68
+ "neptune.UploadItem.removeFile": "Bestand {filename} verwijderen",
69
+ "neptune.UploadItem.uploaded": "Geüpload",
70
+ "neptune.UploadItem.uploadedFile": "Geüpload bestand",
71
+ "neptune.UploadItem.uploading": "Uploaden...",
72
+ "neptune.UploadItem.uploadingFailed": "Uploaden mislukt"
73
+ }
package/build/index.js CHANGED
@@ -272,7 +272,6 @@ Object.defineProperty(exports, "UploadStep", {
272
272
  get: function () { return Upload.UploadStep; }
273
273
  });
274
274
  exports.UploadInput = UploadInput;
275
- exports.Item = Table;
276
275
  exports.Table = Table;
277
276
  exports.useDirection = useDirection.useDirection;
278
277
  exports.useLayout = useLayout.useLayout;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/index.mjs CHANGED
@@ -104,7 +104,7 @@ export { default as Tooltip } from './tooltip/Tooltip.mjs';
104
104
  export { default as Typeahead } from './typeahead/Typeahead.mjs';
105
105
  export { default as Upload, UploadStep } from './upload/Upload.mjs';
106
106
  export { default as UploadInput } from './uploadInput/UploadInput.mjs';
107
- export { default as Item, default as Table } from './table/Table.mjs';
107
+ export { default as Table } from './table/Table.mjs';
108
108
  import '@transferwise/neptune-validation';
109
109
  export { useDirection } from './common/hooks/useDirection/useDirection.mjs';
110
110
  export { useLayout } from './common/hooks/useLayout/useLayout.mjs';
@@ -29,6 +29,7 @@ var Modal = require('../modal/Modal.js');
29
29
  var Popover = require('../popover/Popover.js');
30
30
  var Info_messages = require('./Info.messages.js');
31
31
  var infoPresentations = require('./infoPresentations.js');
32
+ var IconButton = require('../iconButton/IconButton.js');
32
33
 
33
34
  const Info = ({
34
35
  className = undefined,
@@ -44,22 +45,16 @@ const Info = ({
44
45
  const [open, setOpen] = React.useState(false);
45
46
  ariaLabel ??= intl.formatMessage(Info_messages.ariaLabel);
46
47
  const isModal = presentation === infoPresentations.InfoPresentation.MODAL;
47
- const isSmall = size$1 === size.Size.SMALL;
48
48
  const buttonProps = {
49
49
  'aria-label': ariaLabel,
50
- className: 'btn-unstyled',
51
- children: /*#__PURE__*/jsxRuntime.jsx(icons.QuestionMarkCircle, {
52
- size: isSmall ? 16 : 24
53
- })
50
+ priority: 'minimal',
51
+ size: 24,
52
+ children: /*#__PURE__*/jsxRuntime.jsx(icons.QuestionMarkCircle, {})
54
53
  };
55
54
  return /*#__PURE__*/jsxRuntime.jsx("span", {
56
- className: clsx.clsx(className, 'np-info', {
57
- 'np-info__small': isSmall,
58
- 'np-info__large': !isSmall
59
- }),
55
+ className: clsx.clsx(className, 'np-info'),
60
56
  children: isModal ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
61
- children: [/*#__PURE__*/jsxRuntime.jsx("button", {
62
- type: "button",
57
+ children: [/*#__PURE__*/jsxRuntime.jsx(IconButton, {
63
58
  onClick: () => {
64
59
  setOpen(!open);
65
60
  if (onClick) {
@@ -77,8 +72,7 @@ const Info = ({
77
72
  content: content,
78
73
  preferredPlacement: preferredPlacement,
79
74
  title: title,
80
- children: /*#__PURE__*/jsxRuntime.jsx("button", {
81
- type: "button",
75
+ children: /*#__PURE__*/jsxRuntime.jsx(IconButton, {
82
76
  ...buttonProps,
83
77
  onClick: () => {
84
78
  if (onClick) {
@@ -1 +1 @@
1
- {"version":3,"file":"Info.js","sources":["../../src/info/Info.tsx"],"sourcesContent":["import { QuestionMarkCircle as HelpCircleIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, Position, SizeSmall, SizeLarge } from '../common';\nimport Modal from '../modal';\nimport Popover, { PopoverPreferredPlacement } from '../popover';\n\nimport messages from './Info.messages';\nimport { InfoPresentation } from './infoPresentations';\n\nexport interface InfoProps {\n 'aria-label'?: string;\n /**\n * Extra classes applied to Info\n */\n className?: string;\n /**\n * Content displayed inside a Popover a Modal\n */\n content?: React.ReactNode;\n onClick?: () => void;\n /**\n * Decides whether to display content in a Popover or a Modal\n */\n presentation?: 'MODAL' | 'POPOVER';\n /**\n * Decides the size of help Icon\n */\n size?: SizeSmall | SizeLarge;\n /**\n * Title displayed inside a Popover a Modal\n */\n title?: React.ReactNode;\n /**\n * Prferred placement of the Popover, does not apply to Modal\n */\n preferredPlacement?: PopoverPreferredPlacement;\n}\n\nconst Info = ({\n className = undefined,\n content = undefined,\n onClick = undefined,\n presentation = InfoPresentation.POPOVER,\n size = Size.SMALL,\n title = undefined,\n 'aria-label': ariaLabel,\n preferredPlacement = Position.BOTTOM,\n}: InfoProps) => {\n const intl = useIntl();\n const [open, setOpen] = useState(false);\n ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n const isModal = presentation === InfoPresentation.MODAL;\n const isSmall = size === Size.SMALL;\n\n const buttonProps = {\n 'aria-label': ariaLabel,\n className: 'btn-unstyled',\n children: <HelpCircleIcon size={isSmall ? 16 : 24} />,\n };\n\n return (\n <span\n className={clsx(className, 'np-info', {\n 'np-info__small': isSmall,\n 'np-info__large': !isSmall,\n })}\n >\n {isModal ? (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setOpen(!open);\n if (onClick) {\n onClick();\n }\n }}\n {...buttonProps}\n />\n <Modal body={content} open={open} title={title} onClose={() => setOpen(false)} />\n </>\n ) : (\n <Popover content={content} preferredPlacement={preferredPlacement} title={title}>\n <button\n type=\"button\"\n {...buttonProps}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}\n />\n </Popover>\n )}\n </span>\n );\n};\n\nexport default Info;\n"],"names":["Info","className","undefined","content","onClick","presentation","InfoPresentation","POPOVER","size","Size","SMALL","title","ariaLabel","preferredPlacement","Position","BOTTOM","intl","useIntl","open","setOpen","useState","formatMessage","messages","isModal","MODAL","isSmall","buttonProps","children","_jsx","HelpCircleIcon","clsx","_jsxs","_Fragment","type","Modal","body","onClose","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCMA,MAAAA,IAAI,GAAGA,CAAC;AACZC,EAAAA,SAAS,GAAGC,SAAS;AACrBC,EAAAA,OAAO,GAAGD,SAAS;AACnBE,EAAAA,OAAO,GAAGF,SAAS;EACnBG,YAAY,GAAGC,kCAAgB,CAACC,OAAO;QACvCC,MAAI,GAAGC,SAAI,CAACC,KAAK;AACjBC,EAAAA,KAAK,GAAGT,SAAS;AACjB,EAAA,YAAY,EAAEU,SAAS;EACvBC,kBAAkB,GAAGC,iBAAQ,CAACC,MAAAA;AAAM,CAC1B,KAAI;AACd,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;EACtB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACvCR,SAAS,KAAKI,IAAI,CAACK,aAAa,CAACC,aAAQ,CAACV,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMW,OAAO,GAAGlB,YAAY,KAAKC,kCAAgB,CAACkB,KAAK,CAAA;AACvD,EAAA,MAAMC,OAAO,GAAGjB,MAAI,KAAKC,SAAI,CAACC,KAAK,CAAA;AAEnC,EAAA,MAAMgB,WAAW,GAAG;AAClB,IAAA,YAAY,EAAEd,SAAS;AACvBX,IAAAA,SAAS,EAAE,cAAc;IACzB0B,QAAQ,eAAEC,cAAA,CAACC,wBAAc,EAAA;AAACrB,MAAAA,IAAI,EAAEiB,OAAO,GAAG,EAAE,GAAG,EAAA;KAAM,CAAA;GACtD,CAAA;AAED,EAAA,oBACEG,cAAA,CAAA,MAAA,EAAA;AACE3B,IAAAA,SAAS,EAAE6B,SAAI,CAAC7B,SAAS,EAAE,SAAS,EAAE;AACpC,MAAA,gBAAgB,EAAEwB,OAAO;AACzB,MAAA,gBAAgB,EAAE,CAACA,OAAAA;AACpB,KAAA,CAAE;AAAAE,IAAAA,QAAA,EAEFJ,OAAO,gBACNQ,eAAA,CAAAC,mBAAA,EAAA;AAAAL,MAAAA,QAAA,gBACEC,cAAA,CAAA,QAAA,EAAA;AACEK,QAAAA,IAAI,EAAC,QAAQ;QACb7B,OAAO,EAAEA,MAAK;UACZe,OAAO,CAAC,CAACD,IAAI,CAAC,CAAA;AACd,UAAA,IAAId,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;SACA;QAAA,GACEsB,WAAAA;AAAW,OAEjB,CAAA,eAAAE,cAAA,CAACM,KAAK,EAAA;AAACC,QAAAA,IAAI,EAAEhC,OAAQ;AAACe,QAAAA,IAAI,EAAEA,IAAK;AAACP,QAAAA,KAAK,EAAEA,KAAM;AAACyB,QAAAA,OAAO,EAAEA,MAAMjB,OAAO,CAAC,KAAK,CAAA;AAAE,OAChF,CAAA,CAAA;AAAA,KAAG,CAAA,gBAEHS,cAAA,CAACS,OAAO,EAAA;AAAClC,MAAAA,OAAO,EAAEA,OAAQ;AAACU,MAAAA,kBAAkB,EAAEA,kBAAmB;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAAAgB,MAAAA,QAAA,eAC9EC,cAAA,CAAA,QAAA,EAAA;AACEK,QAAAA,IAAI,EAAC,QAAQ;AAAA,QAAA,GACTP,WAAW;QACftB,OAAO,EAAEA,MAAK;AACZ,UAAA,IAAIA,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;AACF,SAAA;OAEJ,CAAA;KAAS,CAAA;AACV,GACG,CAAC,CAAA;AAEX;;;;"}
1
+ {"version":3,"file":"Info.js","sources":["../../src/info/Info.tsx"],"sourcesContent":["import { QuestionMarkCircle as HelpCircleIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, Position, SizeSmall, SizeLarge } from '../common';\nimport Modal from '../modal';\nimport Popover, { PopoverPreferredPlacement } from '../popover';\n\nimport messages from './Info.messages';\nimport { InfoPresentation } from './infoPresentations';\nimport IconButton, { IconButtonProps } from '../iconButton';\n\nexport interface InfoProps {\n 'aria-label'?: string;\n /**\n * Extra classes applied to Info\n */\n className?: string;\n /**\n * Content displayed inside a Popover a Modal\n */\n content?: React.ReactNode;\n onClick?: () => void;\n /**\n * Decides whether to display content in a Popover or a Modal\n */\n presentation?: 'MODAL' | 'POPOVER';\n /**\n * Decides the size of help Icon\n */\n size?: SizeSmall | SizeLarge;\n /**\n * Title displayed inside a Popover a Modal\n */\n title?: React.ReactNode;\n /**\n * Prferred placement of the Popover, does not apply to Modal\n */\n preferredPlacement?: PopoverPreferredPlacement;\n}\n\nconst Info = ({\n className = undefined,\n content = undefined,\n onClick = undefined,\n presentation = InfoPresentation.POPOVER,\n size = Size.SMALL,\n title = undefined,\n 'aria-label': ariaLabel,\n preferredPlacement = Position.BOTTOM,\n}: InfoProps) => {\n const intl = useIntl();\n const [open, setOpen] = useState(false);\n ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n const isModal = presentation === InfoPresentation.MODAL;\n\n const buttonProps: IconButtonProps = {\n 'aria-label': ariaLabel,\n priority: 'minimal',\n size: 24,\n children: <HelpCircleIcon />,\n };\n\n return (\n <span className={clsx(className, 'np-info')}>\n {isModal ? (\n <>\n <IconButton\n onClick={() => {\n setOpen(!open);\n if (onClick) {\n onClick();\n }\n }}\n {...buttonProps}\n />\n <Modal body={content} open={open} title={title} onClose={() => setOpen(false)} />\n </>\n ) : (\n <Popover content={content} preferredPlacement={preferredPlacement} title={title}>\n <IconButton\n {...buttonProps}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}\n />\n </Popover>\n )}\n </span>\n );\n};\n\nexport default Info;\n"],"names":["Info","className","undefined","content","onClick","presentation","InfoPresentation","POPOVER","size","Size","SMALL","title","ariaLabel","preferredPlacement","Position","BOTTOM","intl","useIntl","open","setOpen","useState","formatMessage","messages","isModal","MODAL","buttonProps","priority","children","_jsx","HelpCircleIcon","clsx","_jsxs","_Fragment","IconButton","Modal","body","onClose","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CMA,MAAAA,IAAI,GAAGA,CAAC;AACZC,EAAAA,SAAS,GAAGC,SAAS;AACrBC,EAAAA,OAAO,GAAGD,SAAS;AACnBE,EAAAA,OAAO,GAAGF,SAAS;EACnBG,YAAY,GAAGC,kCAAgB,CAACC,OAAO;QACvCC,MAAI,GAAGC,SAAI,CAACC,KAAK;AACjBC,EAAAA,KAAK,GAAGT,SAAS;AACjB,EAAA,YAAY,EAAEU,SAAS;EACvBC,kBAAkB,GAAGC,iBAAQ,CAACC,MAAAA;AAAM,CAC1B,KAAI;AACd,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;EACtB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACvCR,SAAS,KAAKI,IAAI,CAACK,aAAa,CAACC,aAAQ,CAACV,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMW,OAAO,GAAGlB,YAAY,KAAKC,kCAAgB,CAACkB,KAAK,CAAA;AAEvD,EAAA,MAAMC,WAAW,GAAoB;AACnC,IAAA,YAAY,EAAEb,SAAS;AACvBc,IAAAA,QAAQ,EAAE,SAAS;AACnBlB,IAAAA,IAAI,EAAE,EAAE;AACRmB,IAAAA,QAAQ,eAAEC,cAAA,CAACC,wBAAc,EAAG,EAAA,CAAA;GAC7B,CAAA;AAED,EAAA,oBACED,cAAA,CAAA,MAAA,EAAA;AAAM3B,IAAAA,SAAS,EAAE6B,SAAI,CAAC7B,SAAS,EAAE,SAAS,CAAE;AAAA0B,IAAAA,QAAA,EACzCJ,OAAO,gBACNQ,eAAA,CAAAC,mBAAA,EAAA;MAAAL,QAAA,EAAA,cACEC,cAAA,CAACK,UAAU,EAAA;QACT7B,OAAO,EAAEA,MAAK;UACZe,OAAO,CAAC,CAACD,IAAI,CAAC,CAAA;AACd,UAAA,IAAId,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;SACA;QAAA,GACEqB,WAAAA;AAAW,OAEjB,CAAA,eAAAG,cAAA,CAACM,KAAK,EAAA;AAACC,QAAAA,IAAI,EAAEhC,OAAQ;AAACe,QAAAA,IAAI,EAAEA,IAAK;AAACP,QAAAA,KAAK,EAAEA,KAAM;AAACyB,QAAAA,OAAO,EAAEA,MAAMjB,OAAO,CAAC,KAAK,CAAA;AAAE,OAChF,CAAA,CAAA;AAAA,KAAG,CAAA,gBAEHS,cAAA,CAACS,OAAO,EAAA;AAAClC,MAAAA,OAAO,EAAEA,OAAQ;AAACU,MAAAA,kBAAkB,EAAEA,kBAAmB;AAACF,MAAAA,KAAK,EAAEA,KAAM;MAAAgB,QAAA,eAC9EC,cAAA,CAACK,UAAU,EAAA;AAAA,QAAA,GACLR,WAAW;QACfrB,OAAO,EAAEA,MAAK;AACZ,UAAA,IAAIA,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;AACF,SAAA;OAEJ,CAAA;KAAS,CAAA;AACV,GACG,CAAC,CAAA;AAEX;;;;"}
@@ -27,6 +27,7 @@ import Modal from '../modal/Modal.mjs';
27
27
  import Popover from '../popover/Popover.mjs';
28
28
  import messages from './Info.messages.mjs';
29
29
  import { InfoPresentation } from './infoPresentations.mjs';
30
+ import IconButton from '../iconButton/IconButton.mjs';
30
31
 
31
32
  const Info = ({
32
33
  className = undefined,
@@ -42,22 +43,16 @@ const Info = ({
42
43
  const [open, setOpen] = useState(false);
43
44
  ariaLabel ??= intl.formatMessage(messages.ariaLabel);
44
45
  const isModal = presentation === InfoPresentation.MODAL;
45
- const isSmall = size === Size.SMALL;
46
46
  const buttonProps = {
47
47
  'aria-label': ariaLabel,
48
- className: 'btn-unstyled',
49
- children: /*#__PURE__*/jsx(QuestionMarkCircle, {
50
- size: isSmall ? 16 : 24
51
- })
48
+ priority: 'minimal',
49
+ size: 24,
50
+ children: /*#__PURE__*/jsx(QuestionMarkCircle, {})
52
51
  };
53
52
  return /*#__PURE__*/jsx("span", {
54
- className: clsx(className, 'np-info', {
55
- 'np-info__small': isSmall,
56
- 'np-info__large': !isSmall
57
- }),
53
+ className: clsx(className, 'np-info'),
58
54
  children: isModal ? /*#__PURE__*/jsxs(Fragment, {
59
- children: [/*#__PURE__*/jsx("button", {
60
- type: "button",
55
+ children: [/*#__PURE__*/jsx(IconButton, {
61
56
  onClick: () => {
62
57
  setOpen(!open);
63
58
  if (onClick) {
@@ -75,8 +70,7 @@ const Info = ({
75
70
  content: content,
76
71
  preferredPlacement: preferredPlacement,
77
72
  title: title,
78
- children: /*#__PURE__*/jsx("button", {
79
- type: "button",
73
+ children: /*#__PURE__*/jsx(IconButton, {
80
74
  ...buttonProps,
81
75
  onClick: () => {
82
76
  if (onClick) {
@@ -1 +1 @@
1
- {"version":3,"file":"Info.mjs","sources":["../../src/info/Info.tsx"],"sourcesContent":["import { QuestionMarkCircle as HelpCircleIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, Position, SizeSmall, SizeLarge } from '../common';\nimport Modal from '../modal';\nimport Popover, { PopoverPreferredPlacement } from '../popover';\n\nimport messages from './Info.messages';\nimport { InfoPresentation } from './infoPresentations';\n\nexport interface InfoProps {\n 'aria-label'?: string;\n /**\n * Extra classes applied to Info\n */\n className?: string;\n /**\n * Content displayed inside a Popover a Modal\n */\n content?: React.ReactNode;\n onClick?: () => void;\n /**\n * Decides whether to display content in a Popover or a Modal\n */\n presentation?: 'MODAL' | 'POPOVER';\n /**\n * Decides the size of help Icon\n */\n size?: SizeSmall | SizeLarge;\n /**\n * Title displayed inside a Popover a Modal\n */\n title?: React.ReactNode;\n /**\n * Prferred placement of the Popover, does not apply to Modal\n */\n preferredPlacement?: PopoverPreferredPlacement;\n}\n\nconst Info = ({\n className = undefined,\n content = undefined,\n onClick = undefined,\n presentation = InfoPresentation.POPOVER,\n size = Size.SMALL,\n title = undefined,\n 'aria-label': ariaLabel,\n preferredPlacement = Position.BOTTOM,\n}: InfoProps) => {\n const intl = useIntl();\n const [open, setOpen] = useState(false);\n ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n const isModal = presentation === InfoPresentation.MODAL;\n const isSmall = size === Size.SMALL;\n\n const buttonProps = {\n 'aria-label': ariaLabel,\n className: 'btn-unstyled',\n children: <HelpCircleIcon size={isSmall ? 16 : 24} />,\n };\n\n return (\n <span\n className={clsx(className, 'np-info', {\n 'np-info__small': isSmall,\n 'np-info__large': !isSmall,\n })}\n >\n {isModal ? (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setOpen(!open);\n if (onClick) {\n onClick();\n }\n }}\n {...buttonProps}\n />\n <Modal body={content} open={open} title={title} onClose={() => setOpen(false)} />\n </>\n ) : (\n <Popover content={content} preferredPlacement={preferredPlacement} title={title}>\n <button\n type=\"button\"\n {...buttonProps}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}\n />\n </Popover>\n )}\n </span>\n );\n};\n\nexport default Info;\n"],"names":["Info","className","undefined","content","onClick","presentation","InfoPresentation","POPOVER","size","Size","SMALL","title","ariaLabel","preferredPlacement","Position","BOTTOM","intl","useIntl","open","setOpen","useState","formatMessage","messages","isModal","MODAL","isSmall","buttonProps","children","_jsx","HelpCircleIcon","clsx","_jsxs","_Fragment","type","Modal","body","onClose","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCMA,MAAAA,IAAI,GAAGA,CAAC;AACZC,EAAAA,SAAS,GAAGC,SAAS;AACrBC,EAAAA,OAAO,GAAGD,SAAS;AACnBE,EAAAA,OAAO,GAAGF,SAAS;EACnBG,YAAY,GAAGC,gBAAgB,CAACC,OAAO;EACvCC,IAAI,GAAGC,IAAI,CAACC,KAAK;AACjBC,EAAAA,KAAK,GAAGT,SAAS;AACjB,EAAA,YAAY,EAAEU,SAAS;EACvBC,kBAAkB,GAAGC,QAAQ,CAACC,MAAAA;AAAM,CAC1B,KAAI;AACd,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACvCR,SAAS,KAAKI,IAAI,CAACK,aAAa,CAACC,QAAQ,CAACV,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMW,OAAO,GAAGlB,YAAY,KAAKC,gBAAgB,CAACkB,KAAK,CAAA;AACvD,EAAA,MAAMC,OAAO,GAAGjB,IAAI,KAAKC,IAAI,CAACC,KAAK,CAAA;AAEnC,EAAA,MAAMgB,WAAW,GAAG;AAClB,IAAA,YAAY,EAAEd,SAAS;AACvBX,IAAAA,SAAS,EAAE,cAAc;IACzB0B,QAAQ,eAAEC,GAAA,CAACC,kBAAc,EAAA;AAACrB,MAAAA,IAAI,EAAEiB,OAAO,GAAG,EAAE,GAAG,EAAA;KAAM,CAAA;GACtD,CAAA;AAED,EAAA,oBACEG,GAAA,CAAA,MAAA,EAAA;AACE3B,IAAAA,SAAS,EAAE6B,IAAI,CAAC7B,SAAS,EAAE,SAAS,EAAE;AACpC,MAAA,gBAAgB,EAAEwB,OAAO;AACzB,MAAA,gBAAgB,EAAE,CAACA,OAAAA;AACpB,KAAA,CAAE;AAAAE,IAAAA,QAAA,EAEFJ,OAAO,gBACNQ,IAAA,CAAAC,QAAA,EAAA;AAAAL,MAAAA,QAAA,gBACEC,GAAA,CAAA,QAAA,EAAA;AACEK,QAAAA,IAAI,EAAC,QAAQ;QACb7B,OAAO,EAAEA,MAAK;UACZe,OAAO,CAAC,CAACD,IAAI,CAAC,CAAA;AACd,UAAA,IAAId,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;SACA;QAAA,GACEsB,WAAAA;AAAW,OAEjB,CAAA,eAAAE,GAAA,CAACM,KAAK,EAAA;AAACC,QAAAA,IAAI,EAAEhC,OAAQ;AAACe,QAAAA,IAAI,EAAEA,IAAK;AAACP,QAAAA,KAAK,EAAEA,KAAM;AAACyB,QAAAA,OAAO,EAAEA,MAAMjB,OAAO,CAAC,KAAK,CAAA;AAAE,OAChF,CAAA,CAAA;AAAA,KAAG,CAAA,gBAEHS,GAAA,CAACS,OAAO,EAAA;AAAClC,MAAAA,OAAO,EAAEA,OAAQ;AAACU,MAAAA,kBAAkB,EAAEA,kBAAmB;AAACF,MAAAA,KAAK,EAAEA,KAAM;AAAAgB,MAAAA,QAAA,eAC9EC,GAAA,CAAA,QAAA,EAAA;AACEK,QAAAA,IAAI,EAAC,QAAQ;AAAA,QAAA,GACTP,WAAW;QACftB,OAAO,EAAEA,MAAK;AACZ,UAAA,IAAIA,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;AACF,SAAA;OAEJ,CAAA;KAAS,CAAA;AACV,GACG,CAAC,CAAA;AAEX;;;;"}
1
+ {"version":3,"file":"Info.mjs","sources":["../../src/info/Info.tsx"],"sourcesContent":["import { QuestionMarkCircle as HelpCircleIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, Position, SizeSmall, SizeLarge } from '../common';\nimport Modal from '../modal';\nimport Popover, { PopoverPreferredPlacement } from '../popover';\n\nimport messages from './Info.messages';\nimport { InfoPresentation } from './infoPresentations';\nimport IconButton, { IconButtonProps } from '../iconButton';\n\nexport interface InfoProps {\n 'aria-label'?: string;\n /**\n * Extra classes applied to Info\n */\n className?: string;\n /**\n * Content displayed inside a Popover a Modal\n */\n content?: React.ReactNode;\n onClick?: () => void;\n /**\n * Decides whether to display content in a Popover or a Modal\n */\n presentation?: 'MODAL' | 'POPOVER';\n /**\n * Decides the size of help Icon\n */\n size?: SizeSmall | SizeLarge;\n /**\n * Title displayed inside a Popover a Modal\n */\n title?: React.ReactNode;\n /**\n * Prferred placement of the Popover, does not apply to Modal\n */\n preferredPlacement?: PopoverPreferredPlacement;\n}\n\nconst Info = ({\n className = undefined,\n content = undefined,\n onClick = undefined,\n presentation = InfoPresentation.POPOVER,\n size = Size.SMALL,\n title = undefined,\n 'aria-label': ariaLabel,\n preferredPlacement = Position.BOTTOM,\n}: InfoProps) => {\n const intl = useIntl();\n const [open, setOpen] = useState(false);\n ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n const isModal = presentation === InfoPresentation.MODAL;\n\n const buttonProps: IconButtonProps = {\n 'aria-label': ariaLabel,\n priority: 'minimal',\n size: 24,\n children: <HelpCircleIcon />,\n };\n\n return (\n <span className={clsx(className, 'np-info')}>\n {isModal ? (\n <>\n <IconButton\n onClick={() => {\n setOpen(!open);\n if (onClick) {\n onClick();\n }\n }}\n {...buttonProps}\n />\n <Modal body={content} open={open} title={title} onClose={() => setOpen(false)} />\n </>\n ) : (\n <Popover content={content} preferredPlacement={preferredPlacement} title={title}>\n <IconButton\n {...buttonProps}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}\n />\n </Popover>\n )}\n </span>\n );\n};\n\nexport default Info;\n"],"names":["Info","className","undefined","content","onClick","presentation","InfoPresentation","POPOVER","size","Size","SMALL","title","ariaLabel","preferredPlacement","Position","BOTTOM","intl","useIntl","open","setOpen","useState","formatMessage","messages","isModal","MODAL","buttonProps","priority","children","_jsx","HelpCircleIcon","clsx","_jsxs","_Fragment","IconButton","Modal","body","onClose","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CMA,MAAAA,IAAI,GAAGA,CAAC;AACZC,EAAAA,SAAS,GAAGC,SAAS;AACrBC,EAAAA,OAAO,GAAGD,SAAS;AACnBE,EAAAA,OAAO,GAAGF,SAAS;EACnBG,YAAY,GAAGC,gBAAgB,CAACC,OAAO;EACvCC,IAAI,GAAGC,IAAI,CAACC,KAAK;AACjBC,EAAAA,KAAK,GAAGT,SAAS;AACjB,EAAA,YAAY,EAAEU,SAAS;EACvBC,kBAAkB,GAAGC,QAAQ,CAACC,MAAAA;AAAM,CAC1B,KAAI;AACd,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACvCR,SAAS,KAAKI,IAAI,CAACK,aAAa,CAACC,QAAQ,CAACV,SAAS,CAAC,CAAA;AACpD,EAAA,MAAMW,OAAO,GAAGlB,YAAY,KAAKC,gBAAgB,CAACkB,KAAK,CAAA;AAEvD,EAAA,MAAMC,WAAW,GAAoB;AACnC,IAAA,YAAY,EAAEb,SAAS;AACvBc,IAAAA,QAAQ,EAAE,SAAS;AACnBlB,IAAAA,IAAI,EAAE,EAAE;AACRmB,IAAAA,QAAQ,eAAEC,GAAA,CAACC,kBAAc,EAAG,EAAA,CAAA;GAC7B,CAAA;AAED,EAAA,oBACED,GAAA,CAAA,MAAA,EAAA;AAAM3B,IAAAA,SAAS,EAAE6B,IAAI,CAAC7B,SAAS,EAAE,SAAS,CAAE;AAAA0B,IAAAA,QAAA,EACzCJ,OAAO,gBACNQ,IAAA,CAAAC,QAAA,EAAA;MAAAL,QAAA,EAAA,cACEC,GAAA,CAACK,UAAU,EAAA;QACT7B,OAAO,EAAEA,MAAK;UACZe,OAAO,CAAC,CAACD,IAAI,CAAC,CAAA;AACd,UAAA,IAAId,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;SACA;QAAA,GACEqB,WAAAA;AAAW,OAEjB,CAAA,eAAAG,GAAA,CAACM,KAAK,EAAA;AAACC,QAAAA,IAAI,EAAEhC,OAAQ;AAACe,QAAAA,IAAI,EAAEA,IAAK;AAACP,QAAAA,KAAK,EAAEA,KAAM;AAACyB,QAAAA,OAAO,EAAEA,MAAMjB,OAAO,CAAC,KAAK,CAAA;AAAE,OAChF,CAAA,CAAA;AAAA,KAAG,CAAA,gBAEHS,GAAA,CAACS,OAAO,EAAA;AAAClC,MAAAA,OAAO,EAAEA,OAAQ;AAACU,MAAAA,kBAAkB,EAAEA,kBAAmB;AAACF,MAAAA,KAAK,EAAEA,KAAM;MAAAgB,QAAA,eAC9EC,GAAA,CAACK,UAAU,EAAA;AAAA,QAAA,GACLR,WAAW;QACfrB,OAAO,EAAEA,MAAK;AACZ,UAAA,IAAIA,OAAO,EAAE;AACXA,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;AACF,SAAA;OAEJ,CAAA;KAAS,CAAA;AACV,GACG,CAAC,CAAA;AAEX;;;;"}
@@ -22,9 +22,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input({
22
22
  }), 'np-input', {
23
23
  'np-input--shape-rectangle': shape === 'rectangle',
24
24
  'np-input--shape-pill': shape === 'pill'
25
- })
26
- // eslint-disable-next-line react/forbid-dom-props
27
- ,
25
+ }),
28
26
  style: inputPaddings,
29
27
  ...inputAttributes,
30
28
  ...restProps