@cube-dev/ui-kit 0.0.0-canary-fad98a1 → 0.0.0-canary-4e8aabc

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 (577) hide show
  1. package/cjs/_internal/hooks/index.js +1 -5
  2. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  3. package/cjs/_internal/index.js +1 -1
  4. package/cjs/components/Base.js +1 -1
  5. package/cjs/components/Block.js +1 -1
  6. package/cjs/components/GlobalStyles.js +1 -1
  7. package/cjs/components/GridProvider.js +1 -1
  8. package/cjs/components/HiddenInput.js +1 -1
  9. package/cjs/components/OpenTrasition.js +1 -1
  10. package/cjs/components/Root.js +2 -3
  11. package/cjs/components/actions/Action.js +1 -1
  12. package/cjs/components/actions/Button/Button.js +1 -1
  13. package/cjs/components/actions/Button/Submit.js +1 -1
  14. package/cjs/components/actions/Button/index.js +1 -1
  15. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  16. package/cjs/components/actions/index.js +1 -1
  17. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  18. package/cjs/components/content/Alert/Alert.js +1 -1
  19. package/cjs/components/content/Alert/index.js +1 -1
  20. package/cjs/components/content/Alert/types.js +1 -1
  21. package/cjs/components/content/Alert/use-alert.js +1 -1
  22. package/cjs/components/content/Avatar/Avatar.js +1 -1
  23. package/cjs/components/content/Badge/Badge.js +1 -1
  24. package/cjs/components/content/Card/Card.js +1 -1
  25. package/cjs/components/content/Content.js +1 -1
  26. package/cjs/components/content/CopySnippet/CopySnippet.js +24 -11
  27. package/cjs/components/content/CopySnippet/index.js +1 -1
  28. package/cjs/components/content/Divider.js +1 -1
  29. package/cjs/components/content/Footer.js +1 -1
  30. package/cjs/components/content/Header.js +1 -1
  31. package/cjs/components/content/Paragraph.js +1 -1
  32. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  33. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  34. package/cjs/components/content/Result/Result.js +1 -1
  35. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  36. package/cjs/components/content/Tag/Tag.js +1 -1
  37. package/cjs/components/content/Text.js +1 -1
  38. package/cjs/components/content/Title.js +4 -4
  39. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  40. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  41. package/cjs/components/forms/Checkbox/context.js +1 -1
  42. package/cjs/components/forms/FieldWrapper.js +1 -1
  43. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  44. package/cjs/components/forms/Form/Field.js +9 -3
  45. package/cjs/components/forms/Form/Form.js +1 -1
  46. package/cjs/components/forms/Form/index.js +1 -1
  47. package/cjs/components/forms/Form/useForm.js +1 -1
  48. package/cjs/components/forms/Form/validation.js +1 -1
  49. package/cjs/components/forms/Input/Input.js +1 -1
  50. package/cjs/components/forms/Input/index.js +1 -1
  51. package/cjs/components/forms/Label.js +1 -1
  52. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  53. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  54. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  55. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  56. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  57. package/cjs/components/forms/RadioGroup/context.js +1 -1
  58. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  59. package/cjs/components/forms/Switch/Switch.js +1 -1
  60. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  61. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  62. package/cjs/components/forms/TextInput/TextInputBase.js +2 -2
  63. package/cjs/components/forms/index.js +1 -1
  64. package/cjs/components/layout/Flex.js +1 -1
  65. package/cjs/components/layout/Flow.js +1 -1
  66. package/cjs/components/layout/Grid.js +1 -1
  67. package/cjs/components/layout/Prefix.js +1 -1
  68. package/cjs/components/layout/Space.js +1 -1
  69. package/cjs/components/layout/Suffix.js +1 -1
  70. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  71. package/cjs/components/navigation/Link/Link.js +1 -1
  72. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  73. package/cjs/components/organisms/Modal/Modal.js +1 -1
  74. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  75. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  76. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  77. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  78. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
  79. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  80. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  81. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  82. package/cjs/components/overlays/Dialog/Dialog.js +6 -3
  83. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  84. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  85. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  86. package/cjs/components/overlays/Dialog/context.js +1 -1
  87. package/cjs/components/overlays/Dialog/index.js +1 -1
  88. package/cjs/components/overlays/Modal/Modal.js +1 -1
  89. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  90. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  91. package/cjs/components/overlays/Modal/Popover.js +1 -1
  92. package/cjs/components/overlays/Modal/Tray.js +1 -1
  93. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  94. package/cjs/components/overlays/Modal/index.js +1 -1
  95. package/cjs/components/overlays/Notification/Notification.js +1 -1
  96. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  97. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  98. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  99. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  100. package/cjs/components/overlays/Tooltip/context.js +1 -1
  101. package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
  102. package/cjs/components/pickers/Menu/Menu.js +1 -1
  103. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  104. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  105. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  106. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  107. package/cjs/components/pickers/Menu/context.js +1 -1
  108. package/cjs/components/pickers/Menu/styled.js +1 -1
  109. package/cjs/components/pickers/Select/Select.js +1 -1
  110. package/cjs/components/portal/Portal.js +1 -1
  111. package/cjs/components/portal/PortalProvider.js +1 -1
  112. package/cjs/components/portal/index.js +1 -1
  113. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  114. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  115. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  116. package/cjs/components/portal/storybook/templates/index.js +1 -1
  117. package/cjs/components/portal/types.js +1 -1
  118. package/cjs/components/portal/usePortal.js +1 -1
  119. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  120. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  121. package/cjs/components/status/Spin/Cube.js +1 -1
  122. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  123. package/cjs/components/status/Spin/Spin.js +1 -1
  124. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  125. package/cjs/components/status/Spin/index.js +1 -1
  126. package/cjs/components/status/Spin/types.js +1 -1
  127. package/cjs/components/status/index.js +1 -1
  128. package/cjs/data/themes.js +1 -1
  129. package/cjs/index.js +1 -3
  130. package/cjs/provider.js +1 -1
  131. package/cjs/providers/StyleProvider.js +1 -1
  132. package/cjs/services/notification.js +1 -4
  133. package/cjs/shared/form.js +1 -1
  134. package/cjs/shared/index.js +1 -1
  135. package/cjs/stories/FormFieldArgs.js +1 -1
  136. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  137. package/cjs/stories/components/DialogFormApp.js +1 -1
  138. package/cjs/stories/components/StyledButton.js +1 -1
  139. package/cjs/stories/lists/baseProps.js +1 -1
  140. package/cjs/styled/index.js +1 -1
  141. package/cjs/styled/styled.js +4 -5
  142. package/cjs/tasty/index.js +1 -1
  143. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  144. package/cjs/tasty/styles/align.js +1 -1
  145. package/cjs/tasty/styles/border.js +1 -1
  146. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  147. package/cjs/tasty/styles/color.js +1 -1
  148. package/cjs/tasty/styles/createStyle.js +1 -1
  149. package/cjs/tasty/styles/dimension.js +1 -1
  150. package/cjs/tasty/styles/display.js +1 -1
  151. package/cjs/tasty/styles/fill.js +1 -1
  152. package/cjs/tasty/styles/flow.js +1 -1
  153. package/cjs/tasty/styles/font.js +1 -1
  154. package/cjs/tasty/styles/fontStyle.js +1 -1
  155. package/cjs/tasty/styles/gap.js +1 -1
  156. package/cjs/tasty/styles/groupRadius.js +1 -1
  157. package/cjs/tasty/styles/height.js +1 -1
  158. package/cjs/tasty/styles/index.js +1 -1
  159. package/cjs/tasty/styles/justify.js +1 -1
  160. package/cjs/tasty/styles/list.js +1 -1
  161. package/cjs/tasty/styles/margin.js +1 -1
  162. package/cjs/tasty/styles/marginBlock.js +1 -1
  163. package/cjs/tasty/styles/marginInline.js +1 -1
  164. package/cjs/tasty/styles/outline.js +1 -1
  165. package/cjs/tasty/styles/padding.js +1 -1
  166. package/cjs/tasty/styles/paddingBlock.js +1 -1
  167. package/cjs/tasty/styles/paddingInline.js +1 -1
  168. package/cjs/tasty/styles/predefined.js +1 -1
  169. package/cjs/tasty/styles/preset.js +1 -1
  170. package/cjs/tasty/styles/radius.js +1 -1
  171. package/cjs/tasty/styles/reset.js +1 -1
  172. package/cjs/tasty/styles/shadow.js +1 -1
  173. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  174. package/cjs/tasty/styles/transition.js +1 -1
  175. package/cjs/tasty/styles/types.js +1 -1
  176. package/cjs/tasty/styles/width.js +1 -1
  177. package/cjs/tasty/tasty.js +3 -4
  178. package/cjs/tasty/types.js +1 -1
  179. package/cjs/tasty/utils/colors.js +1 -1
  180. package/cjs/tasty/utils/dotize.js +1 -1
  181. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  182. package/cjs/tasty/utils/index.js +1 -1
  183. package/cjs/tasty/utils/mergeStyles.js +1 -1
  184. package/cjs/tasty/utils/modAttrs.js +1 -1
  185. package/cjs/tasty/utils/renderStyles.js +1 -1
  186. package/cjs/tasty/utils/responsive.js +1 -1
  187. package/cjs/tasty/utils/string.js +1 -1
  188. package/cjs/tasty/utils/styles.js +1 -1
  189. package/cjs/tasty/utils/warnings.js +1 -1
  190. package/cjs/test/index.js +1 -2
  191. package/cjs/test/render.js +1 -12
  192. package/cjs/test/setup.js +1 -1
  193. package/cjs/test/utils/index.js +1 -1
  194. package/cjs/test/utils/wait.js +2 -2
  195. package/cjs/tokens.js +2 -2
  196. package/cjs/type-checks.js +1 -1
  197. package/cjs/utils/ResizeSensor.js +1 -1
  198. package/cjs/utils/modules.js +1 -1
  199. package/cjs/utils/promise.js +1 -1
  200. package/cjs/utils/react/Slots.js +4 -5
  201. package/cjs/utils/react/chain.js +1 -1
  202. package/cjs/utils/react/index.js +1 -12
  203. package/cjs/utils/react/interactions.js +1 -1
  204. package/cjs/utils/react/isTextOnly.js +1 -1
  205. package/cjs/utils/react/mapProps.js +1 -1
  206. package/cjs/utils/react/mergeProps.js +1 -1
  207. package/cjs/utils/react/nullableValue.js +1 -1
  208. package/cjs/utils/react/useCombinedRefs.js +1 -1
  209. package/cjs/utils/react/useId.js +1 -1
  210. package/cjs/utils/react/useLayoutEffect.js +1 -1
  211. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  212. package/cjs/utils/transitions.js +1 -1
  213. package/cjs/utils/tree.js +1 -1
  214. package/cjs/utils/warnings.js +1 -1
  215. package/es/_internal/hooks/index.js +1 -5
  216. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  217. package/es/_internal/index.js +1 -1
  218. package/es/components/Base.js +1 -1
  219. package/es/components/Block.js +1 -1
  220. package/es/components/GlobalStyles.js +1 -1
  221. package/es/components/GridProvider.js +1 -1
  222. package/es/components/HiddenInput.js +1 -1
  223. package/es/components/OpenTrasition.js +1 -1
  224. package/es/components/Root.js +2 -3
  225. package/es/components/actions/Action.js +1 -1
  226. package/es/components/actions/Button/Button.js +1 -1
  227. package/es/components/actions/Button/Submit.js +1 -1
  228. package/es/components/actions/Button/index.js +1 -1
  229. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  230. package/es/components/actions/index.js +1 -1
  231. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  232. package/es/components/content/Alert/Alert.js +1 -1
  233. package/es/components/content/Alert/index.js +1 -1
  234. package/es/components/content/Alert/types.js +1 -1
  235. package/es/components/content/Alert/use-alert.js +1 -1
  236. package/es/components/content/Avatar/Avatar.js +1 -1
  237. package/es/components/content/Badge/Badge.js +1 -1
  238. package/es/components/content/Card/Card.js +1 -1
  239. package/es/components/content/Content.js +1 -1
  240. package/es/components/content/CopySnippet/CopySnippet.js +24 -11
  241. package/es/components/content/CopySnippet/index.js +1 -1
  242. package/es/components/content/Divider.js +1 -1
  243. package/es/components/content/Footer.js +1 -1
  244. package/es/components/content/Header.js +1 -1
  245. package/es/components/content/Paragraph.js +1 -1
  246. package/es/components/content/Placeholder/Placeholder.js +1 -1
  247. package/es/components/content/PrismCode/PrismCode.js +1 -1
  248. package/es/components/content/Result/Result.js +1 -1
  249. package/es/components/content/Skeleton/Skeleton.js +1 -1
  250. package/es/components/content/Tag/Tag.js +1 -1
  251. package/es/components/content/Text.js +1 -1
  252. package/es/components/content/Title.js +4 -4
  253. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  254. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  255. package/es/components/forms/Checkbox/context.js +1 -1
  256. package/es/components/forms/FieldWrapper.js +1 -1
  257. package/es/components/forms/FileInput/FileInput.js +1 -1
  258. package/es/components/forms/Form/Field.js +9 -3
  259. package/es/components/forms/Form/Form.js +1 -1
  260. package/es/components/forms/Form/index.js +1 -1
  261. package/es/components/forms/Form/useForm.js +1 -1
  262. package/es/components/forms/Form/validation.js +1 -1
  263. package/es/components/forms/Input/Input.js +1 -1
  264. package/es/components/forms/Input/index.js +1 -1
  265. package/es/components/forms/Label.js +1 -1
  266. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  267. package/es/components/forms/NumberInput/StepButton.js +1 -1
  268. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  269. package/es/components/forms/RadioGroup/Radio.js +1 -1
  270. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  271. package/es/components/forms/RadioGroup/context.js +1 -1
  272. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  273. package/es/components/forms/Switch/Switch.js +1 -1
  274. package/es/components/forms/TextArea/TextArea.js +1 -1
  275. package/es/components/forms/TextInput/TextInput.js +1 -1
  276. package/es/components/forms/TextInput/TextInputBase.js +2 -2
  277. package/es/components/forms/index.js +1 -1
  278. package/es/components/layout/Flex.js +1 -1
  279. package/es/components/layout/Flow.js +1 -1
  280. package/es/components/layout/Grid.js +1 -1
  281. package/es/components/layout/Prefix.js +1 -1
  282. package/es/components/layout/Space.js +1 -1
  283. package/es/components/layout/Suffix.js +1 -1
  284. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  285. package/es/components/navigation/Link/Link.js +1 -1
  286. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  287. package/es/components/organisms/Modal/Modal.js +1 -1
  288. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  289. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  290. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  291. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  292. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
  293. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  294. package/es/components/overlays/AlertDialog/index.js +1 -1
  295. package/es/components/overlays/AlertDialog/types.js +1 -1
  296. package/es/components/overlays/Dialog/Dialog.js +6 -3
  297. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  298. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  299. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  300. package/es/components/overlays/Dialog/context.js +1 -1
  301. package/es/components/overlays/Dialog/index.js +1 -1
  302. package/es/components/overlays/Modal/Modal.js +1 -1
  303. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  304. package/es/components/overlays/Modal/Overlay.js +1 -1
  305. package/es/components/overlays/Modal/Popover.js +1 -1
  306. package/es/components/overlays/Modal/Tray.js +1 -1
  307. package/es/components/overlays/Modal/Underlay.js +1 -1
  308. package/es/components/overlays/Modal/index.js +1 -1
  309. package/es/components/overlays/Notification/Notification.js +1 -1
  310. package/es/components/overlays/OverlayWrapper.js +1 -1
  311. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  312. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  313. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  314. package/es/components/overlays/Tooltip/context.js +1 -1
  315. package/es/components/pickers/ComboBox/ComboBox.js +1 -1
  316. package/es/components/pickers/Menu/Menu.js +1 -1
  317. package/es/components/pickers/Menu/MenuButton.js +1 -1
  318. package/es/components/pickers/Menu/MenuItem.js +1 -1
  319. package/es/components/pickers/Menu/MenuSection.js +1 -1
  320. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  321. package/es/components/pickers/Menu/context.js +1 -1
  322. package/es/components/pickers/Menu/styled.js +1 -1
  323. package/es/components/pickers/Select/Select.js +1 -1
  324. package/es/components/portal/Portal.js +1 -1
  325. package/es/components/portal/PortalProvider.js +1 -1
  326. package/es/components/portal/index.js +1 -1
  327. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  328. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  329. package/es/components/portal/storybook/templates/basic.js +1 -1
  330. package/es/components/portal/storybook/templates/index.js +1 -1
  331. package/es/components/portal/types.js +1 -1
  332. package/es/components/portal/usePortal.js +1 -1
  333. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  334. package/es/components/status/LoadingAnimation/index.js +1 -1
  335. package/es/components/status/Spin/Cube.js +1 -1
  336. package/es/components/status/Spin/InternalSpinner.js +1 -1
  337. package/es/components/status/Spin/Spin.js +1 -1
  338. package/es/components/status/Spin/SpinsContainer.js +1 -1
  339. package/es/components/status/Spin/index.js +1 -1
  340. package/es/components/status/Spin/types.js +1 -1
  341. package/es/components/status/index.js +1 -1
  342. package/es/data/themes.js +1 -1
  343. package/es/index.js +1 -3
  344. package/es/provider.js +1 -1
  345. package/es/providers/StyleProvider.js +1 -1
  346. package/es/services/notification.js +1 -4
  347. package/es/shared/form.js +1 -1
  348. package/es/shared/index.js +1 -1
  349. package/es/stories/FormFieldArgs.js +1 -1
  350. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  351. package/es/stories/components/DialogFormApp.js +1 -1
  352. package/es/stories/components/StyledButton.js +1 -1
  353. package/es/stories/lists/baseProps.js +1 -1
  354. package/es/styled/index.js +1 -1
  355. package/es/styled/styled.js +4 -5
  356. package/es/tasty/index.js +1 -1
  357. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  358. package/es/tasty/styles/align.js +1 -1
  359. package/es/tasty/styles/border.js +1 -1
  360. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  361. package/es/tasty/styles/color.js +1 -1
  362. package/es/tasty/styles/createStyle.js +1 -1
  363. package/es/tasty/styles/dimension.js +1 -1
  364. package/es/tasty/styles/display.js +1 -1
  365. package/es/tasty/styles/fill.js +1 -1
  366. package/es/tasty/styles/flow.js +1 -1
  367. package/es/tasty/styles/font.js +1 -1
  368. package/es/tasty/styles/fontStyle.js +1 -1
  369. package/es/tasty/styles/gap.js +1 -1
  370. package/es/tasty/styles/groupRadius.js +1 -1
  371. package/es/tasty/styles/height.js +1 -1
  372. package/es/tasty/styles/index.js +1 -1
  373. package/es/tasty/styles/justify.js +1 -1
  374. package/es/tasty/styles/list.js +1 -1
  375. package/es/tasty/styles/margin.js +1 -1
  376. package/es/tasty/styles/marginBlock.js +1 -1
  377. package/es/tasty/styles/marginInline.js +1 -1
  378. package/es/tasty/styles/outline.js +1 -1
  379. package/es/tasty/styles/padding.js +1 -1
  380. package/es/tasty/styles/paddingBlock.js +1 -1
  381. package/es/tasty/styles/paddingInline.js +1 -1
  382. package/es/tasty/styles/predefined.js +1 -1
  383. package/es/tasty/styles/preset.js +1 -1
  384. package/es/tasty/styles/radius.js +1 -1
  385. package/es/tasty/styles/reset.js +1 -1
  386. package/es/tasty/styles/shadow.js +1 -1
  387. package/es/tasty/styles/styledScrollbar.js +1 -1
  388. package/es/tasty/styles/transition.js +1 -1
  389. package/es/tasty/styles/types.js +1 -1
  390. package/es/tasty/styles/width.js +1 -1
  391. package/es/tasty/tasty.js +3 -4
  392. package/es/tasty/types.js +1 -1
  393. package/es/tasty/utils/colors.js +1 -1
  394. package/es/tasty/utils/dotize.js +1 -1
  395. package/es/tasty/utils/filterBaseProps.js +1 -1
  396. package/es/tasty/utils/index.js +1 -1
  397. package/es/tasty/utils/mergeStyles.js +1 -1
  398. package/es/tasty/utils/modAttrs.js +1 -1
  399. package/es/tasty/utils/renderStyles.js +1 -1
  400. package/es/tasty/utils/responsive.js +1 -1
  401. package/es/tasty/utils/string.js +1 -1
  402. package/es/tasty/utils/styles.js +1 -1
  403. package/es/tasty/utils/warnings.js +1 -1
  404. package/es/test/index.js +1 -2
  405. package/es/test/render.js +1 -2
  406. package/es/test/setup.js +1 -1
  407. package/es/test/utils/index.js +1 -1
  408. package/es/test/utils/wait.js +2 -2
  409. package/es/tokens.js +2 -2
  410. package/es/type-checks.js +1 -1
  411. package/es/utils/ResizeSensor.js +1 -1
  412. package/es/utils/modules.js +1 -1
  413. package/es/utils/promise.js +1 -1
  414. package/es/utils/react/Slots.js +4 -5
  415. package/es/utils/react/chain.js +1 -1
  416. package/es/utils/react/index.js +1 -2
  417. package/es/utils/react/interactions.js +1 -1
  418. package/es/utils/react/isTextOnly.js +1 -1
  419. package/es/utils/react/mapProps.js +1 -1
  420. package/es/utils/react/mergeProps.js +1 -1
  421. package/es/utils/react/nullableValue.js +1 -1
  422. package/es/utils/react/useCombinedRefs.js +1 -1
  423. package/es/utils/react/useId.js +1 -1
  424. package/es/utils/react/useLayoutEffect.js +1 -1
  425. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  426. package/es/utils/transitions.js +1 -1
  427. package/es/utils/tree.js +1 -1
  428. package/es/utils/warnings.js +1 -1
  429. package/package.json +1 -2
  430. package/types/_internal/hooks/index.d.ts +0 -4
  431. package/types/components/actions/Button/Button.d.ts +1 -1
  432. package/types/components/forms/Form/Field.d.ts +4 -0
  433. package/types/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts +1 -1
  434. package/types/index.d.ts +0 -2
  435. package/types/services/notification.d.ts +0 -3
  436. package/types/stories/components/StyledButton.d.ts +1 -1
  437. package/types/test/index.d.ts +0 -1
  438. package/types/test/render.d.ts +0 -1
  439. package/types/utils/react/index.d.ts +0 -1
  440. package/cjs/_internal/hooks/use-chained-callback.js +0 -23
  441. package/cjs/_internal/hooks/use-event.js +0 -26
  442. package/cjs/_internal/hooks/use-sync-ref.js +0 -21
  443. package/cjs/_internal/hooks/use-timer/index.js +0 -23
  444. package/cjs/_internal/hooks/use-timer/timer.js +0 -61
  445. package/cjs/_internal/hooks/use-timer/use-timer.js +0 -49
  446. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +0 -49
  447. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +0 -66
  448. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +0 -61
  449. package/cjs/components/overlays/NewNotifications/Bar/index.js +0 -22
  450. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +0 -43
  451. package/cjs/components/overlays/NewNotifications/Dialog/index.js +0 -22
  452. package/cjs/components/overlays/NewNotifications/Notification.js +0 -40
  453. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +0 -32
  454. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +0 -40
  455. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +0 -30
  456. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +0 -65
  457. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +0 -21
  458. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +0 -67
  459. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +0 -30
  460. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +0 -80
  461. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +0 -23
  462. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +0 -11
  463. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +0 -25
  464. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +0 -15
  465. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +0 -24
  466. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +0 -90
  467. package/cjs/components/overlays/NewNotifications/NotificationsList.js +0 -43
  468. package/cjs/components/overlays/NewNotifications/hooks/index.js +0 -26
  469. package/cjs/components/overlays/NewNotifications/hooks/types.js +0 -11
  470. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +0 -18
  471. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +0 -24
  472. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +0 -33
  473. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +0 -22
  474. package/cjs/components/overlays/NewNotifications/index.js +0 -30
  475. package/cjs/components/overlays/NewNotifications/types.js +0 -11
  476. package/cjs/components/overlays/Toasts/Toast.js +0 -40
  477. package/cjs/components/overlays/Toasts/index.js +0 -23
  478. package/cjs/components/overlays/Toasts/types.js +0 -11
  479. package/cjs/components/overlays/Toasts/use-toasts-api.js +0 -43
  480. package/cjs/icons/Attention.js +0 -17
  481. package/cjs/icons/Cross.js +0 -17
  482. package/cjs/icons/Danger.js +0 -17
  483. package/cjs/icons/Success.js +0 -17
  484. package/cjs/icons/index.js +0 -25
  485. package/cjs/utils/react/get-display-name.js +0 -21
  486. package/es/_internal/hooks/use-chained-callback.js +0 -19
  487. package/es/_internal/hooks/use-event.js +0 -22
  488. package/es/_internal/hooks/use-sync-ref.js +0 -17
  489. package/es/_internal/hooks/use-timer/index.js +0 -11
  490. package/es/_internal/hooks/use-timer/timer.js +0 -57
  491. package/es/_internal/hooks/use-timer/use-timer.js +0 -45
  492. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +0 -46
  493. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +0 -62
  494. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +0 -54
  495. package/es/components/overlays/NewNotifications/Bar/index.js +0 -10
  496. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +0 -38
  497. package/es/components/overlays/NewNotifications/Dialog/index.js +0 -10
  498. package/es/components/overlays/NewNotifications/Notification.js +0 -36
  499. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +0 -28
  500. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +0 -37
  501. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +0 -27
  502. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +0 -40
  503. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +0 -18
  504. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +0 -64
  505. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +0 -22
  506. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +0 -77
  507. package/es/components/overlays/NewNotifications/NotificationView/index.js +0 -11
  508. package/es/components/overlays/NewNotifications/NotificationView/types.js +0 -10
  509. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +0 -21
  510. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +0 -10
  511. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +0 -17
  512. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +0 -86
  513. package/es/components/overlays/NewNotifications/NotificationsList.js +0 -39
  514. package/es/components/overlays/NewNotifications/hooks/index.js +0 -14
  515. package/es/components/overlays/NewNotifications/hooks/types.js +0 -10
  516. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +0 -14
  517. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +0 -17
  518. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +0 -29
  519. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +0 -18
  520. package/es/components/overlays/NewNotifications/index.js +0 -15
  521. package/es/components/overlays/NewNotifications/types.js +0 -10
  522. package/es/components/overlays/Toasts/Toast.js +0 -36
  523. package/es/components/overlays/Toasts/index.js +0 -11
  524. package/es/components/overlays/Toasts/types.js +0 -10
  525. package/es/components/overlays/Toasts/use-toasts-api.js +0 -39
  526. package/es/icons/Attention.js +0 -13
  527. package/es/icons/Cross.js +0 -13
  528. package/es/icons/Danger.js +0 -13
  529. package/es/icons/Success.js +0 -13
  530. package/es/icons/index.js +0 -13
  531. package/es/utils/react/get-display-name.js +0 -17
  532. package/types/_internal/hooks/use-chained-callback.d.ts +0 -1
  533. package/types/_internal/hooks/use-event.d.ts +0 -7
  534. package/types/_internal/hooks/use-sync-ref.d.ts +0 -2
  535. package/types/_internal/hooks/use-timer/index.d.ts +0 -2
  536. package/types/_internal/hooks/use-timer/timer.d.ts +0 -15
  537. package/types/_internal/hooks/use-timer/use-timer.d.ts +0 -10
  538. package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +0 -12
  539. package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +0 -13
  540. package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +0 -4
  541. package/types/components/overlays/NewNotifications/Bar/index.d.ts +0 -1
  542. package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts +0 -11
  543. package/types/components/overlays/NewNotifications/Dialog/index.d.ts +0 -1
  544. package/types/components/overlays/NewNotifications/Notification.d.ts +0 -8
  545. package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +0 -10
  546. package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +0 -7
  547. package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +0 -8
  548. package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +0 -10
  549. package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +0 -8
  550. package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +0 -3
  551. package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +0 -7
  552. package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +0 -3
  553. package/types/components/overlays/NewNotifications/NotificationView/index.d.ts +0 -2
  554. package/types/components/overlays/NewNotifications/NotificationView/types.d.ts +0 -15
  555. package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts +0 -9
  556. package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts +0 -1
  557. package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.d.ts +0 -1
  558. package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +0 -8
  559. package/types/components/overlays/NewNotifications/NotificationsList.d.ts +0 -20
  560. package/types/components/overlays/NewNotifications/hooks/index.d.ts +0 -5
  561. package/types/components/overlays/NewNotifications/hooks/types.d.ts +0 -10
  562. package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts +0 -9
  563. package/types/components/overlays/NewNotifications/hooks/use-notifications-api.d.ts +0 -1
  564. package/types/components/overlays/NewNotifications/hooks/use-notifications-list.d.ts +0 -12
  565. package/types/components/overlays/NewNotifications/hooks/use-notifications-observer.d.ts +0 -2
  566. package/types/components/overlays/NewNotifications/index.d.ts +0 -8
  567. package/types/components/overlays/NewNotifications/types.d.ts +0 -93
  568. package/types/components/overlays/Toasts/Toast.d.ts +0 -8
  569. package/types/components/overlays/Toasts/index.d.ts +0 -3
  570. package/types/components/overlays/Toasts/types.d.ts +0 -23
  571. package/types/components/overlays/Toasts/use-toasts-api.d.ts +0 -6
  572. package/types/icons/Attention.d.ts +0 -2
  573. package/types/icons/Cross.d.ts +0 -2
  574. package/types/icons/Danger.d.ts +0 -2
  575. package/types/icons/Success.d.ts +0 -2
  576. package/types/icons/index.d.ts +0 -4
  577. package/types/utils/react/get-display-name.d.ts +0 -2
