@artsy/palette 41.8.1 → 42.0.0

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 (471) hide show
  1. package/dist/Theme.d.ts +2 -70
  2. package/dist/Theme.js +3 -6
  3. package/dist/Theme.js.map +1 -1
  4. package/dist/elements/AutocompleteInput/AutocompleteInput.js +3 -4
  5. package/dist/elements/AutocompleteInput/AutocompleteInput.js.map +1 -1
  6. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +8 -14
  7. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
  8. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js +1 -2
  9. package/dist/elements/AutocompleteInput/AutocompleteInputOption.js.map +1 -1
  10. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js +1 -2
  11. package/dist/elements/AutocompleteInput/AutocompleteInputOptionLabel.js.map +1 -1
  12. package/dist/elements/Avatar/Avatar.js +3 -4
  13. package/dist/elements/Avatar/Avatar.js.map +1 -1
  14. package/dist/elements/Avatar/Avatar.story.js +5 -10
  15. package/dist/elements/Avatar/Avatar.story.js.map +1 -1
  16. package/dist/elements/Banner/Banner.d.ts +1 -1
  17. package/dist/elements/Banner/Banner.js +4 -6
  18. package/dist/elements/Banner/Banner.js.map +1 -1
  19. package/dist/elements/Banner/Banner.story.js +2 -4
  20. package/dist/elements/Banner/Banner.story.js.map +1 -1
  21. package/dist/elements/BaseTabs/BaseTab.d.ts +9 -9
  22. package/dist/elements/BaseTabs/BaseTab.js +1 -2
  23. package/dist/elements/BaseTabs/BaseTab.js.map +1 -1
  24. package/dist/elements/BaseTabs/BaseTabs.d.ts +1 -1
  25. package/dist/elements/BaseTabs/BaseTabs.js +1 -2
  26. package/dist/elements/BaseTabs/BaseTabs.js.map +1 -1
  27. package/dist/elements/BaseTabs/BaseTabs.story.js +10 -20
  28. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  29. package/dist/elements/BaseTabs/tokens.js +1 -2
  30. package/dist/elements/BaseTabs/tokens.js.map +1 -1
  31. package/dist/elements/BorderBox/BorderBox.d.ts +2 -3
  32. package/dist/elements/BorderBox/BorderBox.js +1 -2
  33. package/dist/elements/BorderBox/BorderBox.js.map +1 -1
  34. package/dist/elements/BorderBox/BorderBoxBase.d.ts +1 -2
  35. package/dist/elements/BorderBox/BorderBoxBase.js +1 -2
  36. package/dist/elements/BorderBox/BorderBoxBase.js.map +1 -1
  37. package/dist/elements/BorderedRadio/BorderedRadio.d.ts +1 -2
  38. package/dist/elements/BorderedRadio/BorderedRadio.js +1 -2
  39. package/dist/elements/BorderedRadio/BorderedRadio.js.map +1 -1
  40. package/dist/elements/BorderedRadio/BorderedRadio.story.js +2 -4
  41. package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
  42. package/dist/elements/Box/Box.d.ts +1 -2
  43. package/dist/elements/Box/Box.js +5 -8
  44. package/dist/elements/Box/Box.js.map +1 -1
  45. package/dist/elements/Box/Box.story.js +2 -4
  46. package/dist/elements/Box/Box.story.js.map +1 -1
  47. package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  48. package/dist/elements/Breadcrumbs/Breadcrumbs.js +1 -2
  49. package/dist/elements/Breadcrumbs/Breadcrumbs.js.map +1 -1
  50. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +2 -4
  51. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
  52. package/dist/elements/Button/Button.js +2 -4
  53. package/dist/elements/Button/Button.js.map +1 -1
  54. package/dist/elements/Button/Button.story.js +12 -22
  55. package/dist/elements/Button/Button.story.js.map +1 -1
  56. package/dist/elements/Button/tokens.d.ts +1 -1
  57. package/dist/elements/Button/tokens.js +4 -8
  58. package/dist/elements/Button/tokens.js.map +1 -1
  59. package/dist/elements/Button/types.d.ts +3 -3
  60. package/dist/elements/Button/types.js +5 -6
  61. package/dist/elements/Button/types.js.map +1 -1
  62. package/dist/elements/CSSGrid/CSSGrid.d.ts +1 -2
  63. package/dist/elements/CSSGrid/CSSGrid.js +1 -2
  64. package/dist/elements/CSSGrid/CSSGrid.js.map +1 -1
  65. package/dist/elements/CSSGrid/CSSGrid.story.js +2 -4
  66. package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
  67. package/dist/elements/Cards/Card.js +1 -2
  68. package/dist/elements/Cards/Card.js.map +1 -1
  69. package/dist/elements/Cards/Cards.story.js +3 -6
  70. package/dist/elements/Cards/Cards.story.js.map +1 -1
  71. package/dist/elements/Cards/TriptychCard.d.ts +1 -1
  72. package/dist/elements/Cards/TriptychCard.js +4 -5
  73. package/dist/elements/Cards/TriptychCard.js.map +1 -1
  74. package/dist/elements/Carousel/Carousel.d.ts +4 -4
  75. package/dist/elements/Carousel/Carousel.js +6 -10
  76. package/dist/elements/Carousel/Carousel.js.map +1 -1
  77. package/dist/elements/Carousel/Carousel.story.js +21 -40
  78. package/dist/elements/Carousel/Carousel.story.js.map +1 -1
  79. package/dist/elements/Carousel/CarouselNavigation.d.ts +7 -8
  80. package/dist/elements/Carousel/CarouselNavigation.js +2 -4
  81. package/dist/elements/Carousel/CarouselNavigation.js.map +1 -1
  82. package/dist/elements/Carousel/paginate.d.ts +2 -2
  83. package/dist/elements/Carousel/paginate.js +5 -7
  84. package/dist/elements/Carousel/paginate.js.map +1 -1
  85. package/dist/elements/CarouselBar/CarouselBar.d.ts +1 -1
  86. package/dist/elements/CarouselBar/CarouselBar.js +1 -2
  87. package/dist/elements/CarouselBar/CarouselBar.js.map +1 -1
  88. package/dist/elements/CarouselBar/CarouselBar.story.js +2 -4
  89. package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
  90. package/dist/elements/Checkbox/Check.js +1 -2
  91. package/dist/elements/Checkbox/Check.js.map +1 -1
  92. package/dist/elements/Checkbox/Check.story.js +2 -4
  93. package/dist/elements/Checkbox/Check.story.js.map +1 -1
  94. package/dist/elements/Checkbox/Checkbox.js +1 -2
  95. package/dist/elements/Checkbox/Checkbox.js.map +1 -1
  96. package/dist/elements/Checkbox/Checkbox.story.js +6 -10
  97. package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
  98. package/dist/elements/Checkbox/tokens.js +2 -4
  99. package/dist/elements/Checkbox/tokens.js.map +1 -1
  100. package/dist/elements/CleanTag/CleanTag.d.ts +1 -1
  101. package/dist/elements/CleanTag/CleanTag.js +4 -7
  102. package/dist/elements/CleanTag/CleanTag.js.map +1 -1
  103. package/dist/elements/Clickable/Clickable.d.ts +2 -2
  104. package/dist/elements/Clickable/Clickable.js +2 -4
  105. package/dist/elements/Clickable/Clickable.js.map +1 -1
  106. package/dist/elements/Clickable/Clickable.story.js +5 -8
  107. package/dist/elements/Clickable/Clickable.story.js.map +1 -1
  108. package/dist/elements/Collapse/Collapse.js +38 -29
  109. package/dist/elements/Collapse/Collapse.js.map +1 -1
  110. package/dist/elements/Drawer/Drawer.js +1 -2
  111. package/dist/elements/Drawer/Drawer.js.map +1 -1
  112. package/dist/elements/Drawer/Drawer.story.js +5 -8
  113. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  114. package/dist/elements/Dropdown/Dropdown.d.ts +1 -1
  115. package/dist/elements/Dropdown/Dropdown.js +3 -4
  116. package/dist/elements/Dropdown/Dropdown.js.map +1 -1
  117. package/dist/elements/Dropdown/Dropdown.story.js +11 -20
  118. package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
  119. package/dist/elements/EntityHeader/EntityHeader.js +1 -2
  120. package/dist/elements/EntityHeader/EntityHeader.js.map +1 -1
  121. package/dist/elements/EntityHeader/EntityHeader.story.js +2 -4
  122. package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
  123. package/dist/elements/Expandable/Expandable.d.ts +1 -1
  124. package/dist/elements/Expandable/Expandable.js +3 -4
  125. package/dist/elements/Expandable/Expandable.js.map +1 -1
  126. package/dist/elements/Expandable/Expandable.story.js +3 -6
  127. package/dist/elements/Expandable/Expandable.story.js.map +1 -1
  128. package/dist/elements/FilterSelect/Components/FilterInput.d.ts +1 -1
  129. package/dist/elements/FilterSelect/Components/FilterInput.js +4 -4
  130. package/dist/elements/FilterSelect/Components/FilterInput.js.map +1 -1
  131. package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts +2 -2
  132. package/dist/elements/FilterSelect/Components/FilterSelectContext.js +4 -6
  133. package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map +1 -1
  134. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js +1 -2
  135. package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map +1 -1
  136. package/dist/elements/FilterSelect/FilterSelect.d.ts +1 -1
  137. package/dist/elements/FilterSelect/FilterSelect.js +3 -5
  138. package/dist/elements/FilterSelect/FilterSelect.js.map +1 -1
  139. package/dist/elements/FilterSelect/FilterSelect.story.js +2 -4
  140. package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
  141. package/dist/elements/Flex/Flex.d.ts +2 -3
  142. package/dist/elements/Flex/Flex.js +1 -2
  143. package/dist/elements/Flex/Flex.js.map +1 -1
  144. package/dist/elements/FullBleed/FullBleed.d.ts +2 -3
  145. package/dist/elements/FullBleed/FullBleed.js +1 -2
  146. package/dist/elements/FullBleed/FullBleed.js.map +1 -1
  147. package/dist/elements/FullBleed/FullBleed.story.js +2 -4
  148. package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
  149. package/dist/elements/GridColumns/GridColumns.d.ts +4 -4
  150. package/dist/elements/GridColumns/GridColumns.js +2 -4
  151. package/dist/elements/GridColumns/GridColumns.js.map +1 -1
  152. package/dist/elements/GridColumns/GridColumns.story.js +4 -8
  153. package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
  154. package/dist/elements/GridColumns/calculateGridColumn.d.ts +2 -2
  155. package/dist/elements/GridColumns/calculateGridColumn.js +5 -10
  156. package/dist/elements/GridColumns/calculateGridColumn.js.map +1 -1
  157. package/dist/elements/HTML/HTML.d.ts +1 -1
  158. package/dist/elements/HTML/HTML.js +2 -4
  159. package/dist/elements/HTML/HTML.js.map +1 -1
  160. package/dist/elements/HTML/HTML.story.js +3 -6
  161. package/dist/elements/HTML/HTML.story.js.map +1 -1
  162. package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts +1 -1
  163. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js +3 -4
  164. package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map +1 -1
  165. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +3 -6
  166. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
  167. package/dist/elements/Image/Image.js +3 -4
  168. package/dist/elements/Image/Image.js.map +1 -1
  169. package/dist/elements/Image/Image.story.js +8 -16
  170. package/dist/elements/Image/Image.story.js.map +1 -1
  171. package/dist/elements/Input/Input.js +3 -4
  172. package/dist/elements/Input/Input.js.map +1 -1
  173. package/dist/elements/Input/Input.story.js +8 -14
  174. package/dist/elements/Input/Input.story.js.map +1 -1
  175. package/dist/elements/Input/tokens.js +1 -2
  176. package/dist/elements/Input/tokens.js.map +1 -1
  177. package/dist/elements/Input/types.d.ts +1 -1
  178. package/dist/elements/Join/Join.js +1 -2
  179. package/dist/elements/Join/Join.js.map +1 -1
  180. package/dist/elements/Join/Join.story.js +27 -24
  181. package/dist/elements/Join/Join.story.js.map +1 -1
  182. package/dist/elements/Label/Label.d.ts +1 -1
  183. package/dist/elements/Label/Label.js +2 -4
  184. package/dist/elements/Label/Label.js.map +1 -1
  185. package/dist/elements/Label/Label.story.js +3 -6
  186. package/dist/elements/Label/Label.story.js.map +1 -1
  187. package/dist/elements/LabeledInput/LabeledInput.js +3 -4
  188. package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
  189. package/dist/elements/LabeledInput/LabeledInput.story.js +6 -10
  190. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  191. package/dist/elements/Link/Link.d.ts +0 -1
  192. package/dist/elements/Link/Link.js +1 -2
  193. package/dist/elements/Link/Link.js.map +1 -1
  194. package/dist/elements/Marquee/Marquee.js +3 -4
  195. package/dist/elements/Marquee/Marquee.js.map +1 -1
  196. package/dist/elements/Marquee/Marquee.story.js +2 -4
  197. package/dist/elements/Marquee/Marquee.story.js.map +1 -1
  198. package/dist/elements/Message/Message.d.ts +1 -1
  199. package/dist/elements/Message/Message.js +2 -4
  200. package/dist/elements/Message/Message.js.map +1 -1
  201. package/dist/elements/Message/Message.story.js +3 -5
  202. package/dist/elements/Message/Message.story.js.map +1 -1
  203. package/dist/elements/Modal/ModalBase.d.ts +1 -1
  204. package/dist/elements/Modal/ModalBase.js +5 -8
  205. package/dist/elements/Modal/ModalBase.js.map +1 -1
  206. package/dist/elements/Modal/ModalBase.story.js +7 -12
  207. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  208. package/dist/elements/ModalDialog/ModalDialog.d.ts +1 -1
  209. package/dist/elements/ModalDialog/ModalDialog.js +3 -4
  210. package/dist/elements/ModalDialog/ModalDialog.js.map +1 -1
  211. package/dist/elements/ModalDialog/ModalDialog.story.js +4 -6
  212. package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
  213. package/dist/elements/ModalDialog/ModalDialogContent.d.ts +1 -1
  214. package/dist/elements/ModalDialog/ModalDialogContent.js +2 -4
  215. package/dist/elements/ModalDialog/ModalDialogContent.js.map +1 -1
  216. package/dist/elements/ModalDialog/ModalDialogContent.story.js +2 -4
  217. package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
  218. package/dist/elements/MultiSelect/MultiSelect.js +3 -4
  219. package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
  220. package/dist/elements/MultiSelect/MultiSelect.story.js +5 -8
  221. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  222. package/dist/elements/MultiSelect/tokens.js +1 -2
  223. package/dist/elements/MultiSelect/tokens.js.map +1 -1
  224. package/dist/elements/Pagination/Pagination.js +3 -6
  225. package/dist/elements/Pagination/Pagination.js.map +1 -1
  226. package/dist/elements/Pagination/Pagination.story.js +3 -6
  227. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  228. package/dist/elements/PasswordInput/PasswordInput.js +3 -4
  229. package/dist/elements/PasswordInput/PasswordInput.js.map +1 -1
  230. package/dist/elements/PasswordInput/PasswordInput.story.js +2 -4
  231. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  232. package/dist/elements/PhoneInput/PhoneInput.js +3 -4
  233. package/dist/elements/PhoneInput/PhoneInput.js.map +1 -1
  234. package/dist/elements/PhoneInput/PhoneInput.story.js +2 -4
  235. package/dist/elements/PhoneInput/PhoneInput.story.js.map +1 -1
  236. package/dist/elements/PhoneInput/tokens.js +1 -2
  237. package/dist/elements/PhoneInput/tokens.js.map +1 -1
  238. package/dist/elements/Pill/Pill.d.ts +3 -3
  239. package/dist/elements/Pill/Pill.js +3 -4
  240. package/dist/elements/Pill/Pill.js.map +1 -1
  241. package/dist/elements/Pill/Pill.story.js +12 -22
  242. package/dist/elements/Pill/Pill.story.js.map +1 -1
  243. package/dist/elements/Pill/tokens.js +1 -2
  244. package/dist/elements/Pill/tokens.js.map +1 -1
  245. package/dist/elements/Pointer/Pointer.d.ts +1 -1
  246. package/dist/elements/Pointer/Pointer.js +3 -4
  247. package/dist/elements/Pointer/Pointer.js.map +1 -1
  248. package/dist/elements/Popover/Popover.d.ts +1 -1
  249. package/dist/elements/Popover/Popover.js +4 -6
  250. package/dist/elements/Popover/Popover.js.map +1 -1
  251. package/dist/elements/Popover/Popover.story.js +6 -12
  252. package/dist/elements/Popover/Popover.story.js.map +1 -1
  253. package/dist/elements/ProgressBar/ProgressBar.js +1 -2
  254. package/dist/elements/ProgressBar/ProgressBar.js.map +1 -1
  255. package/dist/elements/ProgressBar/ProgressBar.story.js +5 -8
  256. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  257. package/dist/elements/ProgressDots/ProgressDots.d.ts +1 -1
  258. package/dist/elements/ProgressDots/ProgressDots.js +1 -2
  259. package/dist/elements/ProgressDots/ProgressDots.js.map +1 -1
  260. package/dist/elements/ProgressDots/ProgressDots.story.js +5 -8
  261. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  262. package/dist/elements/Radio/Radio.js +1 -2
  263. package/dist/elements/Radio/Radio.js.map +1 -1
  264. package/dist/elements/Radio/Radio.story.js +3 -6
  265. package/dist/elements/Radio/Radio.story.js.map +1 -1
  266. package/dist/elements/Radio/RadioDot.d.ts +1 -2
  267. package/dist/elements/Radio/RadioDot.js +1 -2
  268. package/dist/elements/Radio/RadioDot.js.map +1 -1
  269. package/dist/elements/Radio/tokens.js +3 -6
  270. package/dist/elements/Radio/tokens.js.map +1 -1
  271. package/dist/elements/RadioGroup/RadioGroup.js +37 -28
  272. package/dist/elements/RadioGroup/RadioGroup.js.map +1 -1
  273. package/dist/elements/RadioGroup/RadioGroup.story.js +6 -10
  274. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  275. package/dist/elements/Range/Range.js +11 -12
  276. package/dist/elements/Range/Range.js.map +1 -1
  277. package/dist/elements/Range/Range.story.js +7 -12
  278. package/dist/elements/Range/Range.story.js.map +1 -1
  279. package/dist/elements/ReadMore/ReadMore.js +3 -4
  280. package/dist/elements/ReadMore/ReadMore.js.map +1 -1
  281. package/dist/elements/ReadMore/ReadMore.story.js +9 -18
  282. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  283. package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts +2 -2
  284. package/dist/elements/ResponsiveBox/ResponsiveBox.js +1 -2
  285. package/dist/elements/ResponsiveBox/ResponsiveBox.js.map +1 -1
  286. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +6 -10
  287. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  288. package/dist/elements/Select/Select.js +4 -6
  289. package/dist/elements/Select/Select.js.map +1 -1
  290. package/dist/elements/Select/Select.story.js +2 -4
  291. package/dist/elements/Select/Select.story.js.map +1 -1
  292. package/dist/elements/Select/tokens.js +1 -2
  293. package/dist/elements/Select/tokens.js.map +1 -1
  294. package/dist/elements/Select/types.d.ts +1 -1
  295. package/dist/elements/Separator/Separator.d.ts +0 -1
  296. package/dist/elements/Separator/Separator.js +1 -2
  297. package/dist/elements/Separator/Separator.js.map +1 -1
  298. package/dist/elements/Separator/Separator.story.js +2 -4
  299. package/dist/elements/Separator/Separator.story.js.map +1 -1
  300. package/dist/elements/Shelf/Shelf.d.ts +1 -1
  301. package/dist/elements/Shelf/Shelf.js +3 -4
  302. package/dist/elements/Shelf/Shelf.js.map +1 -1
  303. package/dist/elements/Shelf/Shelf.story.js +7 -12
  304. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  305. package/dist/elements/Shelf/ShelfNavigation.js +2 -4
  306. package/dist/elements/Shelf/ShelfNavigation.js.map +1 -1
  307. package/dist/elements/Shelf/ShelfScrollBar.js +4 -6
  308. package/dist/elements/Shelf/ShelfScrollBar.js.map +1 -1
  309. package/dist/elements/Shelf/useClickScroll.d.ts +0 -1
  310. package/dist/elements/Shelf/useClickScroll.js +1 -2
  311. package/dist/elements/Shelf/useClickScroll.js.map +1 -1
  312. package/dist/elements/Shelf/useDragScroll.d.ts +0 -1
  313. package/dist/elements/Shelf/useDragScroll.js +1 -2
  314. package/dist/elements/Shelf/useDragScroll.js.map +1 -1
  315. package/dist/elements/ShowMore/ShowMore.js +4 -6
  316. package/dist/elements/ShowMore/ShowMore.js.map +1 -1
  317. package/dist/elements/ShowMore/ShowMore.story.js +3 -6
  318. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  319. package/dist/elements/Skeleton/Skeleton.d.ts +4 -4
  320. package/dist/elements/Skeleton/Skeleton.js +5 -8
  321. package/dist/elements/Skeleton/Skeleton.js.map +1 -1
  322. package/dist/elements/Skeleton/Skeleton.story.js +5 -10
  323. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  324. package/dist/elements/Skip/Skip.d.ts +1 -1
  325. package/dist/elements/Skip/Skip.js +1 -2
  326. package/dist/elements/Skip/Skip.js.map +1 -1
  327. package/dist/elements/Skip/Skip.story.js +4 -8
  328. package/dist/elements/Skip/Skip.story.js.map +1 -1
  329. package/dist/elements/Spacer/Spacer.d.ts +1 -1
  330. package/dist/elements/Spacer/Spacer.js +1 -2
  331. package/dist/elements/Spacer/Spacer.js.map +1 -1
  332. package/dist/elements/Spacer/Spacer.story.js +3 -5
  333. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  334. package/dist/elements/Spinner/Spinner.d.ts +1 -1
  335. package/dist/elements/Spinner/Spinner.js +3 -4
  336. package/dist/elements/Spinner/Spinner.js.map +1 -1
  337. package/dist/elements/Spinner/Spinner.story.js +4 -8
  338. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  339. package/dist/elements/Stack/Stack.d.ts +2 -3
  340. package/dist/elements/Stack/Stack.js +1 -2
  341. package/dist/elements/Stack/Stack.js.map +1 -1
  342. package/dist/elements/Stack/Stack.story.js +2 -4
  343. package/dist/elements/Stack/Stack.story.js.map +1 -1
  344. package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts +2 -3
  345. package/dist/elements/StackableBorderBox/StackableBorderBox.js +1 -2
  346. package/dist/elements/StackableBorderBox/StackableBorderBox.js.map +1 -1
  347. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +2 -4
  348. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  349. package/dist/elements/Stepper/Stepper.d.ts +1 -1
  350. package/dist/elements/Stepper/Stepper.js +3 -4
  351. package/dist/elements/Stepper/Stepper.js.map +1 -1
  352. package/dist/elements/Stepper/Stepper.story.js +5 -8
  353. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  354. package/dist/elements/Sup/Sup.d.ts +9 -10
  355. package/dist/elements/Sup/Sup.js +1 -2
  356. package/dist/elements/Sup/Sup.js.map +1 -1
  357. package/dist/elements/Sup/Sup.story.js +2 -4
  358. package/dist/elements/Sup/Sup.story.js.map +1 -1
  359. package/dist/elements/Swiper/Swiper.d.ts +8 -8
  360. package/dist/elements/Swiper/Swiper.js +4 -6
  361. package/dist/elements/Swiper/Swiper.js.map +1 -1
  362. package/dist/elements/Swiper/Swiper.story.js +15 -28
  363. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  364. package/dist/elements/Swiper/activeIndex.js +1 -2
  365. package/dist/elements/Swiper/activeIndex.js.map +1 -1
  366. package/dist/elements/Swiper/percentage.js +1 -2
  367. package/dist/elements/Swiper/percentage.js.map +1 -1
  368. package/dist/elements/Tabs/Tabs.js +5 -8
  369. package/dist/elements/Tabs/Tabs.js.map +1 -1
  370. package/dist/elements/Tabs/Tabs.story.js +11 -20
  371. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  372. package/dist/elements/Text/Text.d.ts +4 -5
  373. package/dist/elements/Text/Text.js +5 -8
  374. package/dist/elements/Text/Text.js.map +1 -1
  375. package/dist/elements/Text/Text.story.js +7 -12
  376. package/dist/elements/Text/Text.story.js.map +1 -1
  377. package/dist/elements/TextArea/TextArea.js +3 -4
  378. package/dist/elements/TextArea/TextArea.js.map +1 -1
  379. package/dist/elements/TextArea/TextArea.story.js +3 -6
  380. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  381. package/dist/elements/TextArea/tokens.js +1 -2
  382. package/dist/elements/TextArea/tokens.js.map +1 -1
  383. package/dist/elements/TextArea/types.d.ts +1 -1
  384. package/dist/elements/Toasts/Toast.d.ts +1 -1
  385. package/dist/elements/Toasts/Toast.js +2 -4
  386. package/dist/elements/Toasts/Toast.js.map +1 -1
  387. package/dist/elements/Toasts/Toast.story.js +2 -4
  388. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  389. package/dist/elements/Toasts/Toasts.js +1 -2
  390. package/dist/elements/Toasts/Toasts.js.map +1 -1
  391. package/dist/elements/Toasts/Toasts.story.js +4 -6
  392. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  393. package/dist/elements/Toasts/useToasts.d.ts +2 -2
  394. package/dist/elements/Toasts/useToasts.js +5 -8
  395. package/dist/elements/Toasts/useToasts.js.map +1 -1
  396. package/dist/elements/Toggle/Toggle.js +1 -2
  397. package/dist/elements/Toggle/Toggle.js.map +1 -1
  398. package/dist/elements/Toggle/Toggle.story.js +5 -8
  399. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  400. package/dist/elements/Toggle/tokens.js +2 -4
  401. package/dist/elements/Toggle/tokens.js.map +1 -1
  402. package/dist/elements/Tooltip/Tooltip.d.ts +1 -1
  403. package/dist/elements/Tooltip/Tooltip.js +4 -6
  404. package/dist/elements/Tooltip/Tooltip.js.map +1 -1
  405. package/dist/elements/Tooltip/Tooltip.story.js +11 -20
  406. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  407. package/dist/elements/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  408. package/dist/elements/VisuallyHidden/VisuallyHidden.js +3 -6
  409. package/dist/elements/VisuallyHidden/VisuallyHidden.js.map +1 -1
  410. package/dist/helpers/color.js +1 -2
  411. package/dist/helpers/color.js.map +1 -1
  412. package/dist/helpers/flattenChildren.d.ts +1 -1
  413. package/dist/helpers/flattenChildren.js +3 -4
  414. package/dist/helpers/flattenChildren.js.map +1 -1
  415. package/dist/helpers/injectGlobalStyles.d.ts +0 -1
  416. package/dist/helpers/isText.js +3 -4
  417. package/dist/helpers/isText.js.map +1 -1
  418. package/dist/helpers/media.d.ts +1 -1
  419. package/dist/helpers/media.js +3 -4
  420. package/dist/helpers/media.js.map +1 -1
  421. package/dist/helpers/space.js +1 -2
  422. package/dist/helpers/space.js.map +1 -1
  423. package/dist/helpers/transition.js +1 -2
  424. package/dist/helpers/transition.js.map +1 -1
  425. package/dist/helpers/visuallyDisableScrollbar.js +1 -2
  426. package/dist/helpers/visuallyDisableScrollbar.js.map +1 -1
  427. package/dist/shared/RequiredField.js +1 -2
  428. package/dist/shared/RequiredField.js.map +1 -1
  429. package/dist/themes/Themes.story.js +12 -22
  430. package/dist/themes/Themes.story.js.map +1 -1
  431. package/dist/utils/FocusLocking.story.js +6 -10
  432. package/dist/utils/FocusLocking.story.js.map +1 -1
  433. package/dist/utils/remapValue.d.ts +1 -1
  434. package/dist/utils/remapValue.js +1 -2
  435. package/dist/utils/remapValue.js.map +1 -1
  436. package/dist/utils/splitProps.d.ts +1 -1
  437. package/dist/utils/splitProps.js +6 -6
  438. package/dist/utils/splitProps.js.map +1 -1
  439. package/dist/utils/useClickOutside.d.ts +0 -1
  440. package/dist/utils/useClickOutside.js +1 -2
  441. package/dist/utils/useClickOutside.js.map +1 -1
  442. package/dist/utils/useContainsFocus.d.ts +0 -1
  443. package/dist/utils/useContainsFocus.js +1 -2
  444. package/dist/utils/useContainsFocus.js.map +1 -1
  445. package/dist/utils/useDidMount.d.ts +2 -2
  446. package/dist/utils/useDidMount.js +3 -4
  447. package/dist/utils/useDidMount.js.map +1 -1
  448. package/dist/utils/useIsomorphicLayoutEffect.js +1 -2
  449. package/dist/utils/useIsomorphicLayoutEffect.js.map +1 -1
  450. package/dist/utils/useLatest.d.ts +1 -2
  451. package/dist/utils/useLatest.js +1 -2
  452. package/dist/utils/useLatest.js.map +1 -1
  453. package/dist/utils/useMutationObserver.d.ts +1 -1
  454. package/dist/utils/useMutationObserver.js +1 -2
  455. package/dist/utils/useMutationObserver.js.map +1 -1
  456. package/dist/utils/usePortal.js +1 -2
  457. package/dist/utils/usePortal.js.map +1 -1
  458. package/dist/utils/usePosition.d.ts +8 -9
  459. package/dist/utils/usePosition.js +10 -18
  460. package/dist/utils/usePosition.js.map +1 -1
  461. package/dist/utils/useResizeObserver.d.ts +2 -3
  462. package/dist/utils/useResizeObserver.js +3 -5
  463. package/dist/utils/useResizeObserver.js.map +1 -1
  464. package/dist/utils/useSentinelVisibility.js +3 -4
  465. package/dist/utils/useSentinelVisibility.js.map +1 -1
  466. package/dist/utils/useUpdateEffect.js +1 -2
  467. package/dist/utils/useUpdateEffect.js.map +1 -1
  468. package/dist/utils/useWidthOf.d.ts +0 -1
  469. package/dist/utils/useWidthOf.js +3 -4
  470. package/dist/utils/useWidthOf.js.map +1 -1
  471. package/package.json +26 -18
