@salt-ds/core 1.19.0 → 1.21.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 (465) hide show
  1. package/css/salt-core.css +650 -19
  2. package/dist-cjs/accordion/Accordion.js +75 -0
  3. package/dist-cjs/accordion/Accordion.js.map +1 -1
  4. package/dist-cjs/accordion/AccordionContext.js +79 -0
  5. package/dist-cjs/accordion/AccordionContext.js.map +1 -1
  6. package/dist-cjs/accordion/AccordionGroup.js +76 -1
  7. package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
  8. package/dist-cjs/accordion/AccordionHeader.js +73 -0
  9. package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
  10. package/dist-cjs/accordion/AccordionPanel.js +75 -0
  11. package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
  12. package/dist-cjs/aria-announcer/useAriaAnnouncer.js +78 -0
  13. package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
  14. package/dist-cjs/avatar/Avatar.js +74 -0
  15. package/dist-cjs/avatar/Avatar.js.map +1 -1
  16. package/dist-cjs/avatar/useAvatarImage.js +79 -0
  17. package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
  18. package/dist-cjs/badge/Badge.js +75 -0
  19. package/dist-cjs/badge/Badge.js.map +1 -1
  20. package/dist-cjs/banner/Banner.js +76 -2
  21. package/dist-cjs/banner/Banner.js.map +1 -1
  22. package/dist-cjs/banner/BannerActions.js +76 -1
  23. package/dist-cjs/banner/BannerActions.js.map +1 -1
  24. package/dist-cjs/banner/BannerContent.js +76 -1
  25. package/dist-cjs/banner/BannerContent.js.map +1 -1
  26. package/dist-cjs/border-item/BorderItem.js +75 -1
  27. package/dist-cjs/border-item/BorderItem.js.map +1 -1
  28. package/dist-cjs/border-layout/BorderLayout.js +76 -0
  29. package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
  30. package/dist-cjs/button/Button.js +76 -1
  31. package/dist-cjs/button/Button.js.map +1 -1
  32. package/dist-cjs/card/Card.js +75 -0
  33. package/dist-cjs/card/Card.js.map +1 -1
  34. package/dist-cjs/card/InteractableCard.js +75 -0
  35. package/dist-cjs/card/InteractableCard.js.map +1 -1
  36. package/dist-cjs/checkbox/Checkbox.js +73 -0
  37. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  38. package/dist-cjs/checkbox/CheckboxGroup.js +74 -0
  39. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  40. package/dist-cjs/checkbox/CheckboxIcon.js +75 -0
  41. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  42. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +79 -0
  43. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  44. package/dist-cjs/combo-box/ComboBox.css.js +6 -0
  45. package/dist-cjs/combo-box/ComboBox.css.js.map +1 -0
  46. package/dist-cjs/combo-box/ComboBox.js +443 -0
  47. package/dist-cjs/combo-box/ComboBox.js.map +1 -0
  48. package/dist-cjs/combo-box/useComboBox.js +153 -0
  49. package/dist-cjs/combo-box/useComboBox.js.map +1 -0
  50. package/dist-cjs/dialog/Dialog.css.js +6 -0
  51. package/dist-cjs/dialog/Dialog.css.js.map +1 -0
  52. package/dist-cjs/dialog/Dialog.js +194 -0
  53. package/dist-cjs/dialog/Dialog.js.map +1 -0
  54. package/dist-cjs/dialog/DialogActions.css.js +6 -0
  55. package/dist-cjs/dialog/DialogActions.css.js.map +1 -0
  56. package/dist-cjs/dialog/DialogActions.js +112 -0
  57. package/dist-cjs/dialog/DialogActions.js.map +1 -0
  58. package/dist-cjs/dialog/DialogCloseButton.css.js +6 -0
  59. package/dist-cjs/dialog/DialogCloseButton.css.js.map +1 -0
  60. package/dist-cjs/dialog/DialogCloseButton.js +117 -0
  61. package/dist-cjs/dialog/DialogCloseButton.js.map +1 -0
  62. package/dist-cjs/dialog/DialogContent.css.js +6 -0
  63. package/dist-cjs/dialog/DialogContent.css.js.map +1 -0
  64. package/dist-cjs/dialog/DialogContent.js +124 -0
  65. package/dist-cjs/dialog/DialogContent.js.map +1 -0
  66. package/dist-cjs/dialog/DialogContext.js +17 -0
  67. package/dist-cjs/dialog/DialogContext.js.map +1 -0
  68. package/dist-cjs/dialog/DialogHeader.css.js +6 -0
  69. package/dist-cjs/dialog/DialogHeader.css.js.map +1 -0
  70. package/dist-cjs/dialog/DialogHeader.js +147 -0
  71. package/dist-cjs/dialog/DialogHeader.js.map +1 -0
  72. package/dist-cjs/drawer/Drawer.js +75 -2
  73. package/dist-cjs/drawer/Drawer.js.map +1 -1
  74. package/dist-cjs/drawer/DrawerCloseButton.js +74 -1
  75. package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
  76. package/dist-cjs/dropdown/Dropdown.css.js +6 -0
  77. package/dist-cjs/dropdown/Dropdown.css.js.map +1 -0
  78. package/dist-cjs/dropdown/Dropdown.js +412 -0
  79. package/dist-cjs/dropdown/Dropdown.js.map +1 -0
  80. package/dist-cjs/file-drop-zone/FileDropZone.js +75 -0
  81. package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
  82. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +76 -0
  83. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  84. package/dist-cjs/flex-item/FlexItem.js +79 -2
  85. package/dist-cjs/flex-item/FlexItem.js.map +1 -1
  86. package/dist-cjs/flex-layout/FlexLayout.js +79 -2
  87. package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
  88. package/dist-cjs/form-field/FormField.js +74 -0
  89. package/dist-cjs/form-field/FormField.js.map +1 -1
  90. package/dist-cjs/form-field/FormFieldHelperText.js +70 -2
  91. package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
  92. package/dist-cjs/form-field/FormFieldLabel.js +69 -0
  93. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  94. package/dist-cjs/form-field-context/FormFieldContext.js +78 -0
  95. package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
  96. package/dist-cjs/grid-item/GridItem.js +79 -2
  97. package/dist-cjs/grid-item/GridItem.js.map +1 -1
  98. package/dist-cjs/grid-layout/GridLayout.js +79 -2
  99. package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
  100. package/dist-cjs/index.js +30 -0
  101. package/dist-cjs/index.js.map +1 -1
  102. package/dist-cjs/input/Input.js +73 -0
  103. package/dist-cjs/input/Input.js.map +1 -1
  104. package/dist-cjs/link/Link.js +70 -2
  105. package/dist-cjs/link/Link.js.map +1 -1
  106. package/dist-cjs/link-card/LinkCard.js +75 -0
  107. package/dist-cjs/link-card/LinkCard.js.map +1 -1
  108. package/dist-cjs/list-control/ListControlContext.js +121 -0
  109. package/dist-cjs/list-control/ListControlContext.js.map +1 -0
  110. package/dist-cjs/list-control/ListControlState.js +276 -0
  111. package/dist-cjs/list-control/ListControlState.js.map +1 -0
  112. package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
  113. package/dist-cjs/multiline-input/MultilineInput.js +73 -0
  114. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  115. package/dist-cjs/navigation-item/NavigationItem.css.js +1 -1
  116. package/dist-cjs/navigation-item/NavigationItem.js +77 -2
  117. package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
  118. package/dist-cjs/option/Option.css.js +6 -0
  119. package/dist-cjs/option/Option.css.js.map +1 -0
  120. package/dist-cjs/option/Option.js +178 -0
  121. package/dist-cjs/option/Option.js.map +1 -0
  122. package/dist-cjs/option/OptionGroup.css.js +6 -0
  123. package/dist-cjs/option/OptionGroup.css.js.map +1 -0
  124. package/dist-cjs/option/OptionGroup.js +123 -0
  125. package/dist-cjs/option/OptionGroup.js.map +1 -0
  126. package/dist-cjs/option/OptionList.css.js +6 -0
  127. package/dist-cjs/option/OptionList.css.js.map +1 -0
  128. package/dist-cjs/option/OptionList.js +118 -0
  129. package/dist-cjs/option/OptionList.js.map +1 -0
  130. package/dist-cjs/option/OptionListBase.js +113 -0
  131. package/dist-cjs/option/OptionListBase.js.map +1 -0
  132. package/dist-cjs/pagination/CompactInput.js +76 -2
  133. package/dist-cjs/pagination/CompactInput.js.map +1 -1
  134. package/dist-cjs/pagination/CompactPaginator.js +69 -2
  135. package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
  136. package/dist-cjs/pagination/GoToInput.js +68 -3
  137. package/dist-cjs/pagination/GoToInput.js.map +1 -1
  138. package/dist-cjs/pagination/PageButton.js +77 -2
  139. package/dist-cjs/pagination/PageButton.js.map +1 -1
  140. package/dist-cjs/pagination/PageRanges.js +78 -2
  141. package/dist-cjs/pagination/PageRanges.js.map +1 -1
  142. package/dist-cjs/pagination/Pagination.js +76 -2
  143. package/dist-cjs/pagination/Pagination.js.map +1 -1
  144. package/dist-cjs/pagination/Paginator.js +75 -2
  145. package/dist-cjs/pagination/Paginator.js.map +1 -1
  146. package/dist-cjs/panel/Panel.css.js +1 -1
  147. package/dist-cjs/panel/Panel.js +77 -2
  148. package/dist-cjs/panel/Panel.js.map +1 -1
  149. package/dist-cjs/pill/Pill.js +74 -0
  150. package/dist-cjs/pill/Pill.js.map +1 -1
  151. package/dist-cjs/pill-input/PillInput.css.js +6 -0
  152. package/dist-cjs/pill-input/PillInput.css.js.map +1 -0
  153. package/dist-cjs/pill-input/PillInput.js +338 -0
  154. package/dist-cjs/pill-input/PillInput.js.map +1 -0
  155. package/dist-cjs/pill-input/useTruncatePills.js +83 -0
  156. package/dist-cjs/pill-input/useTruncatePills.js.map +1 -0
  157. package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
  158. package/dist-cjs/progress/CircularProgress/CircularProgress.js +138 -14
  159. package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
  160. package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
  161. package/dist-cjs/progress/LinearProgress/LinearProgress.js +89 -8
  162. package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
  163. package/dist-cjs/radio-button/RadioButton.js +78 -4
  164. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  165. package/dist-cjs/radio-button/RadioButtonGroup.js +77 -3
  166. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  167. package/dist-cjs/radio-button/RadioButtonIcon.js +76 -0
  168. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  169. package/dist-cjs/radio-button/internal/RadioGroupContext.js +79 -0
  170. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  171. package/dist-cjs/salt-provider/SaltProvider.js +78 -3
  172. package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
  173. package/dist-cjs/scrim/Scrim.js +76 -1
  174. package/dist-cjs/scrim/Scrim.js.map +1 -1
  175. package/dist-cjs/spinner/Spinner.js +76 -2
  176. package/dist-cjs/spinner/Spinner.js.map +1 -1
  177. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +78 -0
  178. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  179. package/dist-cjs/split-layout/SplitLayout.js +76 -2
  180. package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
  181. package/dist-cjs/stack-layout/StackLayout.js +78 -2
  182. package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
  183. package/dist-cjs/status-adornment/StatusAdornment.js +75 -0
  184. package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
  185. package/dist-cjs/status-indicator/StatusIndicator.js +76 -2
  186. package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
  187. package/dist-cjs/switch/Switch.js +75 -2
  188. package/dist-cjs/switch/Switch.js.map +1 -1
  189. package/dist-cjs/text/Text.js +77 -2
  190. package/dist-cjs/text/Text.js.map +1 -1
  191. package/dist-cjs/toast/Toast.js +74 -0
  192. package/dist-cjs/toast/Toast.js.map +1 -1
  193. package/dist-cjs/toast/ToastContent.js +75 -0
  194. package/dist-cjs/toast/ToastContent.js.map +1 -1
  195. package/dist-cjs/toggle-button/ToggleButton.js +73 -0
  196. package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
  197. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +74 -0
  198. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  199. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +78 -0
  200. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  201. package/dist-cjs/tooltip/Tooltip.js +75 -1
  202. package/dist-cjs/tooltip/Tooltip.js.map +1 -1
  203. package/dist-cjs/tooltip/TooltipBase.js +75 -2
  204. package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
  205. package/dist-cjs/tooltip/useAriaAnnounce.js +77 -0
  206. package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
  207. package/dist-cjs/tooltip/useTooltip.js +83 -2
  208. package/dist-cjs/tooltip/useTooltip.js.map +1 -1
  209. package/dist-cjs/utils/ownerWindow.js.map +1 -1
  210. package/dist-cjs/utils/useEventCallback.js +20 -0
  211. package/dist-cjs/utils/useEventCallback.js.map +1 -0
  212. package/dist-cjs/utils/useResizeObserver.js +29 -0
  213. package/dist-cjs/utils/useResizeObserver.js.map +1 -0
  214. package/dist-cjs/utils/useValueEffect.js +124 -0
  215. package/dist-cjs/utils/useValueEffect.js.map +1 -0
  216. package/dist-cjs/viewport/ViewportProvider.js +78 -0
  217. package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
  218. package/dist-es/accordion/Accordion.js +75 -0
  219. package/dist-es/accordion/Accordion.js.map +1 -1
  220. package/dist-es/accordion/AccordionContext.js +79 -0
  221. package/dist-es/accordion/AccordionContext.js.map +1 -1
  222. package/dist-es/accordion/AccordionGroup.js +76 -1
  223. package/dist-es/accordion/AccordionGroup.js.map +1 -1
  224. package/dist-es/accordion/AccordionHeader.js +73 -0
  225. package/dist-es/accordion/AccordionHeader.js.map +1 -1
  226. package/dist-es/accordion/AccordionPanel.js +75 -0
  227. package/dist-es/accordion/AccordionPanel.js.map +1 -1
  228. package/dist-es/aria-announcer/useAriaAnnouncer.js +78 -0
  229. package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
  230. package/dist-es/avatar/Avatar.js +74 -0
  231. package/dist-es/avatar/Avatar.js.map +1 -1
  232. package/dist-es/avatar/useAvatarImage.js +79 -0
  233. package/dist-es/avatar/useAvatarImage.js.map +1 -1
  234. package/dist-es/badge/Badge.js +75 -0
  235. package/dist-es/badge/Badge.js.map +1 -1
  236. package/dist-es/banner/Banner.js +76 -2
  237. package/dist-es/banner/Banner.js.map +1 -1
  238. package/dist-es/banner/BannerActions.js +76 -1
  239. package/dist-es/banner/BannerActions.js.map +1 -1
  240. package/dist-es/banner/BannerContent.js +76 -1
  241. package/dist-es/banner/BannerContent.js.map +1 -1
  242. package/dist-es/border-item/BorderItem.js +75 -1
  243. package/dist-es/border-item/BorderItem.js.map +1 -1
  244. package/dist-es/border-layout/BorderLayout.js +76 -0
  245. package/dist-es/border-layout/BorderLayout.js.map +1 -1
  246. package/dist-es/button/Button.js +76 -1
  247. package/dist-es/button/Button.js.map +1 -1
  248. package/dist-es/card/Card.js +75 -0
  249. package/dist-es/card/Card.js.map +1 -1
  250. package/dist-es/card/InteractableCard.js +75 -0
  251. package/dist-es/card/InteractableCard.js.map +1 -1
  252. package/dist-es/checkbox/Checkbox.js +73 -0
  253. package/dist-es/checkbox/Checkbox.js.map +1 -1
  254. package/dist-es/checkbox/CheckboxGroup.js +74 -0
  255. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  256. package/dist-es/checkbox/CheckboxIcon.js +75 -0
  257. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  258. package/dist-es/checkbox/internal/CheckboxGroupContext.js +79 -0
  259. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  260. package/dist-es/combo-box/ComboBox.css.js +4 -0
  261. package/dist-es/combo-box/ComboBox.css.js.map +1 -0
  262. package/dist-es/combo-box/ComboBox.js +439 -0
  263. package/dist-es/combo-box/ComboBox.js.map +1 -0
  264. package/dist-es/combo-box/useComboBox.js +149 -0
  265. package/dist-es/combo-box/useComboBox.js.map +1 -0
  266. package/dist-es/dialog/Dialog.css.js +4 -0
  267. package/dist-es/dialog/Dialog.css.js.map +1 -0
  268. package/dist-es/dialog/Dialog.js +189 -0
  269. package/dist-es/dialog/Dialog.js.map +1 -0
  270. package/dist-es/dialog/DialogActions.css.js +4 -0
  271. package/dist-es/dialog/DialogActions.css.js.map +1 -0
  272. package/dist-es/dialog/DialogActions.js +108 -0
  273. package/dist-es/dialog/DialogActions.js.map +1 -0
  274. package/dist-es/dialog/DialogCloseButton.css.js +4 -0
  275. package/dist-es/dialog/DialogCloseButton.css.js.map +1 -0
  276. package/dist-es/dialog/DialogCloseButton.js +109 -0
  277. package/dist-es/dialog/DialogCloseButton.js.map +1 -0
  278. package/dist-es/dialog/DialogContent.css.js +4 -0
  279. package/dist-es/dialog/DialogContent.css.js.map +1 -0
  280. package/dist-es/dialog/DialogContent.js +120 -0
  281. package/dist-es/dialog/DialogContent.js.map +1 -0
  282. package/dist-es/dialog/DialogContext.js +12 -0
  283. package/dist-es/dialog/DialogContext.js.map +1 -0
  284. package/dist-es/dialog/DialogHeader.css.js +4 -0
  285. package/dist-es/dialog/DialogHeader.css.js.map +1 -0
  286. package/dist-es/dialog/DialogHeader.js +139 -0
  287. package/dist-es/dialog/DialogHeader.js.map +1 -0
  288. package/dist-es/drawer/Drawer.js +75 -2
  289. package/dist-es/drawer/Drawer.js.map +1 -1
  290. package/dist-es/drawer/DrawerCloseButton.js +74 -1
  291. package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
  292. package/dist-es/dropdown/Dropdown.css.js +4 -0
  293. package/dist-es/dropdown/Dropdown.css.js.map +1 -0
  294. package/dist-es/dropdown/Dropdown.js +408 -0
  295. package/dist-es/dropdown/Dropdown.js.map +1 -0
  296. package/dist-es/file-drop-zone/FileDropZone.js +75 -0
  297. package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
  298. package/dist-es/file-drop-zone/FileDropZoneTrigger.js +76 -0
  299. package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  300. package/dist-es/flex-item/FlexItem.js +79 -2
  301. package/dist-es/flex-item/FlexItem.js.map +1 -1
  302. package/dist-es/flex-layout/FlexLayout.js +79 -2
  303. package/dist-es/flex-layout/FlexLayout.js.map +1 -1
  304. package/dist-es/form-field/FormField.js +74 -0
  305. package/dist-es/form-field/FormField.js.map +1 -1
  306. package/dist-es/form-field/FormFieldHelperText.js +70 -2
  307. package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
  308. package/dist-es/form-field/FormFieldLabel.js +69 -0
  309. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  310. package/dist-es/form-field-context/FormFieldContext.js +78 -0
  311. package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
  312. package/dist-es/grid-item/GridItem.js +79 -2
  313. package/dist-es/grid-item/GridItem.js.map +1 -1
  314. package/dist-es/grid-layout/GridLayout.js +79 -2
  315. package/dist-es/grid-layout/GridLayout.js.map +1 -1
  316. package/dist-es/index.js +14 -0
  317. package/dist-es/index.js.map +1 -1
  318. package/dist-es/input/Input.js +73 -0
  319. package/dist-es/input/Input.js.map +1 -1
  320. package/dist-es/link/Link.js +70 -2
  321. package/dist-es/link/Link.js.map +1 -1
  322. package/dist-es/link-card/LinkCard.js +75 -0
  323. package/dist-es/link-card/LinkCard.js.map +1 -1
  324. package/dist-es/list-control/ListControlContext.js +116 -0
  325. package/dist-es/list-control/ListControlContext.js.map +1 -0
  326. package/dist-es/list-control/ListControlState.js +271 -0
  327. package/dist-es/list-control/ListControlState.js.map +1 -0
  328. package/dist-es/multiline-input/MultilineInput.css.js +1 -1
  329. package/dist-es/multiline-input/MultilineInput.js +73 -0
  330. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  331. package/dist-es/navigation-item/NavigationItem.css.js +1 -1
  332. package/dist-es/navigation-item/NavigationItem.js +77 -2
  333. package/dist-es/navigation-item/NavigationItem.js.map +1 -1
  334. package/dist-es/option/Option.css.js +4 -0
  335. package/dist-es/option/Option.css.js.map +1 -0
  336. package/dist-es/option/Option.js +174 -0
  337. package/dist-es/option/Option.js.map +1 -0
  338. package/dist-es/option/OptionGroup.css.js +4 -0
  339. package/dist-es/option/OptionGroup.css.js.map +1 -0
  340. package/dist-es/option/OptionGroup.js +119 -0
  341. package/dist-es/option/OptionGroup.js.map +1 -0
  342. package/dist-es/option/OptionList.css.js +4 -0
  343. package/dist-es/option/OptionList.css.js.map +1 -0
  344. package/dist-es/option/OptionList.js +114 -0
  345. package/dist-es/option/OptionList.js.map +1 -0
  346. package/dist-es/option/OptionListBase.js +109 -0
  347. package/dist-es/option/OptionListBase.js.map +1 -0
  348. package/dist-es/pagination/CompactInput.js +76 -2
  349. package/dist-es/pagination/CompactInput.js.map +1 -1
  350. package/dist-es/pagination/CompactPaginator.js +69 -2
  351. package/dist-es/pagination/CompactPaginator.js.map +1 -1
  352. package/dist-es/pagination/GoToInput.js +68 -3
  353. package/dist-es/pagination/GoToInput.js.map +1 -1
  354. package/dist-es/pagination/PageButton.js +77 -2
  355. package/dist-es/pagination/PageButton.js.map +1 -1
  356. package/dist-es/pagination/PageRanges.js +78 -2
  357. package/dist-es/pagination/PageRanges.js.map +1 -1
  358. package/dist-es/pagination/Pagination.js +76 -2
  359. package/dist-es/pagination/Pagination.js.map +1 -1
  360. package/dist-es/pagination/Paginator.js +75 -2
  361. package/dist-es/pagination/Paginator.js.map +1 -1
  362. package/dist-es/panel/Panel.css.js +1 -1
  363. package/dist-es/panel/Panel.js +77 -2
  364. package/dist-es/panel/Panel.js.map +1 -1
  365. package/dist-es/pill/Pill.js +74 -0
  366. package/dist-es/pill/Pill.js.map +1 -1
  367. package/dist-es/pill-input/PillInput.css.js +4 -0
  368. package/dist-es/pill-input/PillInput.css.js.map +1 -0
  369. package/dist-es/pill-input/PillInput.js +334 -0
  370. package/dist-es/pill-input/PillInput.js.map +1 -0
  371. package/dist-es/pill-input/useTruncatePills.js +79 -0
  372. package/dist-es/pill-input/useTruncatePills.js.map +1 -0
  373. package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
  374. package/dist-es/progress/CircularProgress/CircularProgress.js +138 -14
  375. package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
  376. package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
  377. package/dist-es/progress/LinearProgress/LinearProgress.js +89 -8
  378. package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
  379. package/dist-es/radio-button/RadioButton.js +78 -4
  380. package/dist-es/radio-button/RadioButton.js.map +1 -1
  381. package/dist-es/radio-button/RadioButtonGroup.js +77 -3
  382. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  383. package/dist-es/radio-button/RadioButtonIcon.js +76 -0
  384. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  385. package/dist-es/radio-button/internal/RadioGroupContext.js +79 -0
  386. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  387. package/dist-es/salt-provider/SaltProvider.js +78 -3
  388. package/dist-es/salt-provider/SaltProvider.js.map +1 -1
  389. package/dist-es/scrim/Scrim.js +76 -1
  390. package/dist-es/scrim/Scrim.js.map +1 -1
  391. package/dist-es/spinner/Spinner.js +76 -2
  392. package/dist-es/spinner/Spinner.js.map +1 -1
  393. package/dist-es/spinner/svgSpinners/SpinnerSVG.js +78 -0
  394. package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  395. package/dist-es/split-layout/SplitLayout.js +76 -2
  396. package/dist-es/split-layout/SplitLayout.js.map +1 -1
  397. package/dist-es/stack-layout/StackLayout.js +78 -2
  398. package/dist-es/stack-layout/StackLayout.js.map +1 -1
  399. package/dist-es/status-adornment/StatusAdornment.js +75 -0
  400. package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
  401. package/dist-es/status-indicator/StatusIndicator.js +76 -2
  402. package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
  403. package/dist-es/switch/Switch.js +75 -2
  404. package/dist-es/switch/Switch.js.map +1 -1
  405. package/dist-es/text/Text.js +77 -2
  406. package/dist-es/text/Text.js.map +1 -1
  407. package/dist-es/toast/Toast.js +74 -0
  408. package/dist-es/toast/Toast.js.map +1 -1
  409. package/dist-es/toast/ToastContent.js +75 -0
  410. package/dist-es/toast/ToastContent.js.map +1 -1
  411. package/dist-es/toggle-button/ToggleButton.js +73 -0
  412. package/dist-es/toggle-button/ToggleButton.js.map +1 -1
  413. package/dist-es/toggle-button-group/ToggleButtonGroup.js +74 -0
  414. package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  415. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +78 -0
  416. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  417. package/dist-es/tooltip/Tooltip.js +75 -1
  418. package/dist-es/tooltip/Tooltip.js.map +1 -1
  419. package/dist-es/tooltip/TooltipBase.js +75 -2
  420. package/dist-es/tooltip/TooltipBase.js.map +1 -1
  421. package/dist-es/tooltip/useAriaAnnounce.js +77 -0
  422. package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
  423. package/dist-es/tooltip/useTooltip.js +84 -3
  424. package/dist-es/tooltip/useTooltip.js.map +1 -1
  425. package/dist-es/utils/ownerWindow.js.map +1 -1
  426. package/dist-es/utils/useEventCallback.js +16 -0
  427. package/dist-es/utils/useEventCallback.js.map +1 -0
  428. package/dist-es/utils/useResizeObserver.js +25 -0
  429. package/dist-es/utils/useResizeObserver.js.map +1 -0
  430. package/dist-es/utils/useValueEffect.js +120 -0
  431. package/dist-es/utils/useValueEffect.js.map +1 -0
  432. package/dist-es/viewport/ViewportProvider.js +78 -0
  433. package/dist-es/viewport/ViewportProvider.js.map +1 -1
  434. package/dist-types/combo-box/ComboBox.d.ts +17 -0
  435. package/dist-types/combo-box/index.d.ts +1 -0
  436. package/dist-types/combo-box/useComboBox.d.ts +30 -0
  437. package/dist-types/dialog/Dialog.d.ts +46 -0
  438. package/dist-types/dialog/DialogActions.d.ts +8 -0
  439. package/dist-types/dialog/DialogCloseButton.d.ts +2 -0
  440. package/dist-types/dialog/DialogContent.d.ts +8 -0
  441. package/dist-types/dialog/DialogContext.d.ts +8 -0
  442. package/dist-types/dialog/DialogHeader.d.ts +20 -0
  443. package/dist-types/dialog/index.d.ts +6 -0
  444. package/dist-types/dropdown/Dropdown.d.ts +99 -0
  445. package/dist-types/dropdown/index.d.ts +1 -0
  446. package/dist-types/index.d.ts +5 -0
  447. package/dist-types/list-control/ListControlContext.d.ts +21 -0
  448. package/dist-types/list-control/ListControlState.d.ts +70 -0
  449. package/dist-types/list-control/index.d.ts +1 -0
  450. package/dist-types/option/Option.d.ts +16 -0
  451. package/dist-types/option/OptionGroup.d.ts +12 -0
  452. package/dist-types/option/OptionList.d.ts +5 -0
  453. package/dist-types/option/OptionListBase.d.ts +4 -0
  454. package/dist-types/option/index.d.ts +2 -0
  455. package/dist-types/pill-input/PillInput.d.ts +48 -0
  456. package/dist-types/pill-input/index.d.ts +1 -0
  457. package/dist-types/pill-input/useTruncatePills.d.ts +8 -0
  458. package/dist-types/progress/CircularProgress/CircularProgress.d.ts +5 -0
  459. package/dist-types/progress/LinearProgress/LinearProgress.d.ts +5 -0
  460. package/dist-types/utils/index.d.ts +3 -0
  461. package/dist-types/utils/ownerWindow.d.ts +1 -1
  462. package/dist-types/utils/useEventCallback.d.ts +4 -0
  463. package/dist-types/utils/useResizeObserver.d.ts +6 -0
  464. package/dist-types/utils/useValueEffect.d.ts +4 -0
  465. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionGroup.js","sources":["../src/option/OptionGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useId } from \"../utils\";\nimport optionGroupCss from \"./OptionGroup.css\";\n\nexport interface OptionGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The label of the option group.\n */\n label?: string;\n /**\n * Options to be rendered inside the option group.\n */\n children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltOptionGroup\");\nexport const OptionGroup = forwardRef<HTMLDivElement, OptionGroupProps>(\n function OptionGroup(props, ref) {\n const { className, children, label, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-option-group\",\n css: optionGroupCss,\n window: targetWindow,\n });\n\n const labelId = useId();\n\n return (\n <div\n aria-labelledby={labelId}\n className={clsx(withBaseName(), className)}\n role=\"group\"\n ref={ref}\n {...rest}\n >\n <div aria-hidden className={withBaseName(\"label\")} id={labelId}>\n {label}\n </div>\n {children}\n </div>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","OptionGroup","useWindow","useComponentCssInjection","optionGroupCss","useId","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,0BAAa,iBAAiB,CAAA,CAAA;AAC5C,MAAM,WAAc,GAAAC,gBAAA;AAAA,EACzB,SAASC,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,KAAA,EAAA,GAAU,MAAS,GAAA,KAAA,CAAA;AAEhD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,aAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,UAAUC,WAAM,EAAA,CAAA;AAEtB,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,iBAAiB,EAAA,OAAA;AAAA,MACjB,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,OAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,aAAW,EAAA,IAAA;AAAA,UAAC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAAG,EAAI,EAAA,OAAA;AAAA,UACpD,QAAA,EAAA,KAAA;AAAA,SACH,CAAA;AAAA,QACC,QAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var css_248z = ".saltOptionList {\n background: var(--salt-container-primary-background);\n border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n overflow: hidden;\n overflow-y: auto;\n position: relative;\n z-index: var(--salt-zIndex-flyover);\n box-shadow: var(--salt-overlayable-shadow-popout);\n box-sizing: border-box;\n}\n\n.saltOptionList-container {\n display: flex;\n flex-direction: column;\n gap: var(--salt-size-border);\n max-height: inherit;\n min-height: inherit;\n}\n\n.saltOptionList-collapsed {\n display: none;\n}\n";