@@ -1,77 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
- import { forwardRef } from 'react';
10
- import { useHover } from '@react-aria/interactions';
11
- import { useFocusRing } from '@react-aria/focus';
12
- import { mergeProps, useId } from '@react-aria/utils';
13
- import { tasty } from '../../../../tasty';
14
- import { useEvent, useTimer } from '../../../../_internal';
15
- import { ClearSlots } from '../../../../utils/react';
16
- import { NotificationIcon } from './NotificationIcon';
17
- import { NotificationHeader } from './NotificationHeader';
18
- import { NotificationDescription } from './NotificationDescription';
19
- import { NotificationFooter } from './NotificationFooter';
20
- import { NotificationCloseButton } from './NotificationCloseButton';
21
- import { NotificationProvider } from './NotificationProvider';
22
- const NotificationContainer = tasty({
23
- styles: {
24
- boxSizing: 'border-box',
25
- position: 'relative',
26
- display: 'grid',
27
- width: '100%',
28
- padding: '1.5x 1x 1.5x 1.5x',
29
- radius: '0.5x',
30
- gridAreas: `
31
- "icon . header"
32
- "icon . description"
33
- ". . footer"
34
- `,
35
- gridColumns: 'min-content 1x minmax(0, auto)',
36
- gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
37
- fill: '#white',
38
- boxShadow: {
39
- '': '0 0 0 4bw #purple-04.0 inset',
40
- focused: '0 0 0 4bw #purple-04 inset',
41
- },
42
- '&::before': {
43
- zIndex: 0,
44
- content: '""',
45
- position: 'absolute',
46
- top: '-8px',
47
- left: '0',
48
- right: '-8px',
49
- bottom: '0',
50
- display: { '': 'none', 'is-dismissible': 'flex' },
51
- },
52
- },
53
- });
54
- export const NotificationView = forwardRef(function NotificationView(props, ref) {
55
- const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
56
- const labelID = useId();
57
- const descriptionID = useId();
58
- const onCloseEvent = useEvent(() => {
59
- onClose === null || onClose === void 0 ? void 0 : onClose();
60
- });
61
- const onDismissEvent = useEvent(() => {
62
- if (isDismissible) {
63
- onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
64
- }
65
- });
66
- const { hoverProps, isHovered } = useHover({});
67
- const { isFocusVisible, focusProps } = useFocusRing({ within: true });
68
- useTimer({
69
- timer: propsTimer,
70
- delay: duration,
71
- callback: onDismissEvent,
72
- isDisabled: isFocusVisible || isHovered || !isDismissible,
73
- });
74
- return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), header && _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
75
- });
76
-
77
-
@@ -1,11 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export * from './NotificationView';
9
- export * from './NotificationAction';
10
-
11
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export {};
9
-
10
-
@@ -1,21 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
- import { createContext, useMemo } from 'react';
10
- import { Portal } from '../../../portal';
11
- import { NotificationsBar } from '../Bar';
12
- import { useNotifications } from './use-notifications';
13
- export const NotificationsContext = createContext(null);
14
- export function NotificationsProvider(props) {
15
- const { children, rootRef } = props;
16
- const { toasts, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
17
- const providerValue = useMemo(() => ({ api, addOnDismissListener }), []);
18
- return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
19
- }
20
-
21
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export { NotificationsProvider, NotificationsContext, } from './NotificationsProvider';
9
-
10
-
@@ -1,17 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useContext } from 'react';
9
- import invariant from 'tiny-invariant';
10
- import { NotificationsContext } from './NotificationsProvider';
11
- export function useNotificationsApi() {
12
- const context = useContext(NotificationsContext);
13
- invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
14
- return context.api;
15
- }
16
-
17
-
@@ -1,86 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useEffect, useMemo, useRef, useState } from 'react';
9
- import { useEvent } from '../../../../_internal';
10
- const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
11
- export function useNotifications(rootRef) {
12
- const idRef = useRef(0);
13
- const listeners = useRef([]);
14
- const [toasts, setToasts] = useState(new Map());
15
- const addToast = Object.assign(useEvent((props) => {
16
- const nextID = idRef.current++;
17
- const { id = nextID, duration, isDismissible = true, ...rest } = props;
18
- setToasts((toasts) => {
19
- const newToasts = new Map(toasts);
20
- newToasts.set(id, {
21
- id,
22
- duration: isDismissible ? 5000 : null,
23
- ...rest,
24
- });
25
- return newToasts;
26
- });
27
- return {
28
- id,
29
- remove: () => removeToast(id),
30
- update: (props) => updateToast(id, props),
31
- };
32
- }), {
33
- success: (props) => addToast({ type: 'success', ...props }),
34
- danger: (props) => addToast({ type: 'danger', ...props }),
35
- attention: (props) => addToast({ type: 'attention', ...props }),
36
- });
37
- const updateToast = useEvent((id, props) => {
38
- setToasts((toasts) => {
39
- const currentToast = toasts.get(id);
40
- if (currentToast) {
41
- const newToasts = new Map(toasts);
42
- newToasts.set(id, {
43
- ...currentToast,
44
- ...props,
45
- });
46
- return newToasts;
47
- }
48
- return toasts;
49
- });
50
- });
51
- const removeToast = useEvent((id) => {
52
- setToasts((toasts) => {
53
- if (toasts.has(id)) {
54
- const newToasts = new Map(toasts);
55
- newToasts.delete(id);
56
- return newToasts;
57
- }
58
- return toasts;
59
- });
60
- });
61
- const onDismissNotification = useEvent((id) => {
62
- var _a;
63
- const toast = toasts.get(id);
64
- if ((toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) !== false) {
65
- (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
66
- }
67
- });
68
- const addOnDismissListener = useEvent((listener) => {
69
- var _a;
70
- const callback = (e) => listener(e.detail);
71
- const unsub = () => { var _a; return (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(DISMISS_EVENT_NAME, callback); };
72
- listeners.current.push(unsub);
73
- (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(DISMISS_EVENT_NAME, callback);
74
- return unsub;
75
- });
76
- useEffect(() => () => listeners.current.forEach((cb) => cb()), []);
77
- const api = useMemo(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
78
- return {
79
- api,
80
- toasts: useMemo(() => [...toasts.values()], [toasts]),
81
- onDismissNotification,
82
- addOnDismissListener,
83
- };
84
- }
85
-
86
-
@@ -1,39 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- import { useRef } from 'react';
10
- import { Item } from '@react-stately/collections';
11
- import { tasty } from '../../../tasty';
12
- import { NotificationView } from './NotificationView';
13
- import { useNotificationListItem, useNotificationsList, } from './hooks';
14
- const NotificationListContainer = tasty({
15
- styles: { boxSizing: 'border-box', width: '100%' },
16
- });
17
- export function NotificationsList(props) {
18
- const { items, children } = props;
19
- const ref = useRef(null);
20
- const { state, listProps } = useNotificationsList({
21
- items,
22
- children,
23
- ref,
24
- });
25
- return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
26
- }
27
- NotificationsList.Item = Item;
28
- const notificationStyles = {
29
- borderBottom: { '': '1bw solid #border', ':last-child': 'none' },
30
- };
31
- function NotificationListItem(props) {
32
- const { item, state } = props;
33
- const { key, props: notificationProps } = item;
34
- const ref = useRef(null);
35
- const { itemProps } = useNotificationListItem({ ref, key, state });
36
- return (_jsx(NotificationView, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
37
- }
38
-
39
-
@@ -1,14 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export * from './use-notifications-list';
9
- export * from './use-notification-list-item';
10
- export * from './use-notifications-api';
11
- export * from './use-notifications-observer';
12
- export * from './types';
13
-
14
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export {};
9
-
10
-
@@ -1,14 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useSelectableItem } from '@react-aria/selection';
9
- export function useNotificationListItem(props) {
10
- const { ref, key, state: { selectionManager }, } = props;
11
- return useSelectableItem({ ref, key, selectionManager });
12
- }
13
-
14
-
@@ -1,17 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useContext } from 'react';
9
- import invariant from 'tiny-invariant';
10
- import { NotificationsContext } from '../NotificationsContext';
11
- export function useNotificationsApi() {
12
- const context = useContext(NotificationsContext);
13
- invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
14
- return context.api;
15
- }
16
-
17
-
@@ -1,29 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useListState } from '@react-stately/list';
9
- import { useSelectableList } from '@react-aria/selection';
10
- export function useNotificationsList(props) {
11
- const { ref, children, items } = props;
12
- const state = useListState({
13
- selectionMode: 'none',
14
- children: children,
15
- items: items,
16
- suppressTextValueWarning: true,
17
- });
18
- const { listProps } = useSelectableList({
19
- ref,
20
- allowsTabNavigation: true,
21
- ...state,
22
- });
23
- return {
24
- listProps,
25
- state,
26
- };
27
- }
28
-
29
-
@@ -1,18 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useContext, useEffect } from 'react';
9
- import { useEvent } from '../../../../_internal';
10
- import { NotificationsContext } from '../NotificationsContext';
11
- export function useNotificationsObserver(callback) {
12
- var _a;
13
- const { addOnDismissListener } = (_a = useContext(NotificationsContext)) !== null && _a !== void 0 ? _a : {};
14
- const callbackEvent = useEvent(callback);
15
- useEffect(() => addOnDismissListener === null || addOnDismissListener === void 0 ? void 0 : addOnDismissListener(callbackEvent), [addOnDismissListener]);
16
- }
17
-
18
-
@@ -1,15 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export { NotificationsProvider } from './NotificationsContext';
9
- export * from './NotificationsList';
10
- export * from './hooks';
11
- export { NotificationAction } from './NotificationView';
12
- export * from './Dialog';
13
- export * from './Notification';
14
-
15
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export {};
9
-
10
-
@@ -1,36 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- import { useEffect } from 'react';
10
- import { useId } from '@react-aria/utils';
11
- import { useToastsApi } from './use-toasts-api';
12
- export function Toast(props) {
13
- const { id: propsId } = props;
14
- const { toast, update, remove } = useToastsApi();
15
- const defaultId = useId();
16
- const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
17
- useEffect(() => {
18
- toast({ ...props, id });
19
- return () => remove(id);
20
- }, [id]);
21
- useEffect(() => {
22
- update(id, props);
23
- });
24
- return null;
25
- }
26
- Toast.Success = function ToastSuccess(props) {
27
- return _jsx(Toast, { type: "success", ...props }, void 0);
28
- };
29
- Toast.Danger = function ToastDanger(props) {
30
- return _jsx(Toast, { type: "danger", ...props }, void 0);
31
- };
32
- Toast.Attention = function ToastAttention(props) {
33
- return _jsx(Toast, { type: "attention", ...props }, void 0);
34
- };
35
-
36
-
@@ -1,11 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export * from './use-toasts-api';
9
- export * from './Toast';
10
-
11
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export {};
9
-
10
-
@@ -1,39 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useMemo } from 'react';
9
- import { isElement, isFragment } from 'react-is';
10
- import { useNotificationsApi } from '../NewNotifications';
11
- export function useToastsApi() {
12
- const { notify, update, remove } = useNotificationsApi();
13
- const toast = useMemo(() => Object.assign((props) => notify({
14
- isDismissible: true,
15
- putNotificationInDropdownOnDismiss: false,
16
- duration: 5000,
17
- ...unwrapProps(props),
18
- }), {
19
- success: (props) => toast({ type: 'success', ...unwrapProps(props) }),
20
- danger: (props) => toast({ type: 'danger', ...unwrapProps(props) }),
21
- attention: (props) => toast({ type: 'attention', ...unwrapProps(props) }),
22
- }), []);
23
- return { toast, update, remove };
24
- }
25
- function unwrapProps(props) {
26
- return {
27
- ...(propsIsDescription(props)
28
- ? { description: props }
29
- : props),
30
- };
31
- }
32
- function propsIsDescription(props) {
33
- return (isElement(props) ||
34
- isFragment(props) ||
35
- typeof props === 'string' ||
36
- typeof props === 'number');
37
- }
38
-
39
-
@@ -1,13 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- export function Attention() {
10
- return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z" }, void 0) }, void 0));
11
- }
12
-
13
-
package/es/icons/Cross.js DELETED
@@ -1,13 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- export function Cross() {
10
- return (_jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m9.1 8 4.67-4.67a.78.78 0 1 0-1.1-1.1L8 6.9 3.33 2.23a.78.78 0 1 0-1.1 1.1L6.9 8l-4.67 4.67a.78.78 0 1 0 1.1 1.1L8 9.1l4.67 4.67a.78.78 0 0 0 1.1 0c.3-.3.3-.8 0-1.1L9.1 8Z" }, void 0) }, void 0));
11
- }
12
-
13
-
@@ -1,13 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
- export function Danger() {
10
- return (_jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }, void 0), _jsx("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" }, void 0)] }, void 0));
11
- }
12
-
13
-
@@ -1,13 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- export function Success() {
10
- return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }, void 0) }, void 0));
11
- }
12
-
13
-
package/es/icons/index.js DELETED
@@ -1,13 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- export * from './Danger';
9
- export * from './Attention';
10
- export * from './Success';
11
- export * from './Cross';
12
-
13
-
@@ -1,17 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-fad98a1
5
- * Released under the MIT license.
6
- */
7
-
8
- const DEFAULT_NAME = 'Anonymous';
9
- export function getDisplayName(Component, fallbackName = DEFAULT_NAME) {
10
- var _a, _b;
11
- if (typeof Component === 'function') {
12
- return (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : fallbackName;
13
- }
14
- return fallbackName;
15
- }
16
-
17
-
@@ -1 +0,0 @@
1
- export declare function useChainedCallback(...callbacks: (((...args: any) => any) | null | undefined | boolean)[]): (...args: any[]) => void;
@@ -1,7 +0,0 @@
1
- /**
2
- * useEvent shim from the latest React RFC.
3
- *
4
- * @see https://github.com/reactjs/rfcs/pull/220
5
- * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
6
- */
7
- export declare function useEvent<Func extends (...args: Args) => Result, Args extends Parameters<any> = Parameters<Func>, Result extends ReturnType<any> = ReturnType<Func>>(callback: Func): (...args: Args) => Result;
@@ -1,2 +0,0 @@
1
- import { MutableRefObject } from 'react';
2
- export declare function useSyncRef<T>(value: T): MutableRefObject<T>;
@@ -1,2 +0,0 @@
1
- export * from './timer';
2
- export * from './use-timer';
@@ -1,15 +0,0 @@
1
- export declare class Timer {
2
- private readonly callback;
3
- private readonly delay;
4
- private remaining;
5
- private timerId;
6
- private startTime;
7
- private _status;
8
- get status(): "paused" | "running" | "stopped";
9
- private set status(value);
10
- constructor(callback: () => unknown, delay: number);
11
- reset(): void;
12
- pause(): void;
13
- resume(): void;
14
- private clear;
15
- }
@@ -1,10 +0,0 @@
1
- import { Timer } from './timer';
2
- export declare type UseTimerProps = {
3
- callback?: () => void;
4
- delay?: number | null;
5
- isDisabled?: boolean;
6
- timer?: Timer | null;
7
- };
8
- export declare function useTimer(props?: UseTimerProps): {
9
- readonly timer: Timer | null;
10
- };