@@ -23,15 +23,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
23
23
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
24
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
25
25
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
26
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
27
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
26
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
27
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
28
28
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
29
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
30
- var _default = {
30
+ var _default = exports.default = {
31
31
  title: "Components/Dropdown"
32
32
  };
33
- exports.default = _default;
34
- var Default = function Default() {
33
+ var Default = exports.Default = function Default() {
35
34
  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
36
35
  states: Object.keys(_utils.POSITION).map(function (placement) {
37
36
  return {
@@ -72,7 +71,6 @@ var Default = function Default() {
72
71
  }, anchorProps), "Hover to display dropdown"));
73
72
  }));
74
73
  };
75
- exports.Default = Default;
76
74
  Default.displayName = "Default";
77
75
  Default.story = {
78
76
  parameters: {
@@ -81,7 +79,7 @@ Default.story = {
81
79
  }
82
80
  }
83
81
  };
84
- var KeepInDOM = function KeepInDOM() {
82
+ var KeepInDOM = exports.KeepInDOM = function KeepInDOM() {
85
83
  return /*#__PURE__*/_react.default.createElement(_Dropdown.Dropdown, {
86
84
  placement: "bottom",
87
85
  keepInDOM: true,
@@ -99,7 +97,6 @@ var KeepInDOM = function KeepInDOM() {
99
97
  }, anchorProps), "Hover to display dropdown");
100
98
  });