4
+
5
+ module.exports = css_248z;
6
+ //# sourceMappingURL=OptionList.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -0,0 +1,118 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
7
+ var clsx = require('clsx');
8
+ var makePrefixer = require('../utils/makePrefixer.js');
9
+ var useFloatingUI = require('../utils/useFloatingUI/useFloatingUI.js');
10
+ require('../utils/useId.js');
11
+ require('../salt-provider/SaltProvider.js');
12
+ require('../viewport/ViewportProvider.js');
13
+ require('../accordion/AccordionGroup.js');
14
+ require('../accordion/AccordionPanel.js');
15
+ require('../accordion/Accordion.js');
16
+ require('../accordion/AccordionHeader.js');
17
+ require('../aria-announcer/AriaAnnouncerContext.js');
18
+ require('../avatar/Avatar.js');
19
+ require('../badge/Badge.js');
20
+ require('../banner/Banner.js');
21
+ require('../banner/BannerActions.js');
22
+ require('../banner/BannerContent.js');
23
+ require('../border-item/BorderItem.js');
24
+ require('../border-layout/BorderLayout.js');
25
+ require('../button/Button.js');
26
+ require('../card/Card.js');
27
+ require('../card/InteractableCard.js');
28
+ require('../checkbox/Checkbox.js');
29
+ require('../checkbox/CheckboxGroup.js');
30
+ require('@salt-ds/styles');
31
+ require('@salt-ds/window');
32
+ require('@salt-ds/icons');
33
+ require('../combo-box/ComboBox.js');
34
+ require('../dialog/Dialog.js');
35
+ require('../status-indicator/StatusIndicator.js');
36
+ require('../text/Text.js');
37
+ require('../text/Display.js');
38
+ require('../text/Headings.js');
39
+ require('../text/Label.js');
40
+ require('../text/TextNotation.js');
41
+ require('../text/TextAction.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-item/GridItem.js');
58
+ require('../grid-layout/GridLayout.js');
59
+ require('../input/Input.js');
60
+ require('../link/Link.js');
61
+ require('../link-card/LinkCard.js');
62
+ require('../list-control/ListControlContext.js');
63
+ require('../multiline-input/MultilineInput.js');
64
+ require('../navigation-item/NavigationItem.js');
65
+ require('./Option.js');
66
+ require('./OptionGroup.js');
67
+ require('../pagination/Pagination.js');
68
+ require('../pagination/Paginator.js');
69
+ require('../pagination/CompactInput.js');
70
+ require('../pagination/CompactPaginator.js');
71
+ require('../pagination/GoToInput.js');
72
+ require('../panel/Panel.js');
73
+ require('../pill/Pill.js');
74
+ require('../progress/CircularProgress/CircularProgress.js');
75
+ require('../progress/LinearProgress/LinearProgress.js');
76
+ require('../radio-button/RadioButton.js');
77
+ require('../radio-button/RadioButtonGroup.js');
78
+ require('../scrim/Scrim.js');
79
+ require('../spinner/Spinner.js');
80
+ require('../stack-layout/StackLayout.js');
81
+ require('../status-adornment/StatusAdornment.js');
82
+ require('../toast/Toast.js');
83
+ require('../toast/ToastContent.js');
84
+ require('../split-layout/SplitLayout.js');
85
+ require('../switch/Switch.js');
86
+ require('../toggle-button/ToggleButton.js');
87
+ require('../toggle-button-group/ToggleButtonGroup.js');
88
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
89
+ require('../tooltip/Tooltip.js');
90
+ require('@floating-ui/react');
91
+ var OptionListBase = require('./OptionListBase.js');
92
+
93
+ const withBaseName = makePrefixer.makePrefixer("saltOptionList");
94
+ const OptionList = React.forwardRef(
95
+ function OptionList2(props, ref) {
96
+ const { children, className, collapsed, open, ...rest } = props;
97
+ const { Component: FloatingComponent } = useFloatingUI.useFloatingComponent();
98
+ return /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
99
+ className: clsx.clsx(
100
+ withBaseName(),
101
+ {
102
+ [withBaseName("collapsed")]: collapsed
103
+ },
104
+ className
105
+ ),
106
+ role: "listbox",
107
+ open,
108
+ ...rest,
109
+ ref,
110
+ children: /* @__PURE__ */ jsxRuntime.jsx(OptionListBase.OptionListBase, {
111
+ children
112
+ })
113
+ });
114
+ }
115
+ );
116
+
117
+ exports.OptionList = OptionList;
118
+ //# sourceMappingURL=OptionList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionList.js","sources":["../src/option/OptionList.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport {\n FloatingComponentProps,\n makePrefixer,\n useFloatingComponent,\n} from \"../utils\";\nimport { OptionListBase } from \"./OptionListBase\";\n\nexport interface OptionListProps extends FloatingComponentProps {\n collapsed?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltOptionList\");\n\nexport const OptionList = forwardRef<HTMLDivElement, OptionListProps>(\n function OptionList(props, ref) {\n const { children, className, collapsed, open, ...rest } = props;\n\n const { Component: FloatingComponent } = useFloatingComponent();\n\n return (\n <FloatingComponent\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"collapsed\")]: collapsed,\n },\n className\n )}\n role=\"listbox\"\n open={open}\n {...rest}\n ref={ref}\n >\n <OptionListBase>{children}</OptionListBase>\n </FloatingComponent>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","OptionList","useFloatingComponent","jsx","clsx","OptionListBase"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAE3C,MAAM,UAAa,GAAAC,gBAAA;AAAA,EACxB,SAASC,WAAW,CAAA,KAAA,EAAO,GAAK,EAAA;AAC9B,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,SAAW,EAAA,IAAA,EAAA,GAAS,MAAS,GAAA,KAAA,CAAA;AAE1D,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,kCAAqB,EAAA,CAAA;AAE9D,IAAA,uBACGC,cAAA,CAAA,iBAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,SAAA;AAAA,SAC/B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,IAAK,EAAA,SAAA;AAAA,MACL,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAAE,6BAAA,EAAA;AAAA,QAAgB,QAAA;AAAA,OAAS,CAAA;AAAA,KAC5B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
@@ -0,0 +1,113 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
7
+ var clsx = require('clsx');
8
+ var makePrefixer = require('../utils/makePrefixer.js');
9
+ require('../utils/useFloatingUI/useFloatingUI.js');
10
+ require('../utils/useId.js');
11
+ require('../salt-provider/SaltProvider.js');
12
+ require('../viewport/ViewportProvider.js');
13
+ require('../accordion/AccordionGroup.js');
14
+ require('../accordion/AccordionPanel.js');
15
+ require('../accordion/Accordion.js');
16
+ require('../accordion/AccordionHeader.js');
17
+ require('../aria-announcer/AriaAnnouncerContext.js');
18
+ require('../avatar/Avatar.js');
19
+ require('../badge/Badge.js');
20
+ require('../banner/Banner.js');
21
+ require('../banner/BannerActions.js');
22
+ require('../banner/BannerContent.js');
23
+ require('../border-item/BorderItem.js');
24
+ require('../border-layout/BorderLayout.js');
25
+ require('../button/Button.js');
26
+ require('../card/Card.js');
27
+ require('../card/InteractableCard.js');
28
+ require('../checkbox/Checkbox.js');
29
+ require('../checkbox/CheckboxGroup.js');
30
+ var styles = require('@salt-ds/styles');
31
+ var window = require('@salt-ds/window');
32
+ require('@salt-ds/icons');
33
+ require('../combo-box/ComboBox.js');
34
+ require('../dialog/Dialog.js');
35
+ require('../status-indicator/StatusIndicator.js');
36
+ require('../text/Text.js');
37
+ require('../text/Display.js');
38
+ require('../text/Headings.js');
39
+ require('../text/Label.js');
40
+ require('../text/TextNotation.js');
41
+ require('../text/TextAction.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-item/GridItem.js');
58
+ require('../grid-layout/GridLayout.js');
59
+ require('../input/Input.js');
60
+ require('../link/Link.js');
61
+ require('../link-card/LinkCard.js');
62
+ require('../list-control/ListControlContext.js');
63
+ require('../multiline-input/MultilineInput.js');
64
+ require('../navigation-item/NavigationItem.js');
65
+ require('./Option.js');
66
+ require('./OptionGroup.js');
67
+ require('../pagination/Pagination.js');
68
+ require('../pagination/Paginator.js');
69
+ require('../pagination/CompactInput.js');
70
+ require('../pagination/CompactPaginator.js');
71
+ require('../pagination/GoToInput.js');
72
+ require('../panel/Panel.js');
73
+ require('../pill/Pill.js');
74
+ require('../progress/CircularProgress/CircularProgress.js');
75
+ require('../progress/LinearProgress/LinearProgress.js');
76
+ require('../radio-button/RadioButton.js');
77
+ require('../radio-button/RadioButtonGroup.js');
78
+ require('../scrim/Scrim.js');
79
+ require('../spinner/Spinner.js');
80
+ require('../stack-layout/StackLayout.js');
81
+ require('../status-adornment/StatusAdornment.js');
82
+ require('../toast/Toast.js');
83
+ require('../toast/ToastContent.js');
84
+ require('../split-layout/SplitLayout.js');
85
+ require('../switch/Switch.js');
86
+ require('../toggle-button/ToggleButton.js');
87
+ require('../toggle-button-group/ToggleButtonGroup.js');
88
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
89
+ require('../tooltip/Tooltip.js');
90
+ require('@floating-ui/react');
91
+ var OptionList = require('./OptionList.css.js');
92
+
93
+ const withBaseName = makePrefixer.makePrefixer("saltOptionList");
94
+ const OptionListBase = React.forwardRef(
95
+ function OptionListBase2(props, ref) {
96
+ const { children, className, ...rest } = props;
97
+ const targetWindow = window.useWindow();
98
+ styles.useComponentCssInjection({
99
+ testId: "salt-option-list",
100
+ css: OptionList,
101
+ window: targetWindow
102
+ });
103
+ return /* @__PURE__ */ jsxRuntime.jsx("div", {
104
+ className: clsx.clsx(withBaseName("container"), className),
105
+ ...rest,
106
+ ref,
107
+ children
108
+ });
109
+ }
110
+ );
111
+
112
+ exports.OptionListBase = OptionListBase;
113
+ //# sourceMappingURL=OptionListBase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionListBase.js","sources":["../src/option/OptionListBase.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport optionListCss from \"./OptionList.css\";\n\nconst withBaseName = makePrefixer(\"saltOptionList\");\n\nexport interface OptionListBaseProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const OptionListBase = forwardRef<HTMLDivElement, OptionListBaseProps>(\n function OptionListBase(props, ref) {\n const { children, className, ...rest } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-option-list\",\n css: optionListCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(\"container\"), className)}\n {...rest}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","OptionListBase","useWindow","useComponentCssInjection","optionListCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAI3C,MAAM,cAAiB,GAAAC,gBAAA;AAAA,EAC5B,SAASC,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,CAAA,WAAW,GAAG,SAAS,CAAA;AAAA,MACnD,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEC,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
@@ -11,9 +11,83 @@ require('../utils/useFloatingUI/useFloatingUI.js');
11
11
  require('../utils/useId.js');