101
99
  };
102
- exports.KeepInDOM = KeepInDOM;
103
100
  KeepInDOM.displayName = "KeepInDOM";
104
101
  KeepInDOM.story = {
105
102
  parameters: {
@@ -108,7 +105,7 @@ KeepInDOM.story = {
108
105
  }
109
106
  }
110
107
  };
111
- var ChangeDimensions = function ChangeDimensions() {
108
+ var ChangeDimensions = exports.ChangeDimensions = function ChangeDimensions() {
112
109
  var _useState = (0, _react.useState)(10),
113
110
  _useState2 = _slicedToArray(_useState, 2),
114
111
  height = _useState2[0],
@@ -134,9 +131,8 @@ var ChangeDimensions = function ChangeDimensions() {
134
131
  }, anchorProps), "Hover to display dropdown");
135
132
  });
136
133
  };
137
- exports.ChangeDimensions = ChangeDimensions;
138
134
  ChangeDimensions.displayName = "ChangeDimensions";
139
- var FocusOrder = function FocusOrder() {
135
+ var FocusOrder = exports.FocusOrder = function FocusOrder() {
140
136
  var dropdown = /*#__PURE__*/_react.default.createElement(_Text.Text, {
141
137
  variant: "sm-display"
142
138
  }, /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
@@ -178,9 +174,8 @@ var FocusOrder = function FocusOrder() {
178
174
  }, anchorProps), "Second Parent");
179
175
  }));
180
176
  };
181
- exports.FocusOrder = FocusOrder;
182
177
  FocusOrder.displayName = "FocusOrder";
183
- var OpenDropdownByClick = function OpenDropdownByClick() {
178
+ var OpenDropdownByClick = exports.OpenDropdownByClick = function OpenDropdownByClick() {
184
179
  var dropdown = /*#__PURE__*/_react.default.createElement(_Text.Text, {
185
180
  variant: "sm-display"
186
181
  }, /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
@@ -213,9 +208,8 @@ var OpenDropdownByClick = function OpenDropdownByClick() {
213
208
  }, anchorProps), "Click to display dropdown");
214
209
  }));
215
210
  };
216
- exports.OpenDropdownByClick = OpenDropdownByClick;
217
211
  OpenDropdownByClick.displayName = "OpenDropdownByClick";
218
- var FilterExample = function FilterExample() {
212
+ var FilterExample = exports.FilterExample = function FilterExample() {
219
213
  return /*#__PURE__*/_react.default.createElement(_Dropdown.Dropdown, {
220
214
  dropdown: /*#__PURE__*/_react.default.createElement(_Box.Box, {
221
215
  p: 1
@@ -234,9 +228,8 @@ var FilterExample = function FilterExample() {
234
228
  }, anchorProps), "Example");
235
229
  });
236
230
  };
237
- exports.FilterExample = FilterExample;
238
231
  FilterExample.displayName = "FilterExample";
239
- var OverflowingContent = function OverflowingContent() {
232
+ var OverflowingContent = exports.OverflowingContent = function OverflowingContent() {
240
233
  var dropdown = /*#__PURE__*/_react.default.createElement(_Text.Text, {
241
234
  variant: "sm-display"
242
235
  }, new Array(100).fill(null).map(function (_, i) {
@@ -292,8 +285,7 @@ var OverflowingContent = function OverflowingContent() {
292
285
  bg: "mono10"
293
286
  }));
294
287
  };
295
- exports.OverflowingContent = OverflowingContent;
296
- var DisabledTransition = function DisabledTransition() {
288
+ var DisabledTransition = exports.DisabledTransition = function DisabledTransition() {
297
289
  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, [1, 2, 3].map(function (num) {
298
290
  var dropdown = /*#__PURE__*/_react.default.createElement(_Text.Text, {
299
291
  variant: "sm-display",
@@ -332,6 +324,5 @@ var DisabledTransition = function DisabledTransition() {
332
324
  });
333
325
  }));
334
326
  };
335
- exports.DisabledTransition = DisabledTransition;
336
327
  DisabledTransition.displayName = "DisabledTransition";
337
328
  //# sourceMappingURL=Dropdown.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_utils","_Box","_Button","_Text","_Dropdown","_Clickable","_Flex","_Pill","_ChevronSmallDownIcon","_interopRequireDefault","_Spacer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Default","createElement","States","states","keys","POSITION","map","placement","Dropdown","visible","dropdown","Box","width","p","Text","as","display","variant","href","_ref","anchorRef","anchorProps","textAlign","Button","ref","size","displayName","story","parameters","chromatic","disable","KeepInDOM","keepInDOM","_ref2","ChangeDimensions","_useState","useState","_useState2","height","setHeight","useEffect","setInterval","Math","floor","random","_ref3","FocusOrder","Clickable","py","px","Flex","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Pill","Icon","ChevronSmallDownIcon","iconPosition","OverflowingContent","fill","_","_useState3","_useState4","setPlacement","Fragment","bg","Spacer","y","mb","selected","onClick","alignItems","justifyContent","_ref8","DisabledTransition","num","concat","transition","_ref9"],"sources":["../../../src/elements/Dropdown/Dropdown.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { Dropdown, DropdownProps } from \"./Dropdown\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Pill } from \"../Pill\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport { Spacer } from \"../Spacer\"\n\nexport default {\n title: \"Components/Dropdown\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<DropdownProps>>\n states={Object.keys(POSITION).map((placement) => ({\n placement: placement as Position,\n }))}\n >\n <Dropdown\n placement=\"bottom\"\n visible\n dropdown={\n <Box width={300} p={2}>\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n One\n </Text>\n\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n Two\n </Text>\n\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n Three\n </Text>\n </Box>\n }\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n </Box>\n )\n }}\n </Dropdown>\n </States>\n )\n}\n\nDefault.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const KeepInDOM = () => {\n return (\n <Dropdown\n placement=\"bottom\"\n keepInDOM\n dropdown={\n <Text p={2} variant=\"xs\">\n Content remains in DOM\n </Text>\n }\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n )\n}\n\nKeepInDOM.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const ChangeDimensions = () => {\n const [height, setHeight] = useState(10)\n\n useEffect(() => {\n setInterval(() => {\n setHeight(Math.floor(Math.random() * 100))\n }, 1000)\n }, [])\n\n return (\n <Dropdown placement=\"top\" dropdown={<Box height={height} width={300} />}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n )\n}\n\nexport const FocusOrder = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n First\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Second\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Third\n </Clickable>\n </Text>\n )\n\n return (\n <Flex>\n <Dropdown dropdown={dropdown}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n First Parent\n </Button>\n )\n }}\n </Dropdown>\n\n <Dropdown dropdown={dropdown}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Second Parent\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n )\n}\n\nexport const OpenDropdownByClick = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n First\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Second\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Third\n </Clickable>\n </Text>\n )\n\n return (\n <Flex>\n <Dropdown dropdown={dropdown} openDropdownByClick>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n Click to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n )\n}\n\nexport const FilterExample = () => {\n return (\n <Dropdown\n dropdown={\n <Box p={1}>\n <Text variant=\"xs\">Example content</Text>\n </Box>\n }\n placement=\"bottom-start\"\n openDropdownByClick\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Pill\n ref={anchorRef as any}\n Icon={ChevronSmallDownIcon}\n iconPosition=\"right\"\n {...anchorProps}\n >\n Example\n </Pill>\n )\n }}\n </Dropdown>\n )\n}\n\nexport const OverflowingContent = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n {new Array(100).fill(null).map((_, i) => (\n <Clickable key={i} display=\"block\" width=\"100%\" py={1} px={2}>\n Item {i}\n </Clickable>\n ))}\n </Text>\n )\n\n const [placement, setPlacement] = useState<Position>(\"bottom\")\n\n return (\n <>\n <Box height={200} bg=\"mono10\" />\n\n <Spacer y={2} />\n\n {[\"bottom\", \"top\", \"left\", \"right\"].map((p) => {\n return (\n <Pill\n key={p}\n size=\"small\"\n mr={1}\n mb={1}\n selected={placement === p}\n onClick={() => setPlacement(p as Position)}\n >\n {p}\n </Pill>\n )\n })}\n\n <Spacer y={2} />\n\n <Flex alignItems=\"center\" justifyContent=\"center\">\n <Dropdown dropdown={dropdown} openDropdownByClick placement={placement}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Click to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n\n <Spacer y={2} />\n\n <Box height={5000} bg=\"mono10\" />\n </>\n )\n}\n\nexport const DisabledTransition = () => {\n return (\n <Flex>\n {[1, 2, 3].map((num) => {\n const dropdown = (\n <Text variant=\"sm-display\" width=\"100vw\" bg={`color-b${num}00`} p={2}>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: First Item\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: Second Item\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: Third Item\n </Clickable>\n </Text>\n )\n\n return (\n <Dropdown key={num} dropdown={dropdown} transition={false}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n Hover for dropdown {num}\n </Button>\n )\n }}\n </Dropdown>\n )\n })}\n </Flex>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_utils","_Box","_Button","_Text","_Dropdown","_Clickable","_Flex","_Pill","_ChevronSmallDownIcon","_interopRequireDefault","_Spacer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","exports","title","Default","createElement","States","states","keys","POSITION","map","placement","Dropdown","visible","dropdown","Box","width","p","Text","as","display","variant","href","_ref","anchorRef","anchorProps","textAlign","Button","ref","size","displayName","story","parameters","chromatic","disable","KeepInDOM","keepInDOM","_ref2","ChangeDimensions","_useState","useState","_useState2","height","setHeight","useEffect","setInterval","Math","floor","random","_ref3","FocusOrder","Clickable","py","px","Flex","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Pill","Icon","ChevronSmallDownIcon","iconPosition","OverflowingContent","fill","_","_useState3","_useState4","setPlacement","Fragment","bg","Spacer","y","mb","selected","onClick","alignItems","justifyContent","_ref8","DisabledTransition","num","concat","transition","_ref9"],"sources":["../../../src/elements/Dropdown/Dropdown.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { Dropdown, DropdownProps } from \"./Dropdown\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Pill } from \"../Pill\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport { Spacer } from \"../Spacer\"\n\nexport default {\n title: \"Components/Dropdown\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<DropdownProps>>\n states={Object.keys(POSITION).map((placement) => ({\n placement: placement as Position,\n }))}\n >\n <Dropdown\n placement=\"bottom\"\n visible\n dropdown={\n <Box width={300} p={2}>\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n One\n </Text>\n\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n Two\n </Text>\n\n <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n Three\n </Text>\n </Box>\n }\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Box textAlign=\"center\">\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n </Box>\n )\n }}\n </Dropdown>\n </States>\n )\n}\n\nDefault.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const KeepInDOM = () => {\n return (\n <Dropdown\n placement=\"bottom\"\n keepInDOM\n dropdown={\n <Text p={2} variant=\"xs\">\n Content remains in DOM\n </Text>\n }\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n )\n}\n\nKeepInDOM.story = {\n parameters: { chromatic: { disable: true } },\n}\n\nexport const ChangeDimensions = () => {\n const [height, setHeight] = useState(10)\n\n useEffect(() => {\n setInterval(() => {\n setHeight(Math.floor(Math.random() * 100))\n }, 1000)\n }, [])\n\n return (\n <Dropdown placement=\"top\" dropdown={<Box height={height} width={300} />}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Hover to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n )\n}\n\nexport const FocusOrder = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n First\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Second\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Third\n </Clickable>\n </Text>\n )\n\n return (\n <Flex>\n <Dropdown dropdown={dropdown}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n First Parent\n </Button>\n )\n }}\n </Dropdown>\n\n <Dropdown dropdown={dropdown}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Second Parent\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n )\n}\n\nexport const OpenDropdownByClick = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n First\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Second\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Third\n </Clickable>\n </Text>\n )\n\n return (\n <Flex>\n <Dropdown dropdown={dropdown} openDropdownByClick>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n Click to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n )\n}\n\nexport const FilterExample = () => {\n return (\n <Dropdown\n dropdown={\n <Box p={1}>\n <Text variant=\"xs\">Example content</Text>\n </Box>\n }\n placement=\"bottom-start\"\n openDropdownByClick\n >\n {({ anchorRef, anchorProps }) => {\n return (\n <Pill\n ref={anchorRef as any}\n Icon={ChevronSmallDownIcon}\n iconPosition=\"right\"\n {...anchorProps}\n >\n Example\n </Pill>\n )\n }}\n </Dropdown>\n )\n}\n\nexport const OverflowingContent = () => {\n const dropdown = (\n <Text variant=\"sm-display\">\n {new Array(100).fill(null).map((_, i) => (\n <Clickable key={i} display=\"block\" width=\"100%\" py={1} px={2}>\n Item {i}\n </Clickable>\n ))}\n </Text>\n )\n\n const [placement, setPlacement] = useState<Position>(\"bottom\")\n\n return (\n <>\n <Box height={200} bg=\"mono10\" />\n\n <Spacer y={2} />\n\n {[\"bottom\", \"top\", \"left\", \"right\"].map((p) => {\n return (\n <Pill\n key={p}\n size=\"small\"\n mr={1}\n mb={1}\n selected={placement === p}\n onClick={() => setPlacement(p as Position)}\n >\n {p}\n </Pill>\n )\n })}\n\n <Spacer y={2} />\n\n <Flex alignItems=\"center\" justifyContent=\"center\">\n <Dropdown dropdown={dropdown} openDropdownByClick placement={placement}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n {...anchorProps}\n >\n Click to display dropdown\n </Button>\n )\n }}\n </Dropdown>\n </Flex>\n\n <Spacer y={2} />\n\n <Box height={5000} bg=\"mono10\" />\n </>\n )\n}\n\nexport const DisabledTransition = () => {\n return (\n <Flex>\n {[1, 2, 3].map((num) => {\n const dropdown = (\n <Text variant=\"sm-display\" width=\"100vw\" bg={`color-b${num}00`} p={2}>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: First Item\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: Second Item\n </Clickable>\n <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n Panel {num}: Third Item\n </Clickable>\n </Text>\n )\n\n return (\n <Dropdown key={num} dropdown={dropdown} transition={false}>\n {({ anchorRef, anchorProps }) => {\n return (\n <Button\n ref={anchorRef}\n variant=\"secondaryBlack\"\n size=\"small\"\n mr={1}\n {...anchorProps}\n >\n Hover for dropdown {num}\n </Button>\n )\n }}\n </Dropdown>\n )\n })}\n </Flex>\n )\n}\n"],"mappings":"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"}
@@ -19,7 +19,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
19
19
  * @deprecated: Use EntityHeader fragment container patterns within Force instead
20
20
  */
21
21
 
22
- var EntityHeader = function EntityHeader(_ref) {
22
+ var EntityHeader = exports.EntityHeader = function EntityHeader(_ref) {
23
23
  var name = _ref.name,
24
24
  href = _ref.href,
25
25
  meta = _ref.meta,
@@ -63,7 +63,6 @@ var EntityHeader = function EntityHeader(_ref) {
63
63
  color: "mono60"
64
64
  }, meta))), FollowButton);
65
65
  };
66
- exports.EntityHeader = EntityHeader;
67
66
  EntityHeader.displayName = "EntityHeader";
68
67
  EntityHeader.displayName = "EntityHeader";
69
68
  //# sourceMappingURL=EntityHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EntityHeader.js","names":["_react","_interopRequireDefault","require","_Label","_Flex","_Avatar","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityHeader","_ref","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","createElement","Flex","alignItems","justifyContent","as","style","textDecoration","mr","Avatar","size","src","flexDirection","Text","variant","map","label","Fragment","Label","color","exports","displayName"],"sources":["../../../src/elements/EntityHeader/EntityHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Label, LabelProps } from \"../Label\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { ImageProps } from \"../Image\"\nimport { Avatar } from \"../Avatar\"\nimport { Text } from \"../Text\"\n\nexport interface EntityHeaderProps extends FlexProps {\n href?: string\n /** @deprecated: use `image` instead */\n imageUrl?: string\n /** Pass props to the underlying `Image` in `Avatar` */\n image?: Omit<Partial<ImageProps>, \"size\">\n initials?: string\n meta?: string\n name: string\n labels?: LabelProps[]\n smallVariant?: boolean\n FollowButton?: JSX.Element\n onClick?: (event: React.MouseEvent<HTMLElement>) => void\n}\n/**\n * Component that is used as entity header that is paired with rich information about the entity.\n * @deprecated: Use EntityHeader fragment container patterns within Force instead\n */\n\nexport const EntityHeader: React.FC<\n React.PropsWithChildren<EntityHeaderProps>\n> = ({\n name,\n href,\n meta,\n initials,\n imageUrl,\n image,\n smallVariant,\n FollowButton,\n labels,\n ...rest\n}) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"space-between\" {...rest}>\n <Flex\n alignItems=\"center\"\n {...(href ? { as: \"a\", href, style: { textDecoration: \"none\" } } : {})}\n >\n {(imageUrl || image || initials) && (\n <Flex mr={1}>\n <Avatar\n size={smallVariant ? \"xxs\" : \"xs\"}\n src={imageUrl}\n initials={initials}\n {...(image ?? {})}\n />\n </Flex>\n )}\n\n <Flex flexDirection=\"column\" mr={1}>\n <Text variant=\"sm-display\">{name}</Text>\n\n <Text variant=\"sm-display\">\n {labels?.map((label, i) => (\n <React.Fragment key={i}>\n <Label {...label} />{\" \"}\n </React.Fragment>\n ))}\n </Text>\n\n {meta && (\n <Text variant=\"xs\" color=\"mono60\">\n {meta}\n </Text>\n )}\n </Flex>\n </Flex>\n\n {FollowButton}\n </Flex>\n )\n}\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"mappings":"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"}
1
+ {"version":3,"file":"EntityHeader.js","names":["_react","_interopRequireDefault","require","_Label","_Flex","_Avatar","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityHeader","exports","_ref","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","createElement","Flex","alignItems","justifyContent","as","style","textDecoration","mr","Avatar","size","src","flexDirection","Text","variant","map","label","Fragment","Label","color","displayName"],"sources":["../../../src/elements/EntityHeader/EntityHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Label, LabelProps } from \"../Label\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { ImageProps } from \"../Image\"\nimport { Avatar } from \"../Avatar\"\nimport { Text } from \"../Text\"\n\nexport interface EntityHeaderProps extends FlexProps {\n href?: string\n /** @deprecated: use `image` instead */\n imageUrl?: string\n /** Pass props to the underlying `Image` in `Avatar` */\n image?: Omit<Partial<ImageProps>, \"size\">\n initials?: string\n meta?: string\n name: string\n labels?: LabelProps[]\n smallVariant?: boolean\n FollowButton?: JSX.Element\n onClick?: (event: React.MouseEvent<HTMLElement>) => void\n}\n/**\n * Component that is used as entity header that is paired with rich information about the entity.\n * @deprecated: Use EntityHeader fragment container patterns within Force instead\n */\n\nexport const EntityHeader: React.FC<\n React.PropsWithChildren<EntityHeaderProps>\n> = ({\n name,\n href,\n meta,\n initials,\n imageUrl,\n image,\n smallVariant,\n FollowButton,\n labels,\n ...rest\n}) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"space-between\" {...rest}>\n <Flex\n alignItems=\"center\"\n {...(href ? { as: \"a\", href, style: { textDecoration: \"none\" } } : {})}\n >\n {(imageUrl || image || initials) && (\n <Flex mr={1}>\n <Avatar\n size={smallVariant ? \"xxs\" : \"xs\"}\n src={imageUrl}\n initials={initials}\n {...(image ?? {})}\n />\n </Flex>\n )}\n\n <Flex flexDirection=\"column\" mr={1}>\n <Text variant=\"sm-display\">{name}</Text>\n\n <Text variant=\"sm-display\">\n {labels?.map((label, i) => (\n <React.Fragment key={i}>\n <Label {...label} />{\" \"}\n </React.Fragment>\n ))}\n </Text>\n\n {meta && (\n <Text variant=\"xs\" color=\"mono60\">\n {meta}\n </Text>\n )}\n </Flex>\n </Flex>\n\n {FollowButton}\n </Flex>\n )\n}\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"mappings":"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"}
@@ -10,10 +10,9 @@ var _Button = require("../Button");
10
10
  var _EntityHeader = require("./EntityHeader");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
- var _default = {
13
+ var _default = exports.default = {
14
14
  title: "Components/EntityHeader"
15
15
  };
16
- exports.default = _default;
17
16
  var FollowButton = function FollowButton() {
18
17
  return /*#__PURE__*/_react.default.createElement(_Button.Button, {
19
18
  size: "small",
@@ -29,7 +28,7 @@ var imageProps = {
29
28
  srcSet: "https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x",
30
29
  lazyLoad: true
31
30
  };
32
- var Default = function Default() {
31
+ var Default = exports.Default = function Default() {
33
32
  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
34
33
  states: [{
35
34
  name: "Francesca DiMattio"
@@ -102,6 +101,5 @@ var Default = function Default() {
102
101
  }));
103
102
  });
104
103
  };
105
- exports.Default = Default;
106
104
  Default.displayName = "Default";
107
105
  //# sourceMappingURL=EntityHeader.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"EntityHeader.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Button","_EntityHeader","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","title","exports","FollowButton","createElement","Button","size","variant","onClick","alert","displayName","imageProps","src","srcSet","lazyLoad","Default","States","states","name","smallVariant","initials","image","meta","href","labels","children","props","EntityHeader","maxWidth"],"sources":["../../../src/elements/EntityHeader/EntityHeader.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Button } from \"../Button\"\nimport { EntityHeader, EntityHeaderProps } from \"./EntityHeader\"\n\nexport default {\n title: \"Components/EntityHeader\",\n}\n\nconst FollowButton = () => {\n return (\n <Button\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={() => alert(\"Follow\")}\n >\n Follow\n </Button>\n )\n}\n\nconst imageProps = {\n src: \"https://picsum.photos/seed/example/110/110\",\n srcSet:\n \"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\",\n lazyLoad: true,\n}\n\nexport const Default = () => {\n return (\n <States<EntityHeaderProps>\n states={[\n { name: \"Francesca DiMattio\" },\n { smallVariant: true, name: \"Francesca DiMattio\", initials: \"FD\" },\n { name: \"Francesca DiMattio\", initials: \"FD\" },\n {\n smallVariant: true,\n name: \"Francesca DiMattio\",\n image: imageProps,\n },\n {\n name: \"Francesca DiMattio\",\n image: imageProps,\n },\n {\n initials: \"FD\",\n name: \"Francesca DiMattio\",\n image: imageProps,\n meta: \"American, b. 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n },\n {\n smallVariant: true,\n name: \"Francesca DiMattio\",\n image: imageProps,\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FD\",\n name: \"Francesca DiMattio\",\n image: imageProps,\n meta: \"American, b. 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FLD\",\n name: \"Francesca Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FLD\",\n name: \"Francesca Much Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n labels: [{ children: \"Black Owned\" }],\n },\n {\n initials: \"FLD\",\n name: \"Francesca Much Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n labels: [\n { children: \"Black Owned\" },\n { children: \"Women Owned\", variant: \"brand\" },\n ],\n },\n ]}\n >\n {(props) => <EntityHeader {...props} maxWidth={350} />}\n </States>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"EntityHeader.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Button","_EntityHeader","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","title","FollowButton","createElement","Button","size","variant","onClick","alert","displayName","imageProps","src","srcSet","lazyLoad","Default","States","states","name","smallVariant","initials","image","meta","href","labels","children","props","EntityHeader","maxWidth"],"sources":["../../../src/elements/EntityHeader/EntityHeader.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Button } from \"../Button\"\nimport { EntityHeader, EntityHeaderProps } from \"./EntityHeader\"\n\nexport default {\n title: \"Components/EntityHeader\",\n}\n\nconst FollowButton = () => {\n return (\n <Button\n size=\"small\"\n variant=\"secondaryBlack\"\n onClick={() => alert(\"Follow\")}\n >\n Follow\n </Button>\n )\n}\n\nconst imageProps = {\n src: \"https://picsum.photos/seed/example/110/110\",\n srcSet:\n \"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\",\n lazyLoad: true,\n}\n\nexport const Default = () => {\n return (\n <States<EntityHeaderProps>\n states={[\n { name: \"Francesca DiMattio\" },\n { smallVariant: true, name: \"Francesca DiMattio\", initials: \"FD\" },\n { name: \"Francesca DiMattio\", initials: \"FD\" },\n {\n smallVariant: true,\n name: \"Francesca DiMattio\",\n image: imageProps,\n },\n {\n name: \"Francesca DiMattio\",\n image: imageProps,\n },\n {\n initials: \"FD\",\n name: \"Francesca DiMattio\",\n image: imageProps,\n meta: \"American, b. 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n },\n {\n smallVariant: true,\n name: \"Francesca DiMattio\",\n image: imageProps,\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FD\",\n name: \"Francesca DiMattio\",\n image: imageProps,\n meta: \"American, b. 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FLD\",\n name: \"Francesca Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n },\n {\n initials: \"FLD\",\n name: \"Francesca Much Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n labels: [{ children: \"Black Owned\" }],\n },\n {\n initials: \"FLD\",\n name: \"Francesca Much Longer DiMattio\",\n image: imageProps,\n meta: \"American, b. Founded 1979\",\n href: \"http://www.artsy.net/artist/francesca-dimattio\",\n FollowButton: <FollowButton />,\n labels: [\n { children: \"Black Owned\" },\n { children: \"Women Owned\", variant: \"brand\" },\n ],\n },\n ]}\n >\n {(props) => <EntityHeader {...props} maxWidth={350} />}\n </States>\n )\n}\n"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ClickableProps } from "../Clickable";
3
- declare type ChildrenFunction = (props: {
3
+ type ChildrenFunction = (props: {
4
4
  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>;
5
5
  expanded: boolean;
6
6
  }) => React.ReactNode;
@@ -21,15 +21,15 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
21
21
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
22
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
23
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
24
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
25
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
24
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
25
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
26
26
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
27
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
28
28
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
29
  /**
30
30
  * A toggleable component used to show / hide content
31
31
  */
32
- var Expandable = function Expandable(_ref) {
32
+ var Expandable = exports.Expandable = function Expandable(_ref) {
33
33
  var label = _ref.label,
34
34
  defaultExpanded = _ref.expanded,
35
35
  children = _ref.children,
@@ -90,6 +90,5 @@ var Expandable = function Expandable(_ref) {
90
90
  expanded: expanded
91
91
  }) : children));
92
92
  };
93
- exports.Expandable = Expandable;
94
93
  Expandable.displayName = "Expandable";
95
94
  //# sourceMappingURL=Expandable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","exports","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n label?: string | JSX.Element\n expanded?: boolean\n children: React.ReactNode | ChildrenFunction\n onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n label,\n expanded: defaultExpanded,\n children,\n disabled,\n onClick,\n onToggle,\n borderColor = \"mono60\",\n ...rest\n}: ExpandableProps) => {\n const [expanded, setExpanded] = useState(defaultExpanded)\n\n const [boxProps, clickableProps] = splitBoxProps(rest)\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => {\n setExpanded((prevExpanded) => {\n const isExpanded = !prevExpanded\n onToggle && onToggle(isExpanded)\n return isExpanded\n })\n\n onClick && onClick(event)\n }\n\n return (\n <Box {...boxProps}>\n <Clickable\n width=\"100%\"\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n borderTop=\"1px solid\"\n borderColor={borderColor}\n pt={2}\n pb={1}\n disabled={disabled}\n aria-expanded={expanded}\n onClick={handleClick}\n {...clickableProps}\n >\n <Flex flex={1} display=\"flex\" alignItems=\"center\">\n {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n </Flex>\n\n {!disabled && (\n <>\n {expanded ? (\n <ChevronUpIcon\n width={14}\n height={14}\n ml={1}\n mr={1}\n aria-hidden=\"true\"\n />\n ) : (\n <ChevronDownIcon\n width={14}\n height={14}\n ml={1}\n mr={1}\n aria-hidden=\"true\"\n />\n )}\n </>\n )}\n </Clickable>\n\n {expanded &&\n (typeof children === \"function\"\n ? (children as ChildrenFunction)({ setExpanded, expanded })\n : children)}\n </Box>\n )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAA8B,IAAAS,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,MAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAc9B;AACA;AACA;AACO,IAAMoD,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EASA;EAAA,IARrBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,eAAe,GAAAF,IAAA,CAAzBG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,gBAAA,GAAAR,IAAA,CACRS,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,QAAQ,GAAAA,gBAAA;IACnBE,IAAI,GAAApB,wBAAA,CAAAU,IAAA,EAAAhF,SAAA;EAEP,IAAA2F,SAAA,GAAgC,IAAAC,eAAQ,EAACV,eAAe,CAAC;IAAAW,UAAA,GAAA5D,cAAA,CAAA0D,SAAA;IAAlDR,QAAQ,GAAAU,UAAA;IAAEC,WAAW,GAAAD,UAAA;EAE5B,IAAAE,cAAA,GAAmC,IAAAC,kBAAa,EAACN,IAAI,CAAC;IAAAO,eAAA,GAAAhE,cAAA,CAAA8D,cAAA;IAA/CG,QAAQ,GAAAD,eAAA;IAAEE,cAAc,GAAAF,eAAA;EAE/B,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CACfC,KAAsD,EACnD;IACHP,WAAW,CAAC,UAACQ,YAAY,EAAK;MAC5B,IAAMC,UAAU,GAAG,CAACD,YAAY;MAChCf,QAAQ,IAAIA,QAAQ,CAACgB,UAAU,CAAC;MAChC,OAAOA,UAAU;IACnB,CAAC,CAAC;IAEFjB,OAAO,IAAIA,OAAO,CAACe,KAAK,CAAC;EAC3B,CAAC;EAED,oBACEhH,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAC5G,IAAA,CAAA6G,GAAG,EAAKP,QAAQ,eACf7G,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAC3G,UAAA,CAAA6G,SAAS,EAAAlF,QAAA;IACRmF,KAAK,EAAC,MAAM;IACZC,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,eAAe;IAC9BC,SAAS,EAAC,WAAW;IACrBtB,WAAW,EAAEA,WAAY;IACzBuB,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN5B,QAAQ,EAAEA,QAAS;IACnB,iBAAeF,QAAS;IACxBG,OAAO,EAAEc;EAAY,GACjBD,cAAc,gBAElB9G,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAC1G,KAAA,CAAAoH,IAAI;IAACC,IAAI,EAAE,CAAE;IAACP,OAAO,EAAC,MAAM;IAACC,UAAU,EAAC;EAAQ,GAC9C,IAAAO,cAAM,EAACnC,KAAK,CAAC,gBAAG5F,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAACzG,KAAA,CAAAsH,IAAI;IAACC,OAAO,EAAC;EAAY,GAAErC,KAAK,CAAQ,GAAGA,KAAK,CAC7D,EAEN,CAACI,QAAQ,iBACRhG,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAAnH,MAAA,CAAAc,OAAA,CAAAoH,QAAA,QACGpC,QAAQ,gBACP9F,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAC/G,cAAA,CAAAU,OAAa;IACZwG,KAAK,EAAE,EAAG;IACVa,MAAM,EAAE,EAAG;IACXC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN,eAAY;EAAM,EAClB,gBAEFrI,MAAA,CAAAc,OAAA,CAAAqG,aAAA,CAAC7G,gBAAA,CAAAQ,OAAe;IACdwG,KAAK,EAAE,EAAG;IACVa,MAAM,EAAE,EAAG;IACXC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN,eAAY;EAAM,EAErB,CAEJ,CACS,EAEXvC,QAAQ,KACN,OAAOC,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAAsB;IAAEU,WAAW,EAAXA,WAAW;IAAEX,QAAQ,EAARA;EAAS,CAAC,CAAC,GACzDC,QAAQ,CAAC,CACX;AAEV,CAAC;AAAAuC,OAAA,CAAA5C,UAAA,GAAAA,UAAA;AA3EYA,UAAU,CAAA6C,WAAA"}
1
+ {"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n label?: string | JSX.Element\n expanded?: boolean\n children: React.ReactNode | ChildrenFunction\n onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n label,\n expanded: defaultExpanded,\n children,\n disabled,\n onClick,\n onToggle,\n borderColor = \"mono60\",\n ...rest\n}: ExpandableProps) => {\n const [expanded, setExpanded] = useState(defaultExpanded)\n\n const [boxProps, clickableProps] = splitBoxProps(rest)\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n ) => {\n setExpanded((prevExpanded) => {\n const isExpanded = !prevExpanded\n onToggle && onToggle(isExpanded)\n return isExpanded\n })\n\n onClick && onClick(event)\n }\n\n return (\n <Box {...boxProps}>\n <Clickable\n width=\"100%\"\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n borderTop=\"1px solid\"\n borderColor={borderColor}\n pt={2}\n pb={1}\n disabled={disabled}\n aria-expanded={expanded}\n onClick={handleClick}\n {...clickableProps}\n >\n <Flex flex={1} display=\"flex\" alignItems=\"center\">\n {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n </Flex>\n\n {!disabled && (\n <>\n {expanded ? (\n <ChevronUpIcon\n width={14}\n height={14}\n ml={1}\n mr={1}\n aria-hidden=\"true\"\n />\n ) : (\n <ChevronDownIcon\n width={14}\n height={14}\n ml={1}\n mr={1}\n aria-hidden=\"true\"\n />\n )}\n </>\n )}\n </Clickable>\n\n {expanded &&\n (typeof children === \"function\"\n ? (children as ChildrenFunction)({ setExpanded, expanded })\n : children)}\n </Box>\n )\n}\n"],"mappings":"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"}
@@ -14,11 +14,10 @@ var _Expandable = require("./Expandable");
14
14
  var _Button = require("../Button");
15
15
  var _Box = require("../Box");
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- var _default = {
17
+ var _default = exports.default = {
18
18
  title: "Components/Expandable"
19
19
  };
20
- exports.default = _default;
21
- var Default = function Default() {
20
+ var Default = exports.Default = function Default() {
22
21
  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
23
22
  states: [{}, {
24
23
  expanded: true
@@ -67,9 +66,8 @@ var Default = function Default() {
67
66
  onToggle: (0, _addonActions.action)("onToggle")
68
67
  }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content")));
69
68
  };
70
- exports.Default = Default;
71
69
  Default.displayName = "Default";
72
- var ConfigurableColors = function ConfigurableColors() {
70
+ var ConfigurableColors = exports.ConfigurableColors = function ConfigurableColors() {
73
71
  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
74
72
  color: "mono0",
75
73
  bg: "mono100"
@@ -83,6 +81,5 @@ var ConfigurableColors = function ConfigurableColors() {
83
81
  borderColor: "mono30"
84
82
  }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content"))));
85
83
  };
86
- exports.ConfigurableColors = ConfigurableColors;
87
84
  ConfigurableColors.displayName = "ConfigurableColors";
88
85
  //# sourceMappingURL=Expandable.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Expandable.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","expanded","disabled","label","Flex","flex","justifyContent","Text","variant","Clickable","textDecoration","onClick","e","stopPropagation","action","mb","children","_ref","setExpanded","Button","Expandable","maxWidth","onToggle","displayName","ConfigurableColors","Box","color","bg","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable, ExpandableProps } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\n\nexport default {\n title: \"Components/Expandable\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<ExpandableProps>>\n states={[\n {},\n { expanded: true },\n { expanded: false, disabled: true },\n { expanded: true, disabled: true },\n {\n label: (\n <Flex flex={1} justifyContent=\"space-between\">\n <Text variant=\"sm-display\">Heading</Text>\n <Clickable\n textDecoration=\"underline\"\n onClick={(e) => {\n e.stopPropagation()\n action(\"Secondary action\")\n }}\n >\n <Text variant=\"sm-display\">Reset</Text>\n </Clickable>\n </Flex>\n ),\n },\n { mb: 6 },\n { expanded: true, mb: 6 },\n {\n expanded: true,\n children: ({ setExpanded }) => (\n <div>\n <Text>Expanded content</Text>\n <Button onClick={() => setExpanded(false)}>Close</Button>\n </div>\n ),\n },\n { label: \"Lorem ipsum dolor sit amet consectetur adipisicing elit.\" },\n ]}\n >\n <Expandable label=\"Example\" maxWidth={350} onToggle={action(\"onToggle\")}>\n <Text>Expanded content</Text>\n </Expandable>\n </States>\n )\n}\n\nexport const ConfigurableColors = () => {\n return (\n <Box color=\"mono0\" bg=\"mono100\">\n <States<Partial<ExpandableProps>> states={[{}, { expanded: true }]}>\n <Expandable label=\"Example\" maxWidth={350} borderColor=\"mono30\">\n <Text>Expanded content</Text>\n </Expandable>\n </States>\n </Box>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Expandable.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","expanded","disabled","label","Flex","flex","justifyContent","Text","variant","Clickable","textDecoration","onClick","e","stopPropagation","action","mb","children","_ref","setExpanded","Button","Expandable","maxWidth","onToggle","displayName","ConfigurableColors","Box","color","bg","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable, ExpandableProps } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\n\nexport default {\n title: \"Components/Expandable\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<ExpandableProps>>\n states={[\n {},\n { expanded: true },\n { expanded: false, disabled: true },\n { expanded: true, disabled: true },\n {\n label: (\n <Flex flex={1} justifyContent=\"space-between\">\n <Text variant=\"sm-display\">Heading</Text>\n <Clickable\n textDecoration=\"underline\"\n onClick={(e) => {\n e.stopPropagation()\n action(\"Secondary action\")\n }}\n >\n <Text variant=\"sm-display\">Reset</Text>\n </Clickable>\n </Flex>\n ),\n },\n { mb: 6 },\n { expanded: true, mb: 6 },\n {\n expanded: true,\n children: ({ setExpanded }) => (\n <div>\n <Text>Expanded content</Text>\n <Button onClick={() => setExpanded(false)}>Close</Button>\n </div>\n ),\n },\n { label: \"Lorem ipsum dolor sit amet consectetur adipisicing elit.\" },\n ]}\n >\n <Expandable label=\"Example\" maxWidth={350} onToggle={action(\"onToggle\")}>\n <Text>Expanded content</Text>\n </Expandable>\n </States>\n )\n}\n\nexport const ConfigurableColors = () => {\n return (\n <Box color=\"mono0\" bg=\"mono100\">\n <States<Partial<ExpandableProps>> states={[{}, { expanded: true }]}>\n <Expandable label=\"Example\" maxWidth={350} borderColor=\"mono30\">\n <Text>Expanded content</Text>\n </Expandable>\n </States>\n </Box>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAT,OAAA;AAA4B,SAAAE,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEb;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACd,gBAAA,CAAAe,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAK,CAAC,EACnC;MAAED,QAAQ,EAAE,IAAI;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClC;MACEC,KAAK,eACHrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACZ,KAAA,CAAAkB,IAAI;QAACC,IAAI,EAAE,CAAE;QAACC,cAAc,EAAC;MAAe,gBAC3CxB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAoB,IAAI;QAACC,OAAO,EAAC;MAAY,GAAC,SAAO,CAAO,eACzC1B,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,UAAA,CAAAwB,SAAS;QACRC,cAAc,EAAC,WAAW;QAC1BC,OAAO,EAAE,SAATA,OAAOA,CAAGC,CAAC,EAAK;UACdA,CAAC,CAACC,eAAe,EAAE;UACnB,IAAAC,oBAAM,EAAC,kBAAkB,CAAC;QAC5B;MAAE,gBAEFhC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAoB,IAAI;QAACC,OAAO,EAAC;MAAY,GAAC,OAAK,CAAO,CAC7B;IAGlB,CAAC,EACD;MAAEO,EAAE,EAAE;IAAE,CAAC,EACT;MAAEd,QAAQ,EAAE,IAAI;MAAEc,EAAE,EAAE;IAAE,CAAC,EACzB;MACEd,QAAQ,EAAE,IAAI;MACde,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,IAAA;QAAA,IAAKC,WAAW,GAAAD,IAAA,CAAXC,WAAW;QAAA,oBACtBpC,MAAA,CAAAW,OAAA,CAAAK,aAAA,2BACEhB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAoB,IAAI,QAAC,kBAAgB,CAAO,eAC7BzB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACT,OAAA,CAAA8B,MAAM;UAACR,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQO,WAAW,CAAC,KAAK,CAAC;UAAA;QAAC,GAAC,OAAK,CAAS,CACrD;MAAA;IAEV,CAAC,EACD;MAAEf,KAAK,EAAE;IAA2D,CAAC;EACrE,gBAEFrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACV,WAAA,CAAAgC,UAAU;IAACjB,KAAK,EAAC,SAAS;IAACkB,QAAQ,EAAE,GAAI;IAACC,QAAQ,EAAE,IAAAR,oBAAM,EAAC,UAAU;EAAE,gBACtEhC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAoB,IAAI,QAAC,kBAAgB,CAAO,CAClB,CACN;AAEb,CAAC;AA3CYV,OAAO,CAAA0B,WAAA;AA6Cb,IAAMC,kBAAkB,GAAA7B,OAAA,CAAA6B,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC,oBACE1C,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAmC,GAAG;IAACC,KAAK,EAAC,OAAO;IAACC,EAAE,EAAC;EAAS,gBAC7B7C,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACd,gBAAA,CAAAe,MAAM;IAA2BC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE;IAAK,CAAC;EAAE,gBACjEnB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACV,WAAA,CAAAgC,UAAU;IAACjB,KAAK,EAAC,SAAS;IAACkB,QAAQ,EAAE,GAAI;IAACO,WAAW,EAAC;EAAQ,gBAC7D9C,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAoB,IAAI,QAAC,kBAAgB,CAAO,CAClB,CACN,CACL;AAEV,CAAC;AAVYiB,kBAAkB,CAAAD,WAAA"}
@@ -1,4 +1,4 @@
1
1
  import * as React from "react";
2
2
  import { InputProps } from "../../Input";
3
- export declare type FilterInputProps = InputProps;
3
+ export type FilterInputProps = InputProps;
4
4
  export declare const FilterInput: React.FC<React.PropsWithChildren<InputProps>>;
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.FilterInput = void 0;
8
- var React = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var React = _react;
9
10
  var _CloseStrokeIcon = _interopRequireDefault(require("@artsy/icons/CloseStrokeIcon"));
10
11
  var _SearchIcon = _interopRequireDefault(require("@artsy/icons/SearchIcon"));
11
12
  var _LabeledInput = require("../../LabeledInput");
@@ -15,12 +16,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
15
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
18
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
- var FilterInput = function FilterInput(props) {
19
+ var FilterInput = exports.FilterInput = function FilterInput(props) {
19
20
  var _useFilterSelectConte = (0, _FilterSelectContext.useFilterSelectContext)(),
20
21
  query = _useFilterSelectConte.query,
21
22
  setQuery = _useFilterSelectConte.setQuery,
22
23
  placeholder = _useFilterSelectConte.placeholder;
23
- var ref = (0, React.useRef)(null);
24
+ var ref = (0, _react.useRef)(null);
24
25
  var handleChange = function handleChange(event) {
25
26
  setQuery(event.target.value);
26
27
  };
@@ -52,6 +53,5 @@ var FilterInput = function FilterInput(props) {
52
53
  placeholder: placeholder
53
54
  }, props));
54
55
  };
55
- exports.FilterInput = FilterInput;
56
56
  FilterInput.displayName = "FilterInput";
57
57
  //# sourceMappingURL=FilterInput.js.map