12
12
  require('../salt-provider/SaltProvider.js');
13
13
  require('../viewport/ViewportProvider.js');
14
- var usePaginationContext = require('./usePaginationContext.js');
15
- var window = require('@salt-ds/window');
14
+ require('../accordion/AccordionGroup.js');
15
+ require('../accordion/AccordionPanel.js');
16
+ require('../accordion/Accordion.js');
17
+ require('../accordion/AccordionHeader.js');
18
+ require('../aria-announcer/AriaAnnouncerContext.js');
19
+ require('../avatar/Avatar.js');
20
+ require('../badge/Badge.js');
21
+ require('../banner/Banner.js');
22
+ require('../banner/BannerActions.js');
23
+ require('../banner/BannerContent.js');
24
+ require('../border-item/BorderItem.js');
25
+ require('../border-layout/BorderLayout.js');
26
+ require('../button/Button.js');
27
+ require('../card/Card.js');
28
+ require('../card/InteractableCard.js');
29
+ require('../checkbox/Checkbox.js');
30
+ require('../checkbox/CheckboxGroup.js');
16
31
  var styles = require('@salt-ds/styles');
32
+ var window = require('@salt-ds/window');
33
+ require('@salt-ds/icons');
34
+ require('../combo-box/ComboBox.js');
35
+ require('../dialog/Dialog.js');
36
+ require('../status-indicator/StatusIndicator.js');
37
+ require('../text/Text.js');
38
+ require('../text/Display.js');
39
+ require('../text/Headings.js');
40
+ require('../text/Label.js');
41
+ require('../text/TextNotation.js');
42
+ require('../text/TextAction.js');
43
+ require('../dialog/DialogContext.js');
44
+ require('../dialog/DialogActions.js');
45
+ require('../dialog/DialogContent.js');
46
+ require('../dialog/DialogCloseButton.js');
47
+ require('../drawer/Drawer.js');
48
+ require('../drawer/DrawerCloseButton.js');
49
+ require('../dropdown/Dropdown.js');
50
+ require('../file-drop-zone/FileDropZone.js');
51
+ require('../file-drop-zone/FileDropZoneIcon.js');
52
+ require('../file-drop-zone/FileDropZoneTrigger.js');
53
+ require('../flex-item/FlexItem.js');
54
+ require('../flex-layout/FlexLayout.js');
55
+ require('../flow-layout/FlowLayout.js');
56
+ require('../form-field/FormField.js');
57
+ require('../form-field-context/FormFieldContext.js');
58
+ require('../grid-item/GridItem.js');
59
+ require('../grid-layout/GridLayout.js');
60
+ require('../link/Link.js');
61
+ require('../link-card/LinkCard.js');
62
+ require('../list-control/ListControlContext.js');
63
+ require('../multiline-input/MultilineInput.js');
64
+ require('../navigation-item/NavigationItem.js');
65
+ require('../option/Option.js');
66
+ require('../option/OptionGroup.js');
67
+ require('./Pagination.js');
68
+ require('./Paginator.js');
69
+ require('./CompactPaginator.js');
70
+ require('./GoToInput.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
90
+ var usePaginationContext = require('./usePaginationContext.js');
17
91
  var CompactInput$1 = require('./CompactInput.css.js');
18
92
 
19
93
  const withBaseName = makePrefixer.makePrefixer("saltCompactInput");
@@ -1 +1 @@
1
- {"version":3,"file":"CompactInput.js","sources":["../src/pagination/CompactInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n forwardRef,\n useEffect,\n useState,\n} from \"react\";\nimport { Input, InputProps } from \"../input\";\nimport { makePrefixer } from \"../utils\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport compactInputCss from \"./CompactInput.css\";\n\nconst withBaseName = makePrefixer(\"saltCompactInput\");\n\nexport const CompactInput = forwardRef<\n HTMLInputElement,\n Pick<InputProps, \"inputRef\" | \"variant\">\n>(function CompactInput(props, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-compact-input\",\n css: compactInputCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n\n const [inputValue, setInputValue] = useState(`${page}`);\n\n useEffect(() => {\n setInputValue(`${page}`);\n }, [page]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n setInputValue(event.target.value);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n const pageValue = Number(inputValue);\n if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {\n onPageChange(event, pageValue);\n } else {\n setInputValue(`${page}`);\n }\n }\n };\n\n const handleBlur = () => {\n setInputValue(`${page}`);\n };\n\n return (\n <Input\n className={clsx(withBaseName(), {\n [withBaseName(\"defaultSize\")]: count < 100,\n })}\n inputProps={{\n \"aria-label\": `Go to page, ${count} total`,\n style: { width: `${`${count}`.length}ch` },\n }}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={inputValue}\n textAlign={\"center\"}\n ref={ref}\n {...props}\n />\n );\n});\n"],"names":["makePrefixer","forwardRef","CompactInput","useWindow","useComponentCssInjection","compactInputCss","usePaginationContext","useState","useEffect","jsx","Input","clsx"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,YAAe,GAAAC,gBAAA,CAG1B,SAASC,aAAAA,CAAa,OAAO,GAAK,EAAA;AAClC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiBC,yCAAqB,EAAA,CAAA;AAE3D,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAC,cAAA,CAAS,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAEtD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,aAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAS,KAAK,SAAa,IAAA,KAAA,IAAS,YAAY,CAAG,EAAA;AAC5D,QAAA,YAAA,CAAa,OAAO,SAAS,CAAA,CAAA;AAAA,OACxB,MAAA;AACL,QAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,IACC,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC9B,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,KACxC,CAAA;AAAA,IACD,UAAY,EAAA;AAAA,MACV,cAAc,CAAe,YAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,MAC7B,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,CAAA,EAAG,QAAQ,MAAW,CAAA,EAAA,CAAA,EAAA;AAAA,KAC3C;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,QAAU,EAAA,YAAA;AAAA,IACV,SAAW,EAAA,aAAA;AAAA,IACX,KAAO,EAAA,UAAA;AAAA,IACP,SAAW,EAAA,QAAA;AAAA,IACX,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"CompactInput.js","sources":["../src/pagination/CompactInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n KeyboardEventHandler,\n forwardRef,\n useEffect,\n useState,\n} from \"react\";\nimport { Input, InputProps } from \"../input\";\nimport { makePrefixer } from \"../utils\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport compactInputCss from \"./CompactInput.css\";\n\nconst withBaseName = makePrefixer(\"saltCompactInput\");\n\nexport const CompactInput = forwardRef<\n HTMLInputElement,\n Pick<InputProps, \"inputRef\" | \"variant\">\n>(function CompactInput(props, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-compact-input\",\n css: compactInputCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n\n const [inputValue, setInputValue] = useState(`${page}`);\n\n useEffect(() => {\n setInputValue(`${page}`);\n }, [page]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n setInputValue(event.target.value);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n const pageValue = Number(inputValue);\n if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {\n onPageChange(event, pageValue);\n } else {\n setInputValue(`${page}`);\n }\n }\n };\n\n const handleBlur = () => {\n setInputValue(`${page}`);\n };\n\n return (\n <Input\n className={clsx(withBaseName(), {\n [withBaseName(\"defaultSize\")]: count < 100,\n })}\n inputProps={{\n \"aria-label\": `Go to page, ${count} total`,\n style: { width: `${`${count}`.length}ch` },\n }}\n onBlur={handleBlur}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={inputValue}\n textAlign={\"center\"}\n ref={ref}\n {...props}\n />\n );\n});\n"],"names":["makePrefixer","forwardRef","CompactInput","useWindow","useComponentCssInjection","compactInputCss","usePaginationContext","useState","useEffect","jsx","Input","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,YAAe,GAAAC,gBAAA,CAG1B,SAASC,aAAAA,CAAa,OAAO,GAAK,EAAA;AAClC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiBC,yCAAqB,EAAA,CAAA;AAE3D,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAC,cAAA,CAAS,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAEtD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,aAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAS,KAAK,SAAa,IAAA,KAAA,IAAS,YAAY,CAAG,EAAA;AAC5D,QAAA,YAAA,CAAa,OAAO,SAAS,CAAA,CAAA;AAAA,OACxB,MAAA;AACL,QAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,IACC,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC9B,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,KACxC,CAAA;AAAA,IACD,UAAY,EAAA;AAAA,MACV,cAAc,CAAe,YAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,MAC7B,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,CAAA,EAAG,QAAQ,MAAW,CAAA,EAAA,CAAA,EAAA;AAAA,KAC3C;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,QAAU,EAAA,YAAA;AAAA,IACV,SAAW,EAAA,aAAA;AAAA,IACX,KAAO,EAAA,UAAA;AAAA,IACP,SAAW,EAAA,QAAA;AAAA,IACX,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,GACN,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -17,11 +17,78 @@ require('../utils/useFloatingUI/useFloatingUI.js');
17
17
  require('../utils/useId.js');
18
18
  require('../salt-provider/SaltProvider.js');
19
19
  require('../viewport/ViewportProvider.js');
20
+ require('../accordion/AccordionGroup.js');
21
+ require('../accordion/AccordionPanel.js');
22
+ require('../accordion/Accordion.js');
23
+ require('../accordion/AccordionHeader.js');
24
+ require('../aria-announcer/AriaAnnouncerContext.js');
25
+ require('../avatar/Avatar.js');
26
+ require('../badge/Badge.js');
27
+ require('../banner/Banner.js');
28
+ require('../banner/BannerActions.js');
29
+ require('../banner/BannerContent.js');
30
+ require('../border-item/BorderItem.js');
31
+ require('../border-layout/BorderLayout.js');
32
+ require('../card/Card.js');
33
+ require('../card/InteractableCard.js');
34
+ require('../checkbox/Checkbox.js');
35
+ require('../checkbox/CheckboxGroup.js');
36
+ var styles = require('@salt-ds/styles');
37
+ var window = require('@salt-ds/window');
20
38
  var icons = require('@salt-ds/icons');
39
+ require('../combo-box/ComboBox.js');
40
+ require('../dialog/Dialog.js');
41
+ require('../status-indicator/StatusIndicator.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-item/GridItem.js');
58
+ require('../grid-layout/GridLayout.js');
59
+ require('../input/Input.js');
60
+ require('../link/Link.js');
61
+ require('../link-card/LinkCard.js');
62
+ require('../list-control/ListControlContext.js');
63
+ require('../multiline-input/MultilineInput.js');
64
+ require('../navigation-item/NavigationItem.js');
65
+ require('../option/Option.js');
66
+ require('../option/OptionGroup.js');
67
+ require('./Pagination.js');
68
+ require('./Paginator.js');
69
+ require('./CompactInput.js');
70
+ require('./GoToInput.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
21
90
  var PageButton = require('./PageButton.js');
22
91
  var usePaginationContext = require('./usePaginationContext.js');
23
- var window = require('@salt-ds/window');
24
- var styles = require('@salt-ds/styles');
25
92
  var CompactPaginator$1 = require('./CompactPaginator.css.js');
26
93
 
27
94
  const withBaseName = makePrefixer.makePrefixer("saltCompactPaginator");
@@ -1 +1 @@
1
- {"version":3,"file":"CompactPaginator.js","sources":["../src/pagination/CompactPaginator.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEventHandler } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"../button\";\nimport { Text } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { PageButton } from \"./PageButton\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport compactPaginatorCss from \"./CompactPaginator.css\";\n\nconst withBaseName = makePrefixer(\"saltCompactPaginator\");\n\nexport const CompactPaginator = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<\"div\">\n>(function CompactPaginator({ children, className, ...restProps }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-compact-paginator\",\n css: compactPaginatorCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n\n const onPreviousPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.max(1, page - 1));\n };\n\n const onNextPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.min(page + 1, count));\n };\n\n const isOnFirstPage = page === 1;\n const isOnLastPage = page === count;\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n <Button\n variant=\"secondary\"\n aria-label=\"Previous Page\"\n onClick={onPreviousPage}\n disabled={isOnFirstPage}\n className={withBaseName(\"arrowButton\")}\n >\n <ChevronLeftIcon aria-hidden />\n </Button>\n {children ? children : <PageButton page={page} disabled />}\n <Text as=\"span\" variant=\"secondary\">\n of\n </Text>\n <PageButton page={count} disabled={isOnLastPage} />\n <Button\n variant=\"secondary\"\n aria-label=\"Next Page\"\n onClick={onNextPage}\n disabled={isOnLastPage}\n className={withBaseName(\"arrowButton\")}\n >\n <ChevronRightIcon aria-hidden />\n </Button>\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","CompactPaginator","useWindow","useComponentCssInjection","compactPaginatorCss","usePaginationContext","jsxs","clsx","jsx","Button","ChevronLeftIcon","PageButton","Text","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,0BAAa,sBAAsB,CAAA,CAAA;AAE3C,MAAA,gBAAA,GAAmBC,iBAG9B,SAASC,iBAAAA,CAAiB,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EAAG,GAAK,EAAA;AACtE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiBC,yCAAqB,EAAA,CAAA;AAE3D,EAAM,MAAA,cAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,IAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,CAAC,CAAC,CAAA,CAAA;AAAA,GAC3C,CAAA;AAEA,EAAM,MAAA,UAAA,GAAmD,CAAC,KAAU,KAAA;AAClE,IAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,IAAO,GAAA,CAAA,EAAG,KAAK,CAAC,CAAA,CAAA;AAAA,GAC/C,CAAA;AAEA,EAAA,MAAM,gBAAgB,IAAS,KAAA,CAAA,CAAA;AAC/B,EAAA,MAAM,eAAe,IAAS,KAAA,KAAA,CAAA;AAE9B,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAC9D,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,YAAW,EAAA,eAAA;AAAA,QACX,OAAS,EAAA,cAAA;AAAA,QACT,QAAU,EAAA,aAAA;AAAA,QACV,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,QAErC,QAAC,kBAAAD,cAAA,CAAAE,qBAAA,EAAA;AAAA,UAAgB,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OAC/B,CAAA;AAAA,MACC,QAAA,GAAW,2BAAYF,cAAA,CAAAG,qBAAA,EAAA;AAAA,QAAW,IAAA;AAAA,QAAY,QAAQ,EAAA,IAAA;AAAA,OAAC,CAAA;AAAA,sBACvDH,cAAA,CAAAI,SAAA,EAAA;AAAA,QAAK,EAAG,EAAA,MAAA;AAAA,QAAO,OAAQ,EAAA,WAAA;AAAA,QAAY,QAAA,EAAA,IAAA;AAAA,OAEpC,CAAA;AAAA,sBACCJ,cAAA,CAAAG,qBAAA,EAAA;AAAA,QAAW,IAAM,EAAA,KAAA;AAAA,QAAO,QAAU,EAAA,YAAA;AAAA,OAAc,CAAA;AAAA,sBAChDH,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,YAAW,EAAA,WAAA;AAAA,QACX,OAAS,EAAA,UAAA;AAAA,QACT,QAAU,EAAA,YAAA;AAAA,QACV,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,QAErC,QAAC,kBAAAD,cAAA,CAAAK,sBAAA,EAAA;AAAA,UAAiB,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OAChC,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
1
+ {"version":3,"file":"CompactPaginator.js","sources":["../src/pagination/CompactPaginator.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEventHandler } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button } from \"../button\";\nimport { Text } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { PageButton } from \"./PageButton\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport compactPaginatorCss from \"./CompactPaginator.css\";\n\nconst withBaseName = makePrefixer(\"saltCompactPaginator\");\n\nexport const CompactPaginator = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<\"div\">\n>(function CompactPaginator({ children, className, ...restProps }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-compact-paginator\",\n css: compactPaginatorCss,\n window: targetWindow,\n });\n\n const { count, page, onPageChange } = usePaginationContext();\n\n const onPreviousPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.max(1, page - 1));\n };\n\n const onNextPage: MouseEventHandler<HTMLButtonElement> = (event) => {\n onPageChange(event, Math.min(page + 1, count));\n };\n\n const isOnFirstPage = page === 1;\n const isOnLastPage = page === count;\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n <Button\n variant=\"secondary\"\n aria-label=\"Previous Page\"\n onClick={onPreviousPage}\n disabled={isOnFirstPage}\n className={withBaseName(\"arrowButton\")}\n >\n <ChevronLeftIcon aria-hidden />\n </Button>\n {children ? children : <PageButton page={page} disabled />}\n <Text as=\"span\" variant=\"secondary\">\n of\n </Text>\n <PageButton page={count} disabled={isOnLastPage} />\n <Button\n variant=\"secondary\"\n aria-label=\"Next Page\"\n onClick={onNextPage}\n disabled={isOnLastPage}\n className={withBaseName(\"arrowButton\")}\n >\n <ChevronRightIcon aria-hidden />\n </Button>\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","CompactPaginator","useWindow","useComponentCssInjection","compactPaginatorCss","usePaginationContext","jsxs","clsx","jsx","Button","ChevronLeftIcon","PageButton","Text","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAA,GAAeA,0BAAa,sBAAsB,CAAA,CAAA;AAE3C,MAAA,gBAAA,GAAmBC,iBAG9B,SAASC,iBAAAA,CAAiB,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EAAG,GAAK,EAAA;AACtE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,YAAA,KAAiBC,yCAAqB,EAAA,CAAA;AAE3D,EAAM,MAAA,cAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,IAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,IAAA,GAAO,CAAC,CAAC,CAAA,CAAA;AAAA,GAC3C,CAAA;AAEA,EAAM,MAAA,UAAA,GAAmD,CAAC,KAAU,KAAA;AAClE,IAAA,YAAA,CAAa,OAAO,IAAK,CAAA,GAAA,CAAI,IAAO,GAAA,CAAA,EAAG,KAAK,CAAC,CAAA,CAAA;AAAA,GAC/C,CAAA;AAEA,EAAA,MAAM,gBAAgB,IAAS,KAAA,CAAA,CAAA;AAC/B,EAAA,MAAM,eAAe,IAAS,KAAA,KAAA,CAAA;AAE9B,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAC9D,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,YAAW,EAAA,eAAA;AAAA,QACX,OAAS,EAAA,cAAA;AAAA,QACT,QAAU,EAAA,aAAA;AAAA,QACV,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,QAErC,QAAC,kBAAAD,cAAA,CAAAE,qBAAA,EAAA;AAAA,UAAgB,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OAC/B,CAAA;AAAA,MACC,QAAA,GAAW,2BAAYF,cAAA,CAAAG,qBAAA,EAAA;AAAA,QAAW,IAAA;AAAA,QAAY,QAAQ,EAAA,IAAA;AAAA,OAAC,CAAA;AAAA,sBACvDH,cAAA,CAAAI,SAAA,EAAA;AAAA,QAAK,EAAG,EAAA,MAAA;AAAA,QAAO,OAAQ,EAAA,WAAA;AAAA,QAAY,QAAA,EAAA,IAAA;AAAA,OAEpC,CAAA;AAAA,sBACCJ,cAAA,CAAAG,qBAAA,EAAA;AAAA,QAAW,IAAM,EAAA,KAAA;AAAA,QAAO,QAAU,EAAA,YAAA;AAAA,OAAc,CAAA;AAAA,sBAChDH,cAAA,CAAAC,aAAA,EAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,YAAW,EAAA,WAAA;AAAA,QACX,OAAS,EAAA,UAAA;AAAA,QACT,QAAU,EAAA,YAAA;AAAA,QACV,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,QAErC,QAAC,kBAAAD,cAAA,CAAAK,sBAAA,EAAA;AAAA,UAAiB,aAAW,EAAA,IAAA;AAAA,SAAC,CAAA;AAAA,OAChC,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -18,11 +18,76 @@ require('../utils/useFloatingUI/useFloatingUI.js');
18
18
  require('../utils/useId.js');
19
19
  require('../salt-provider/SaltProvider.js');
20
20
  require('../viewport/ViewportProvider.js');
21
- require('../form-field-context/FormFieldContext.js');
22
- var window = require('@salt-ds/window');
21
+ require('../accordion/AccordionGroup.js');
22
+ require('../accordion/AccordionPanel.js');
23
+ require('../accordion/Accordion.js');
24
+ require('../accordion/AccordionHeader.js');
25
+ require('../aria-announcer/AriaAnnouncerContext.js');
26
+ require('../avatar/Avatar.js');
27
+ require('../badge/Badge.js');
28
+ require('../banner/Banner.js');
29
+ require('../banner/BannerActions.js');
30
+ require('../banner/BannerContent.js');
31
+ require('../border-item/BorderItem.js');
32
+ require('../border-layout/BorderLayout.js');
33
+ require('../button/Button.js');
34
+ require('../card/Card.js');
35
+ require('../card/InteractableCard.js');
36
+ require('../checkbox/Checkbox.js');
37
+ require('../checkbox/CheckboxGroup.js');
23
38
  var styles = require('@salt-ds/styles');
24
- var FormFieldLabel = require('../form-field/FormFieldLabel.js');
39
+ var window = require('@salt-ds/window');
40
+ require('@salt-ds/icons');
41
+ require('../combo-box/ComboBox.js');
42
+ require('../dialog/Dialog.js');
43
+ require('../dialog/DialogContext.js');
44
+ require('../dialog/DialogActions.js');
45
+ require('../dialog/DialogContent.js');
46
+ require('../dialog/DialogCloseButton.js');
47
+ require('../drawer/Drawer.js');
48
+ require('../drawer/DrawerCloseButton.js');
49
+ require('../dropdown/Dropdown.js');
50
+ require('../file-drop-zone/FileDropZone.js');
51
+ require('../file-drop-zone/FileDropZoneIcon.js');
52
+ require('../file-drop-zone/FileDropZoneTrigger.js');
53
+ require('../flex-item/FlexItem.js');
54
+ require('../flex-layout/FlexLayout.js');
55
+ require('../flow-layout/FlowLayout.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-item/GridItem.js');
58
+ require('../grid-layout/GridLayout.js');
25
59
  var Input = require('../input/Input.js');
60
+ require('../link/Link.js');
61
+ require('../link-card/LinkCard.js');
62
+ require('../list-control/ListControlContext.js');
63
+ require('../multiline-input/MultilineInput.js');
64
+ require('../navigation-item/NavigationItem.js');
65
+ require('../option/Option.js');
66
+ require('../option/OptionGroup.js');
67
+ require('./Pagination.js');
68
+ require('./Paginator.js');
69
+ require('./CompactInput.js');
70
+ require('./CompactPaginator.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
90
+ var FormFieldLabel = require('../form-field/FormFieldLabel.js');
26
91
  var usePaginationContext = require('./usePaginationContext.js');
27
92
  var GoToInput$1 = require('./GoToInput.css.js');
28
93
 
@@ -1 +1 @@
1
- {"version":3,"file":"GoToInput.js","sources":["../src/pagination/GoToInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n forwardRef,\n HTMLAttributes,\n KeyboardEventHandler,\n Ref,\n useState,\n} from \"react\";\nimport { FormField, FormFieldLabel } from \"../form-field\";\nimport { Input } from \"../input\";\nimport { makePrefixer } from \"../utils\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport goToInputCss from \"./GoToInput.css\";\n\nconst withBaseName = makePrefixer(\"saltGoToInput\");\nexport interface GoToInputProps extends HTMLAttributes<HTMLSpanElement> {\n /**\n * Input label.\n */\n label?: string;\n /**\n * Optional ref for the input component\n */\n inputRef?: Ref<HTMLInputElement>;\n /**\n * Change input variant.\n */\n inputVariant?: \"primary\" | \"secondary\";\n}\n\nexport const GoToInput = forwardRef<HTMLDivElement, GoToInputProps>(\n function GoToInput(\n {\n className,\n inputRef,\n inputVariant = \"primary\",\n label = \"Go to\",\n ...restProps\n },\n ref\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-go-to-input\",\n css: goToInputCss,\n window: targetWindow,\n });\n\n const { count, onPageChange } = usePaginationContext();\n const [inputValue, setInputValue] = useState(\"\");\n\n const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n setInputValue(event.target.value);\n };\n\n const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n const pageValue = Number(inputValue);\n if (\n !inputValue.startsWith(\"0\") &&\n !isNaN(pageValue) &&\n pageValue > 0 &&\n pageValue <= count\n ) {\n onPageChange(event, pageValue);\n }\n setInputValue(\"\");\n }\n };\n\n const onBlur = () => {\n setInputValue(\"\");\n };\n\n const widthCh = `${`${count}`.length}ch`;\n\n return (\n <FormField\n labelPlacement=\"left\"\n className={clsx(withBaseName(), className)}\n ref={ref}\n {...restProps}\n >\n <FormFieldLabel>{label}</FormFieldLabel>\n <Input\n className={clsx(withBaseName(\"input\"), {\n [withBaseName(\"inputDefaultSize\")]: count < 100,\n })}\n ref={inputRef}\n inputProps={{\n style: { width: widthCh },\n }}\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n value={inputValue}\n textAlign={\"center\"}\n variant={inputVariant}\n />\n </FormField>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","GoToInput","useWindow","useComponentCssInjection","goToInputCss","usePaginationContext","useState","jsxs","FormField","clsx","jsx","FormFieldLabel","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAeA,0BAAa,eAAe,CAAA,CAAA;AAgB1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UACP,CAAA;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAe,GAAA,SAAA;AAAA,IACf,KAAQ,GAAA,OAAA;AAAA,IACL,GAAA,SAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,YAAa,EAAA,GAAIC,yCAAqB,EAAA,CAAA;AACrD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,EAAE,CAAA,CAAA;AAE/C,IAAM,MAAA,QAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,MAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAM,MAAA,SAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,MAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,QAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,QAAA,IACE,CAAC,UAAA,CAAW,UAAW,CAAA,GAAG,CAC1B,IAAA,CAAC,KAAM,CAAA,SAAS,CAChB,IAAA,SAAA,GAAY,CACZ,IAAA,SAAA,IAAa,KACb,EAAA;AACA,UAAA,YAAA,CAAa,OAAO,SAAS,CAAA,CAAA;AAAA,SAC/B;AACA,QAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,CAAG,EAAA,CAAA,EAAG,KAAQ,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAE9B,IAAA,uBACGC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACC,cAAe,EAAA,MAAA;AAAA,MACf,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,6BAAA,EAAA;AAAA,UAAgB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,wBACtBD,cAAA,CAAAE,WAAA,EAAA;AAAA,UACC,SAAW,EAAAH,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,YACrC,CAAC,YAAA,CAAa,kBAAkB,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,WAC7C,CAAA;AAAA,UACD,GAAK,EAAA,QAAA;AAAA,UACL,UAAY,EAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,OAAQ,EAAA;AAAA,WAC1B;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAA;AAAA,UACA,KAAO,EAAA,UAAA;AAAA,UACP,SAAW,EAAA,QAAA;AAAA,UACX,OAAS,EAAA,YAAA;AAAA,SACX,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1
+ {"version":3,"file":"GoToInput.js","sources":["../src/pagination/GoToInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n forwardRef,\n HTMLAttributes,\n KeyboardEventHandler,\n Ref,\n useState,\n} from \"react\";\nimport { FormField, FormFieldLabel } from \"../form-field\";\nimport { Input } from \"../input\";\nimport { makePrefixer } from \"../utils\";\nimport { usePaginationContext } from \"./usePaginationContext\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport goToInputCss from \"./GoToInput.css\";\n\nconst withBaseName = makePrefixer(\"saltGoToInput\");\nexport interface GoToInputProps extends HTMLAttributes<HTMLSpanElement> {\n /**\n * Input label.\n */\n label?: string;\n /**\n * Optional ref for the input component\n */\n inputRef?: Ref<HTMLInputElement>;\n /**\n * Change input variant.\n */\n inputVariant?: \"primary\" | \"secondary\";\n}\n\nexport const GoToInput = forwardRef<HTMLDivElement, GoToInputProps>(\n function GoToInput(\n {\n className,\n inputRef,\n inputVariant = \"primary\",\n label = \"Go to\",\n ...restProps\n },\n ref\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-go-to-input\",\n css: goToInputCss,\n window: targetWindow,\n });\n\n const { count, onPageChange } = usePaginationContext();\n const [inputValue, setInputValue] = useState(\"\");\n\n const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n setInputValue(event.target.value);\n };\n\n const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n if (event.key === \"Enter\") {\n const pageValue = Number(inputValue);\n if (\n !inputValue.startsWith(\"0\") &&\n !isNaN(pageValue) &&\n pageValue > 0 &&\n pageValue <= count\n ) {\n onPageChange(event, pageValue);\n }\n setInputValue(\"\");\n }\n };\n\n const onBlur = () => {\n setInputValue(\"\");\n };\n\n const widthCh = `${`${count}`.length}ch`;\n\n return (\n <FormField\n labelPlacement=\"left\"\n className={clsx(withBaseName(), className)}\n ref={ref}\n {...restProps}\n >\n <FormFieldLabel>{label}</FormFieldLabel>\n <Input\n className={clsx(withBaseName(\"input\"), {\n [withBaseName(\"inputDefaultSize\")]: count < 100,\n })}\n ref={inputRef}\n inputProps={{\n style: { width: widthCh },\n }}\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n value={inputValue}\n textAlign={\"center\"}\n variant={inputVariant}\n />\n </FormField>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","GoToInput","useWindow","useComponentCssInjection","goToInputCss","usePaginationContext","useState","jsxs","FormField","clsx","jsx","FormFieldLabel","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAeA,0BAAa,eAAe,CAAA,CAAA;AAgB1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UACP,CAAA;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAe,GAAA,SAAA;AAAA,IACf,KAAQ,GAAA,OAAA;AAAA,IACL,GAAA,SAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,YAAa,EAAA,GAAIC,yCAAqB,EAAA,CAAA;AACrD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,EAAE,CAAA,CAAA;AAE/C,IAAM,MAAA,QAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,MAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAM,MAAA,SAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,MAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,QAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,QAAA,IACE,CAAC,UAAA,CAAW,UAAW,CAAA,GAAG,CAC1B,IAAA,CAAC,KAAM,CAAA,SAAS,CAChB,IAAA,SAAA,GAAY,CACZ,IAAA,SAAA,IAAa,KACb,EAAA;AACA,UAAA,YAAA,CAAa,OAAO,SAAS,CAAA,CAAA;AAAA,SAC/B;AACA,QAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,CAAG,EAAA,CAAA,EAAG,KAAQ,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAE9B,IAAA,uBACGC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACC,cAAe,EAAA,MAAA;AAAA,MACf,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAAC,6BAAA,EAAA;AAAA,UAAgB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,wBACtBD,cAAA,CAAAE,WAAA,EAAA;AAAA,UACC,SAAW,EAAAH,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,YACrC,CAAC,YAAA,CAAa,kBAAkB,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,WAC7C,CAAA;AAAA,UACD,GAAK,EAAA,QAAA;AAAA,UACL,UAAY,EAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,OAAQ,EAAA;AAAA,WAC1B;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,SAAA;AAAA,UACA,KAAO,EAAA,UAAA;AAAA,UACP,SAAW,EAAA,QAAA;AAAA,UACX,OAAS,EAAA,YAAA;AAAA,SACX,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}