@channel.io/bezier-react 2.3.0 → 2.3.1

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 (209) hide show
  1. package/dist/cjs/components/AlphaAvatar/Avatar.js +2 -1
  2. package/dist/cjs/components/AlphaAvatar/Avatar.js.map +1 -1
  3. package/dist/cjs/components/AlphaAvatar/useProgressiveImage.js +2 -2
  4. package/dist/cjs/components/AlphaAvatar/useProgressiveImage.js.map +1 -1
  5. package/dist/cjs/components/AlphaAvatarGroup/AvatarGroup.js +2 -1
  6. package/dist/cjs/components/AlphaAvatarGroup/AvatarGroup.js.map +1 -1
  7. package/dist/cjs/components/AlphaButton/Button.module.scss.js +1 -1
  8. package/dist/cjs/components/AlphaIconButton/IconButton.module.scss.js +1 -1
  9. package/dist/cjs/components/AlphaStatusBadge/StatusBadge.js +50 -0
  10. package/dist/cjs/components/AlphaStatusBadge/StatusBadge.js.map +1 -0
  11. package/dist/cjs/components/AlphaStatusBadge/StatusBadge.module.scss.js +8 -0
  12. package/dist/cjs/components/AlphaStatusBadge/StatusBadge.module.scss.js.map +1 -0
  13. package/dist/cjs/components/AlphaToggleButton/ToggleButton.js +2 -1
  14. package/dist/cjs/components/AlphaToggleButton/ToggleButton.js.map +1 -1
  15. package/dist/cjs/components/Avatar/useProgressiveImage.js +2 -2
  16. package/dist/cjs/components/Avatar/useProgressiveImage.js.map +1 -1
  17. package/dist/cjs/components/AvatarGroup/AvatarGroup.js +2 -1
  18. package/dist/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
  19. package/dist/cjs/components/Badge/Badge.js +1 -1
  20. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  21. package/dist/cjs/components/Button/Button.js +1 -1
  22. package/dist/cjs/components/Button/Button.js.map +1 -1
  23. package/dist/cjs/components/Checkbox/Checkbox.js +1 -1
  24. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  25. package/dist/cjs/components/Emoji/Emoji.js +1 -1
  26. package/dist/cjs/components/Emoji/Emoji.js.map +1 -1
  27. package/dist/cjs/components/FormControl/FormControl.js +2 -1
  28. package/dist/cjs/components/FormControl/FormControl.js.map +1 -1
  29. package/dist/cjs/components/FormGroup/FormGroup.js +2 -1
  30. package/dist/cjs/components/FormGroup/FormGroup.js.map +1 -1
  31. package/dist/cjs/components/FormHelperText/FormHelperText.js +3 -2
  32. package/dist/cjs/components/FormHelperText/FormHelperText.js.map +1 -1
  33. package/dist/cjs/components/FormLabel/FormLabel.js +4 -3
  34. package/dist/cjs/components/FormLabel/FormLabel.js.map +1 -1
  35. package/dist/cjs/components/Icon/Icon.js +1 -1
  36. package/dist/cjs/components/Icon/Icon.js.map +1 -1
  37. package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js +2 -1
  38. package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js.map +1 -1
  39. package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js +1 -1
  40. package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map +1 -1
  41. package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js +2 -2
  42. package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map +1 -1
  43. package/dist/cjs/components/ListItem/ListItem.js +1 -1
  44. package/dist/cjs/components/ListItem/ListItem.js.map +1 -1
  45. package/dist/cjs/components/Modal/Modal.js +3 -3
  46. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  47. package/dist/cjs/components/NavGroup/NavGroup.js +1 -1
  48. package/dist/cjs/components/NavGroup/NavGroup.js.map +1 -1
  49. package/dist/cjs/components/NavItem/NavItem.js +1 -1
  50. package/dist/cjs/components/NavItem/NavItem.js.map +1 -1
  51. package/dist/cjs/components/OutlineItem/OutlineItem.js +1 -1
  52. package/dist/cjs/components/OutlineItem/OutlineItem.js.map +1 -1
  53. package/dist/cjs/components/Overlay/Overlay.js +5 -4
  54. package/dist/cjs/components/Overlay/Overlay.js.map +1 -1
  55. package/dist/cjs/components/SegmentedControl/SegmentedControl.js +1 -1
  56. package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  57. package/dist/cjs/components/Select/Select.js +4 -3
  58. package/dist/cjs/components/Select/Select.js.map +1 -1
  59. package/dist/cjs/components/Slider/Slider.js +1 -1
  60. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  61. package/dist/cjs/components/SmoothCornersBox/SmoothCornersBox.js +7 -6
  62. package/dist/cjs/components/SmoothCornersBox/SmoothCornersBox.js.map +1 -1
  63. package/dist/cjs/components/Status/Status.js +1 -1
  64. package/dist/cjs/components/Status/Status.js.map +1 -1
  65. package/dist/cjs/components/Tag/Tag.js +1 -1
  66. package/dist/cjs/components/Tag/Tag.js.map +1 -1
  67. package/dist/cjs/components/TextArea/TextArea.js +4 -2
  68. package/dist/cjs/components/TextArea/TextArea.js.map +1 -1
  69. package/dist/cjs/components/TextField/TextField.js +19 -9
  70. package/dist/cjs/components/TextField/TextField.js.map +1 -1
  71. package/dist/cjs/components/Toast/Toast.js +29 -26
  72. package/dist/cjs/components/Toast/Toast.js.map +1 -1
  73. package/dist/cjs/components/Toast/ToastService.js +1 -1
  74. package/dist/cjs/components/Toast/ToastService.js.map +1 -1
  75. package/dist/cjs/components/Toast/useToastContextValues.js +2 -2
  76. package/dist/cjs/components/Toast/useToastContextValues.js.map +1 -1
  77. package/dist/cjs/components/Tooltip/Tooltip.js +4 -4
  78. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  79. package/dist/cjs/hooks/useKeyboardActionLockerWhileComposing.js +1 -1
  80. package/dist/cjs/hooks/useKeyboardActionLockerWhileComposing.js.map +1 -1
  81. package/dist/cjs/index.js +2 -0
  82. package/dist/cjs/index.js.map +1 -1
  83. package/dist/cjs/node_modules/@radix-ui/react-dialog/dist/index.js +17 -1
  84. package/dist/cjs/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
  85. package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js +5 -1
  86. package/dist/cjs/node_modules/@radix-ui/react-popper/dist/index.js.map +1 -1
  87. package/dist/cjs/node_modules/@radix-ui/react-portal/dist/index.js +1 -1
  88. package/dist/cjs/node_modules/@radix-ui/react-slot/dist/index.js +1 -1
  89. package/dist/cjs/node_modules/react-remove-scroll/dist/es2015/UI.js +3 -3
  90. package/dist/cjs/node_modules/react-remove-scroll/dist/es2015/UI.js.map +1 -1
  91. package/dist/cjs/styles.css +1 -1
  92. package/dist/cjs/utils/assert.js +1 -1
  93. package/dist/cjs/utils/assert.js.map +1 -1
  94. package/dist/esm/components/AlphaAvatar/Avatar.mjs +2 -1
  95. package/dist/esm/components/AlphaAvatar/Avatar.mjs.map +1 -1
  96. package/dist/esm/components/AlphaAvatar/useProgressiveImage.mjs +2 -2
  97. package/dist/esm/components/AlphaAvatar/useProgressiveImage.mjs.map +1 -1
  98. package/dist/esm/components/AlphaAvatarGroup/AvatarGroup.mjs +2 -1
  99. package/dist/esm/components/AlphaAvatarGroup/AvatarGroup.mjs.map +1 -1
  100. package/dist/esm/components/AlphaButton/Button.module.scss.mjs +1 -1
  101. package/dist/esm/components/AlphaIconButton/IconButton.module.scss.mjs +1 -1
  102. package/dist/esm/components/AlphaStatusBadge/StatusBadge.mjs +48 -0
  103. package/dist/esm/components/AlphaStatusBadge/StatusBadge.mjs.map +1 -0
  104. package/dist/esm/components/AlphaStatusBadge/StatusBadge.module.scss.mjs +4 -0
  105. package/dist/esm/components/AlphaStatusBadge/StatusBadge.module.scss.mjs.map +1 -0
  106. package/dist/esm/components/AlphaToggleButton/ToggleButton.mjs +2 -1
  107. package/dist/esm/components/AlphaToggleButton/ToggleButton.mjs.map +1 -1
  108. package/dist/esm/components/Avatar/useProgressiveImage.mjs +2 -2
  109. package/dist/esm/components/Avatar/useProgressiveImage.mjs.map +1 -1
  110. package/dist/esm/components/AvatarGroup/AvatarGroup.mjs +2 -1
  111. package/dist/esm/components/AvatarGroup/AvatarGroup.mjs.map +1 -1
  112. package/dist/esm/components/Badge/Badge.mjs +1 -1
  113. package/dist/esm/components/Badge/Badge.mjs.map +1 -1
  114. package/dist/esm/components/Button/Button.mjs +1 -1
  115. package/dist/esm/components/Button/Button.mjs.map +1 -1
  116. package/dist/esm/components/Checkbox/Checkbox.mjs +1 -1
  117. package/dist/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  118. package/dist/esm/components/Emoji/Emoji.mjs +1 -1
  119. package/dist/esm/components/Emoji/Emoji.mjs.map +1 -1
  120. package/dist/esm/components/FormControl/FormControl.mjs +2 -1
  121. package/dist/esm/components/FormControl/FormControl.mjs.map +1 -1
  122. package/dist/esm/components/FormGroup/FormGroup.mjs +2 -1
  123. package/dist/esm/components/FormGroup/FormGroup.mjs.map +1 -1
  124. package/dist/esm/components/FormHelperText/FormHelperText.mjs +3 -2
  125. package/dist/esm/components/FormHelperText/FormHelperText.mjs.map +1 -1
  126. package/dist/esm/components/FormLabel/FormLabel.mjs +4 -3
  127. package/dist/esm/components/FormLabel/FormLabel.mjs.map +1 -1
  128. package/dist/esm/components/Icon/Icon.mjs +1 -1
  129. package/dist/esm/components/Icon/Icon.mjs.map +1 -1
  130. package/dist/esm/components/LegacyStack/LegacyStack/LegacyStack.mjs +2 -1
  131. package/dist/esm/components/LegacyStack/LegacyStack/LegacyStack.mjs.map +1 -1
  132. package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs +1 -1
  133. package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs.map +1 -1
  134. package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs +2 -2
  135. package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs.map +1 -1
  136. package/dist/esm/components/ListItem/ListItem.mjs +1 -1
  137. package/dist/esm/components/ListItem/ListItem.mjs.map +1 -1
  138. package/dist/esm/components/Modal/Modal.mjs +3 -3
  139. package/dist/esm/components/Modal/Modal.mjs.map +1 -1
  140. package/dist/esm/components/NavGroup/NavGroup.mjs +1 -1
  141. package/dist/esm/components/NavGroup/NavGroup.mjs.map +1 -1
  142. package/dist/esm/components/NavItem/NavItem.mjs +1 -1
  143. package/dist/esm/components/NavItem/NavItem.mjs.map +1 -1
  144. package/dist/esm/components/OutlineItem/OutlineItem.mjs +1 -1
  145. package/dist/esm/components/OutlineItem/OutlineItem.mjs.map +1 -1
  146. package/dist/esm/components/Overlay/Overlay.mjs +5 -4
  147. package/dist/esm/components/Overlay/Overlay.mjs.map +1 -1
  148. package/dist/esm/components/SegmentedControl/SegmentedControl.mjs +1 -1
  149. package/dist/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  150. package/dist/esm/components/Select/Select.mjs +4 -3
  151. package/dist/esm/components/Select/Select.mjs.map +1 -1
  152. package/dist/esm/components/Slider/Slider.mjs +1 -1
  153. package/dist/esm/components/Slider/Slider.mjs.map +1 -1
  154. package/dist/esm/components/SmoothCornersBox/SmoothCornersBox.mjs +7 -6
  155. package/dist/esm/components/SmoothCornersBox/SmoothCornersBox.mjs.map +1 -1
  156. package/dist/esm/components/Status/Status.mjs +1 -1
  157. package/dist/esm/components/Status/Status.mjs.map +1 -1
  158. package/dist/esm/components/Tag/Tag.mjs +1 -1
  159. package/dist/esm/components/Tag/Tag.mjs.map +1 -1
  160. package/dist/esm/components/TextArea/TextArea.mjs +4 -2
  161. package/dist/esm/components/TextArea/TextArea.mjs.map +1 -1
  162. package/dist/esm/components/TextField/TextField.mjs +19 -9
  163. package/dist/esm/components/TextField/TextField.mjs.map +1 -1
  164. package/dist/esm/components/Toast/Toast.mjs +29 -26
  165. package/dist/esm/components/Toast/Toast.mjs.map +1 -1
  166. package/dist/esm/components/Toast/ToastService.mjs +1 -1
  167. package/dist/esm/components/Toast/ToastService.mjs.map +1 -1
  168. package/dist/esm/components/Toast/useToastContextValues.mjs +2 -2
  169. package/dist/esm/components/Toast/useToastContextValues.mjs.map +1 -1
  170. package/dist/esm/components/Tooltip/Tooltip.mjs +4 -4
  171. package/dist/esm/components/Tooltip/Tooltip.mjs.map +1 -1
  172. package/dist/esm/hooks/useKeyboardActionLockerWhileComposing.mjs +1 -1
  173. package/dist/esm/hooks/useKeyboardActionLockerWhileComposing.mjs.map +1 -1
  174. package/dist/esm/index.mjs +1 -0
  175. package/dist/esm/index.mjs.map +1 -1
  176. package/dist/esm/node_modules/@radix-ui/react-dialog/dist/index.mjs +17 -1
  177. package/dist/esm/node_modules/@radix-ui/react-dialog/dist/index.mjs.map +1 -1
  178. package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs +5 -1
  179. package/dist/esm/node_modules/@radix-ui/react-popper/dist/index.mjs.map +1 -1
  180. package/dist/esm/node_modules/@radix-ui/react-portal/dist/index.mjs +1 -1
  181. package/dist/esm/node_modules/@radix-ui/react-slot/dist/index.mjs +1 -1
  182. package/dist/esm/node_modules/react-remove-scroll/dist/es2015/UI.mjs +3 -3
  183. package/dist/esm/node_modules/react-remove-scroll/dist/es2015/UI.mjs.map +1 -1
  184. package/dist/esm/styles.css +1 -1
  185. package/dist/esm/utils/assert.mjs +1 -1
  186. package/dist/esm/utils/assert.mjs.map +1 -1
  187. package/dist/types/components/AlphaButton/Button.types.d.ts +1 -1
  188. package/dist/types/components/AlphaButton/Button.types.d.ts.map +1 -1
  189. package/dist/types/components/AlphaIconButton/IconButton.types.d.ts +1 -1
  190. package/dist/types/components/AlphaIconButton/IconButton.types.d.ts.map +1 -1
  191. package/dist/types/components/AlphaStatusBadge/StatusBadge.d.ts +16 -0
  192. package/dist/types/components/AlphaStatusBadge/StatusBadge.d.ts.map +1 -0
  193. package/dist/types/components/AlphaStatusBadge/StatusBadge.types.d.ts +23 -0
  194. package/dist/types/components/AlphaStatusBadge/StatusBadge.types.d.ts.map +1 -0
  195. package/dist/types/components/AlphaStatusBadge/index.d.ts +3 -0
  196. package/dist/types/components/AlphaStatusBadge/index.d.ts.map +1 -0
  197. package/dist/types/index.d.ts +1 -0
  198. package/dist/types/index.d.ts.map +1 -1
  199. package/package.json +3 -5
  200. package/src/components/AlphaButton/Button.module.scss +19 -6
  201. package/src/components/AlphaButton/Button.types.ts +1 -1
  202. package/src/components/AlphaIconButton/IconButton.module.scss +19 -6
  203. package/src/components/AlphaIconButton/IconButton.types.ts +1 -1
  204. package/src/components/AlphaStatusBadge/AlphaStatusBadge.stories.tsx +39 -0
  205. package/src/components/AlphaStatusBadge/StatusBadge.module.scss +50 -0
  206. package/src/components/AlphaStatusBadge/StatusBadge.tsx +77 -0
  207. package/src/components/AlphaStatusBadge/StatusBadge.types.ts +26 -0
  208. package/src/components/AlphaStatusBadge/index.ts +5 -0
  209. package/src/index.ts +1 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n type ToastContent,\n type ToastId,\n type ToastOptions,\n type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n autoDismiss: false,\n rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n toasts: ToastType[] = []\n\n getToasts = () => this.toasts\n\n setToasts = (newToasts: ToastType[]) => {\n this.toasts = newToasts\n }\n\n has = (toastId: ToastId) => {\n if (!this.toasts.length) {\n return false\n }\n return this.toasts.reduce(\n (flag, toast) => (toast.id === toastId ? true : flag),\n false\n )\n }\n\n add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n const newId: ToastId = uuid()\n\n if (this.has(newId)) {\n return ''\n }\n\n const newToast: ToastType = {\n id: newId,\n content,\n version: 0,\n ...options,\n }\n const newToasts: ToastType[] = [...this.toasts, newToast]\n this.setToasts(newToasts)\n return newId\n }\n\n update = (\n toastId: ToastId,\n content: ToastContent,\n options: ToastOptions = {}\n ) => {\n if (!this.has(toastId)) {\n return ''\n }\n\n const newToasts: ToastType[] = this.toasts.map((toast) => {\n if (toast.id === toastId) {\n return {\n ...toast,\n ...options,\n version: toast?.version != null ? toast.version + 1 : 0,\n content,\n }\n }\n return toast\n })\n this.setToasts(newToasts)\n return toastId\n }\n\n remove = (id: ToastId): boolean => {\n if (!this.has(id)) {\n return false\n }\n const newToasts: ToastType[] = this.toasts.filter(\n (toast) => toast.id !== id\n )\n this.setToasts(newToasts)\n return true // remove success\n }\n\n removeAll = () => {\n if (!this.toasts.length) {\n return\n }\n\n this.setToasts([])\n }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":"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"}
1
+ {"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n type ToastContent,\n type ToastId,\n type ToastOptions,\n type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n autoDismiss: false,\n rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n toasts: ToastType[] = []\n\n getToasts = () => this.toasts\n\n setToasts = (newToasts: ToastType[]) => {\n this.toasts = newToasts\n }\n\n has = (toastId: ToastId) => {\n if (!this.toasts.length) {\n return false\n }\n return this.toasts.reduce(\n (flag, toast) => (toast.id === toastId ? true : flag),\n false\n )\n }\n\n add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n const newId: ToastId = uuid()\n\n if (this.has(newId)) {\n return ''\n }\n\n const newToast: ToastType = {\n id: newId,\n content,\n version: 0,\n ...options,\n }\n const newToasts: ToastType[] = [...this.toasts, newToast]\n this.setToasts(newToasts)\n return newId\n }\n\n update = (\n toastId: ToastId,\n content: ToastContent,\n options: ToastOptions = {}\n ) => {\n if (!this.has(toastId)) {\n return ''\n }\n\n const newToasts: ToastType[] = this.toasts.map((toast) => {\n if (toast.id === toastId) {\n return {\n ...toast,\n ...options,\n version: toast?.version != null ? toast.version + 1 : 0,\n content,\n }\n }\n return toast\n })\n this.setToasts(newToasts)\n return toastId\n }\n\n remove = (id: ToastId): boolean => {\n if (!this.has(id)) {\n return false\n }\n const newToasts: ToastType[] = this.toasts.filter(\n (toast) => toast.id !== id\n )\n this.setToasts(newToasts)\n return true // remove success\n }\n\n removeAll = () => {\n if (!this.toasts.length) {\n return\n }\n\n this.setToasts([])\n }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":";;;;;;AASA,MAAMA,cAA4B,GAAG;AACnCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;;AAEA,MAAMC,YAAY,CAAC;AACjBC,EAAAA,MAAM,GAAgB,EAAE,CAAA;AAExBC,EAAAA,SAAS,GAAGA,MAAM,IAAI,CAACD,MAAM,CAAA;EAE7BE,SAAS,GAAIC,SAAsB,IAAK;IACtC,IAAI,CAACH,MAAM,GAAGG,SAAS,CAAA;GACxB,CAAA;EAEDC,GAAG,GAAIC,OAAgB,IAAK;AAC1B,IAAA,IAAI,CAAC,IAAI,CAACL,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;IACA,OAAO,IAAI,CAACN,MAAM,CAACO,MAAM,CACvB,CAACC,IAAI,EAAEC,KAAK,KAAMA,KAAK,CAACC,EAAE,KAAKL,OAAO,GAAG,IAAI,GAAGG,IAAK,EACrD,KACF,CAAC,CAAA;GACF,CAAA;AAEDG,EAAAA,GAAG,GAAGA,CAACC,OAAqB,EAAEC,OAAqB,GAAGjB,cAAc,KAAK;AACvE,IAAA,MAAMkB,KAAc,GAAGC,UAAI,EAAE,CAAA;AAE7B,IAAA,IAAI,IAAI,CAACX,GAAG,CAACU,KAAK,CAAC,EAAE;AACnB,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AAEA,IAAA,MAAME,QAAmB,GAAG;AAC1BN,MAAAA,EAAE,EAAEI,KAAK;MACTF,OAAO;AACPK,MAAAA,OAAO,EAAE,CAAC;MACV,GAAGJ,OAAAA;KACJ,CAAA;IACD,MAAMV,SAAsB,GAAG,CAAC,GAAG,IAAI,CAACH,MAAM,EAAEgB,QAAQ,CAAC,CAAA;AACzD,IAAA,IAAI,CAACd,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAOW,KAAK,CAAA;GACb,CAAA;EAEDI,MAAM,GAAGA,CACPb,OAAgB,EAChBO,OAAqB,EACrBC,OAAqB,GAAG,EAAE,KACvB;AACH,IAAA,IAAI,CAAC,IAAI,CAACT,GAAG,CAACC,OAAO,CAAC,EAAE;AACtB,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;IAEA,MAAMF,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACmB,GAAG,CAAEV,KAAK,IAAK;AACxD,MAAA,IAAIA,KAAK,CAACC,EAAE,KAAKL,OAAO,EAAE;QACxB,OAAO;AACL,UAAA,GAAGI,KAAK;AACR,UAAA,GAAGI,OAAO;AACVI,UAAAA,OAAO,EAAE,CAAAR,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEQ,OAAO,KAAI,IAAI,GAAGR,KAAK,CAACQ,OAAO,GAAG,CAAC,GAAG,CAAC;AACvDL,UAAAA,OAAAA;SACD,CAAA;AACH,OAAA;AACA,MAAA,OAAOH,KAAK,CAAA;AACd,KAAC,CAAC,CAAA;AACF,IAAA,IAAI,CAACP,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAOE,OAAO,CAAA;GACf,CAAA;EAEDe,MAAM,GAAIV,EAAW,IAAc;AACjC,IAAA,IAAI,CAAC,IAAI,CAACN,GAAG,CAACM,EAAE,CAAC,EAAE;AACjB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACA,IAAA,MAAMP,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACqB,MAAM,CAC9CZ,KAAK,IAAKA,KAAK,CAACC,EAAE,KAAKA,EAC1B,CAAC,CAAA;AACD,IAAA,IAAI,CAACR,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAC;GACb,CAAA;EAEDmB,SAAS,GAAGA,MAAM;AAChB,IAAA,IAAI,CAAC,IAAI,CAACtB,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAACJ,SAAS,CAAC,EAAE,CAAC,CAAA;GACnB,CAAA;AACH;;;;"}
@@ -22,7 +22,7 @@ function useToastContextValues() {
22
22
  const [rightToasts, setRightToasts] = React.useState([]);
23
23
  const add = React.useCallback((content, options) => {
24
24
  let result = '';
25
- if (options?.rightSide) {
25
+ if (options !== null && options !== void 0 && options.rightSide) {
26
26
  result = rightToastService.add(content, options);
27
27
  setRightToasts(rightToastService.getToasts());
28
28
  } else {
@@ -33,7 +33,7 @@ function useToastContextValues() {
33
33
  }, [leftToastService, rightToastService]);
34
34
  const update = React.useCallback((toastId, content, options) => {
35
35
  let result = '';
36
- if (options?.rightSide) {
36
+ if (options !== null && options !== void 0 && options.rightSide) {
37
37
  result = rightToastService.update(toastId, content, options);
38
38
  setRightToasts(rightToastService.getToasts());
39
39
  } else {
@@ -1 +1 @@
1
- {"version":3,"file":"useToastContextValues.js","sources":["../../../../src/components/Toast/useToastContextValues.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { noop } from '~/src/utils/function'\n\nimport {\n type OnDismissCallback,\n type ToastContent,\n type ToastContextValue,\n type ToastId,\n type ToastOptions,\n type ToastType,\n} from './Toast.types'\nimport ToastService from './ToastService'\n\ninterface UseToastContextValuesReturns extends ToastContextValue {\n leftToasts: ToastType[]\n rightToasts: ToastType[]\n dismiss: (id: ToastId, callback?: OnDismissCallback) => void\n}\n\n/**\n * NOTE(@sol): The ToastService is enough to fulfill the responsibility of toast.\n * However, wrapping this for ToastProvider to create new features does not need to be done in bezier-react.\n * It would have been better to implement this function in service needed it of use.\n * Therefore, it would be good to pay attention to this part in a future update.\n */\n/**\n * @deprecated Implement this in your service with ToastProvider, not here.\n */\nfunction useToastContextValues(): UseToastContextValuesReturns {\n const leftToastService = useMemo(() => new ToastService(), [])\n const rightToastService = useMemo(() => new ToastService(), [])\n const [leftToasts, setLeftToasts] = useState<ToastType[]>([])\n const [rightToasts, setRightToasts] = useState<ToastType[]>([])\n\n const add = useCallback(\n (content: ToastContent, options?: ToastOptions) => {\n let result = ''\n if (options?.rightSide) {\n result = rightToastService.add(content, options)\n setRightToasts(rightToastService.getToasts())\n } else {\n result = leftToastService.add(content, options)\n setLeftToasts(leftToastService.getToasts())\n }\n return result\n },\n [leftToastService, rightToastService]\n )\n\n const update = useCallback(\n (toastId: ToastId, content: ToastContent, options?: ToastOptions) => {\n let result = ''\n if (options?.rightSide) {\n result = rightToastService.update(toastId, content, options)\n setRightToasts(rightToastService.getToasts())\n } else {\n result = leftToastService.update(toastId, content, options)\n setLeftToasts(leftToastService.getToasts())\n }\n return result\n },\n [leftToastService, rightToastService]\n )\n\n const remove = useCallback(\n (toastId: ToastId) => {\n if (leftToastService.remove(toastId)) {\n setLeftToasts(leftToastService.getToasts())\n }\n if (rightToastService.remove(toastId)) {\n setRightToasts(rightToastService.getToasts())\n }\n },\n [leftToastService, rightToastService]\n )\n\n const removeAll = useCallback(() => {\n leftToastService.removeAll()\n rightToastService.removeAll()\n setLeftToasts(leftToastService.getToasts())\n setRightToasts(rightToastService.getToasts())\n }, [leftToastService, rightToastService])\n\n const dismiss = useCallback(\n (toastId: ToastId, callback: OnDismissCallback = noop) => {\n callback(toastId)\n remove(toastId)\n },\n [remove]\n )\n\n return useMemo<UseToastContextValuesReturns>(\n () => ({\n add,\n update,\n remove,\n removeAll,\n leftToasts,\n rightToasts,\n dismiss,\n }),\n [add, update, remove, removeAll, leftToasts, rightToasts, dismiss]\n )\n}\n\nexport default useToastContextValues\n"],"names":["useToastContextValues","leftToastService","useMemo","ToastService","rightToastService","leftToasts","setLeftToasts","useState","rightToasts","setRightToasts","add","useCallback","content","options","result","rightSide","getToasts","update","toastId","remove","removeAll","dismiss","callback","noop"],"mappings":"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"}
1
+ {"version":3,"file":"useToastContextValues.js","sources":["../../../../src/components/Toast/useToastContextValues.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { noop } from '~/src/utils/function'\n\nimport {\n type OnDismissCallback,\n type ToastContent,\n type ToastContextValue,\n type ToastId,\n type ToastOptions,\n type ToastType,\n} from './Toast.types'\nimport ToastService from './ToastService'\n\ninterface UseToastContextValuesReturns extends ToastContextValue {\n leftToasts: ToastType[]\n rightToasts: ToastType[]\n dismiss: (id: ToastId, callback?: OnDismissCallback) => void\n}\n\n/**\n * NOTE(@sol): The ToastService is enough to fulfill the responsibility of toast.\n * However, wrapping this for ToastProvider to create new features does not need to be done in bezier-react.\n * It would have been better to implement this function in service needed it of use.\n * Therefore, it would be good to pay attention to this part in a future update.\n */\n/**\n * @deprecated Implement this in your service with ToastProvider, not here.\n */\nfunction useToastContextValues(): UseToastContextValuesReturns {\n const leftToastService = useMemo(() => new ToastService(), [])\n const rightToastService = useMemo(() => new ToastService(), [])\n const [leftToasts, setLeftToasts] = useState<ToastType[]>([])\n const [rightToasts, setRightToasts] = useState<ToastType[]>([])\n\n const add = useCallback(\n (content: ToastContent, options?: ToastOptions) => {\n let result = ''\n if (options?.rightSide) {\n result = rightToastService.add(content, options)\n setRightToasts(rightToastService.getToasts())\n } else {\n result = leftToastService.add(content, options)\n setLeftToasts(leftToastService.getToasts())\n }\n return result\n },\n [leftToastService, rightToastService]\n )\n\n const update = useCallback(\n (toastId: ToastId, content: ToastContent, options?: ToastOptions) => {\n let result = ''\n if (options?.rightSide) {\n result = rightToastService.update(toastId, content, options)\n setRightToasts(rightToastService.getToasts())\n } else {\n result = leftToastService.update(toastId, content, options)\n setLeftToasts(leftToastService.getToasts())\n }\n return result\n },\n [leftToastService, rightToastService]\n )\n\n const remove = useCallback(\n (toastId: ToastId) => {\n if (leftToastService.remove(toastId)) {\n setLeftToasts(leftToastService.getToasts())\n }\n if (rightToastService.remove(toastId)) {\n setRightToasts(rightToastService.getToasts())\n }\n },\n [leftToastService, rightToastService]\n )\n\n const removeAll = useCallback(() => {\n leftToastService.removeAll()\n rightToastService.removeAll()\n setLeftToasts(leftToastService.getToasts())\n setRightToasts(rightToastService.getToasts())\n }, [leftToastService, rightToastService])\n\n const dismiss = useCallback(\n (toastId: ToastId, callback: OnDismissCallback = noop) => {\n callback(toastId)\n remove(toastId)\n },\n [remove]\n )\n\n return useMemo<UseToastContextValuesReturns>(\n () => ({\n add,\n update,\n remove,\n removeAll,\n leftToasts,\n rightToasts,\n dismiss,\n }),\n [add, update, remove, removeAll, leftToasts, rightToasts, dismiss]\n )\n}\n\nexport default useToastContextValues\n"],"names":["useToastContextValues","leftToastService","useMemo","ToastService","rightToastService","leftToasts","setLeftToasts","useState","rightToasts","setRightToasts","add","useCallback","content","options","result","rightSide","getToasts","update","toastId","remove","removeAll","dismiss","callback","noop"],"mappings":"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"}
@@ -114,18 +114,18 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip({
114
114
  delayHide = 0,
115
115
  ...rest
116
116
  }, forwardedRef) {
117
- const [show, setShow] = React.useState(defaultShow ?? false);
117
+ const [show, setShow] = React.useState(defaultShow !== null && defaultShow !== void 0 ? defaultShow : false);
118
118
  const timeoutRef = React.useRef();
119
119
  const rootElement = WindowProvider.useRootElement();
120
- const container = containerProp ?? rootElement;
120
+ const container = containerProp !== null && containerProp !== void 0 ? containerProp : rootElement;
121
121
  const shouldBeHidden = React.useMemo(() => disabled || type.isEmpty(content), [disabled, content]);
122
122
  const onShow = React.useCallback(() => {
123
123
  setShow(true);
124
- onShowProp?.();
124
+ onShowProp === null || onShowProp === void 0 || onShowProp();
125
125
  }, [onShowProp]);
126
126
  const onHide = React.useCallback(() => {
127
127
  setShow(false);
128
- onHideProp?.();
128
+ onHideProp === null || onHideProp === void 0 || onHideProp();
129
129
  }, [onHideProp]);
130
130
  React.useEffect(function forceHide() {
131
131
  if (shouldBeHidden) {
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n AlphaTooltipPrimitive,\n AlphaTooltipPrimitiveContent,\n type AlphaTooltipPrimitiveContentProps,\n AlphaTooltipPrimitivePortal,\n AlphaTooltipPrimitiveProvider,\n AlphaTooltipPrimitiveTrigger,\n} from '~/src/components/AlphaTooltipPrimitive'\nimport { Icon } from '~/src/components/Icon'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type TooltipPosition, type TooltipProps } from './Tooltip.types'\n\nimport styles from './Tooltip.module.scss'\n\nfunction getSideAndAlign(\n placement: TooltipPosition\n): Pick<AlphaTooltipPrimitiveContentProps, 'side' | 'align'> {\n switch (placement) {\n case 'top-center':\n return {\n side: 'top',\n align: 'center',\n }\n case 'top-left':\n return {\n side: 'top',\n align: 'start',\n }\n case 'top-right':\n return {\n side: 'top',\n align: 'end',\n }\n case 'right-center':\n return {\n side: 'right',\n align: 'center',\n }\n case 'right-top':\n return {\n side: 'right',\n align: 'start',\n }\n case 'right-bottom':\n return {\n side: 'right',\n align: 'end',\n }\n case 'bottom-center':\n return {\n side: 'bottom',\n align: 'center',\n }\n case 'bottom-left':\n return {\n side: 'bottom',\n align: 'start',\n }\n case 'bottom-right':\n return {\n side: 'bottom',\n align: 'end',\n }\n case 'left-center':\n return {\n side: 'left',\n align: 'center',\n }\n case 'left-top':\n return {\n side: 'left',\n align: 'start',\n }\n case 'left-bottom':\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * Components that pass to children **must spread props and forward ref.**\n * @example\n * ```tsx\n * // Your component must spread props and forward ref.\n * const Button = React.forwardRef((props, forwardedRef) => (<button {...props} ref={forwardedRef} />))\n * // Then, you can use `Tooltip` with your component.\n * <Tooltip content=\"Ta-da!\">\n * <Button>Hover me</Button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n function Tooltip(\n {\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n title,\n content,\n description,\n icon,\n placement = 'bottom-center',\n offset = 4,\n container: containerProp,\n keepInContainer = true,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n ...rest\n },\n forwardedRef\n ) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n\n const rootElement = useRootElement()\n const container = containerProp ?? rootElement\n\n const shouldBeHidden = useMemo(\n () => disabled || isEmpty(content),\n [disabled, content]\n )\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n useEffect(\n function forceHide() {\n if (shouldBeHidden) {\n onHide()\n }\n },\n [shouldBeHidden, onHide]\n )\n\n useEffect(\n function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n },\n [shouldBeHidden]\n )\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n if (shouldBeHidden) {\n return\n }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n },\n [shouldBeHidden, delayHide, onShow, onHide]\n )\n\n return (\n <AlphaTooltipPrimitiveProvider skipDelayDuration={0}>\n <AlphaTooltipPrimitive\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={!allowHover}\n onOpenChange={onOpenChange}\n >\n <AlphaTooltipPrimitiveTrigger asChild>\n {children}\n </AlphaTooltipPrimitiveTrigger>\n\n <AlphaTooltipPrimitivePortal container={container}>\n <InvertedThemeProvider>\n <AlphaTooltipPrimitiveContent\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <HStack\n spacing={4}\n className={styles.Tooltip}\n >\n <div className={styles.TooltipContainer}>\n {title && (\n <Text\n typo=\"13\"\n bold\n marginBottom={2}\n color=\"txt-black-darkest\"\n >\n {title}\n </Text>\n )}\n\n <Text\n color=\"txt-black-darkest\"\n className={styles.TooltipContent}\n truncated={20}\n typo=\"13\"\n >\n {content}\n </Text>\n\n {description && (\n <Text\n typo=\"12\"\n color=\"txt-black-dark\"\n >\n {description}\n </Text>\n )}\n </div>\n\n {icon && (\n <Icon\n size=\"xs\"\n color=\"txt-black-darkest\"\n source={icon}\n className={styles.Icon}\n />\n )}\n </HStack>\n </AlphaTooltipPrimitiveContent>\n </InvertedThemeProvider>\n </AlphaTooltipPrimitivePortal>\n </AlphaTooltipPrimitive>\n </AlphaTooltipPrimitiveProvider>\n )\n }\n)\n"],"names":["getSideAndAlign","placement","side","align","undefined","Tooltip","forwardRef","children","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","title","content","description","icon","offset","container","containerProp","keepInContainer","allowHover","delayShow","delayHide","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","rootElement","useRootElement","shouldBeHidden","useMemo","isEmpty","useCallback","useEffect","forceHide","cleanUpTimeout","cleanUp","current","clearTimeout","onOpenChange","open","setTimeout","React","createElement","AlphaTooltipPrimitiveProvider","skipDelayDuration","AlphaTooltipPrimitive","defaultOpen","delayDuration","disableHoverableContent","AlphaTooltipPrimitiveTrigger","asChild","AlphaTooltipPrimitivePortal","InvertedThemeProvider","AlphaTooltipPrimitiveContent","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","HStack","spacing","className","styles","TooltipContainer","Text","typo","bold","marginBottom","color","TooltipContent","truncated","Icon","size","source"],"mappings":";;;;;;;;;;;;AA6BA,SAASA,eAAeA,CACtBC,SAA0B,EACiC;AAC3D,EAAA,QAAQA,SAAS;AACf,IAAA,KAAK,YAAY;MACf,OAAO;AACLC,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;AACH,IAAA,KAAK,UAAU;MACb,OAAO;AACLD,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;AACH,IAAA,KAAK,WAAW;MACd,OAAO;AACLD,QAAAA,IAAI,EAAE,KAAK;AACXC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;AACH,IAAA,KAAK,cAAc;MACjB,OAAO;AACLD,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;AACH,IAAA,KAAK,WAAW;MACd,OAAO;AACLD,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;AACH,IAAA,KAAK,cAAc;MACjB,OAAO;AACLD,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;AACH,IAAA,KAAK,eAAe;MAClB,OAAO;AACLD,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;AACH,IAAA,KAAK,aAAa;MAChB,OAAO;AACLD,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;AACH,IAAA,KAAK,cAAc;MACjB,OAAO;AACLD,QAAAA,IAAI,EAAE,QAAQ;AACdC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;AACH,IAAA,KAAK,aAAa;MAChB,OAAO;AACLD,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,QAAA;OACR,CAAA;AACH,IAAA,KAAK,UAAU;MACb,OAAO;AACLD,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,OAAA;OACR,CAAA;AACH,IAAA,KAAK,aAAa;MAChB,OAAO;AACLD,QAAAA,IAAI,EAAE,MAAM;AACZC,QAAAA,KAAK,EAAE,KAAA;OACR,CAAA;AACH,IAAA;AACE;MACA,OAAO;AACLD,QAAAA,IAAI,EAAEE,SAAS;AACfD,QAAAA,KAAK,EAAEC,SAAAA;OACR,CAAA;AACL,GAAA;AACF,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,OAAO,gBAAGC,gBAAU,CAC/B,SAASD,OAAOA,CACd;EACEE,QAAQ;EACRC,WAAW;AACXC,EAAAA,MAAM,EAAEC,UAAU;AAClBC,EAAAA,MAAM,EAAEC,UAAU;EAClBC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC,IAAI;AACJhB,EAAAA,SAAS,GAAG,eAAe;AAC3BiB,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,SAAS,EAAEC,aAAa;AACxBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,SAAS,GAAG,CAAC;EACb,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAUrB,WAAW,IAAI,KAAK,CAAC,CAAA;AAC/D,EAAA,MAAMsB,UAAU,GAAGC,YAAM,EAAkB,CAAA;AAE3C,EAAA,MAAMC,WAAW,GAAGC,6BAAc,EAAE,CAAA;AACpC,EAAA,MAAMd,SAAS,GAAGC,aAAa,IAAIY,WAAW,CAAA;AAE9C,EAAA,MAAME,cAAc,GAAGC,aAAO,CAC5B,MAAMtB,QAAQ,IAAIuB,YAAO,CAACrB,OAAO,CAAC,EAClC,CAACF,QAAQ,EAAEE,OAAO,CACpB,CAAC,CAAA;AAED,EAAA,MAAMN,MAAM,GAAG4B,iBAAW,CAAC,MAAM;IAC/BT,OAAO,CAAC,IAAI,CAAC,CAAA;AACblB,IAAAA,UAAU,IAAI,CAAA;AAChB,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,MAAMC,MAAM,GAAG0B,iBAAW,CAAC,MAAM;IAC/BT,OAAO,CAAC,KAAK,CAAC,CAAA;AACdhB,IAAAA,UAAU,IAAI,CAAA;AAChB,GAAC,EAAE,CAACA,UAAU,CAAC,CAAC,CAAA;AAEhB0B,EAAAA,eAAS,CACP,SAASC,SAASA,GAAG;AACnB,IAAA,IAAIL,cAAc,EAAE;AAClBvB,MAAAA,MAAM,EAAE,CAAA;AACV,KAAA;AACF,GAAC,EACD,CAACuB,cAAc,EAAEvB,MAAM,CACzB,CAAC,CAAA;AAED2B,EAAAA,eAAS,CACP,SAASE,cAAcA,GAAG;IACxB,OAAO,SAASC,OAAOA,GAAG;MACxB,IAAIX,UAAU,CAACY,OAAO,EAAE;AACtBC,QAAAA,YAAY,CAACb,UAAU,CAACY,OAAO,CAAC,CAAA;AAClC,OAAA;KACD,CAAA;AACH,GAAC,EACD,CAACR,cAAc,CACjB,CAAC,CAAA;AAED,EAAA,MAAMU,YAAY,GAAGP,iBAAW,CAC7BQ,IAAa,IAAK;AACjB,IAAA,IAAIX,cAAc,EAAE;AAClB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIW,IAAI,EAAE;AACRpC,MAAAA,MAAM,EAAE,CAAA;AACR,MAAA,OAAA;AACF,KAAA;IAEA,IAAIqB,UAAU,CAACY,OAAO,EAAE;AACtBC,MAAAA,YAAY,CAACb,UAAU,CAACY,OAAO,CAAC,CAAA;MAChCZ,UAAU,CAACY,OAAO,GAAGtC,SAAS,CAAA;AAChC,KAAA;IAEA,IAAIoB,SAAS,GAAG,CAAC,EAAE;AACjBM,MAAAA,UAAU,CAACY,OAAO,GAAGI,UAAU,CAAC,MAAM;AACpCnC,QAAAA,MAAM,EAAE,CAAA;OACT,EAAEa,SAAS,CAAC,CAAA;AACb,MAAA,OAAA;AACF,KAAA;AAEAb,IAAAA,MAAM,EAAE,CAAA;GACT,EACD,CAACuB,cAAc,EAAEV,SAAS,EAAEf,MAAM,EAAEE,MAAM,CAC5C,CAAC,CAAA;AAED,EAAA,oBACEoC,KAAA,CAAAC,aAAA,CAACC,yCAA6B,EAAA;AAACC,IAAAA,iBAAiB,EAAE,CAAA;AAAE,GAAA,eAClDH,KAAA,CAAAC,aAAA,CAACG,iCAAqB,EAAA;AACpBN,IAAAA,IAAI,EAAElB,IAAK;AACXyB,IAAAA,WAAW,EAAE5C,WAAY;AACzB6C,IAAAA,aAAa,EAAE9B,SAAU;IACzB+B,uBAAuB,EAAE,CAAChC,UAAW;AACrCsB,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,eAE3BG,KAAA,CAAAC,aAAA,CAACO,wCAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAA,GAAA,EAClCjD,QAC2B,CAAC,eAE/BwC,KAAA,CAAAC,aAAA,CAACS,uCAA2B,EAAA;AAACtC,IAAAA,SAAS,EAAEA,SAAAA;GACtC4B,eAAAA,KAAA,CAAAC,aAAA,CAACU,mCAAqB,EACpBX,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACW,wCAA4B,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACvBpC,IAAI,EACJzB,eAAe,CAACC,SAAS,CAAC,EAAA;IAC9BuD,OAAO,EAAA,IAAA;AACPM,IAAAA,GAAG,EAAEpC,YAAa;AAClBqC,IAAAA,UAAU,EAAE7C,MAAO;AACnB8C,IAAAA,eAAe,EAAE3C,eAAgB;AACjC4C,IAAAA,gBAAgB,EAAE,CAAE;IACpBC,gBAAgB,EAAA,IAAA;AAAA,GAAA,CAAA,eAEhBnB,KAAA,CAAAC,aAAA,CAACmB,YAAM,EAAA;AACLC,IAAAA,OAAO,EAAE,CAAE;IACXC,SAAS,EAAEC,sBAAM,CAACjE,OAAAA;GAElB0C,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKqB,SAAS,EAAEC,sBAAM,CAACC,gBAAAA;AAAiB,GAAA,EACrCzD,KAAK,iBACJiC,KAAA,CAAAC,aAAA,CAACwB,SAAI,EAAA;AACHC,IAAAA,IAAI,EAAC,IAAI;IACTC,IAAI,EAAA,IAAA;AACJC,IAAAA,YAAY,EAAE,CAAE;AAChBC,IAAAA,KAAK,EAAC,mBAAA;AAAmB,GAAA,EAExB9D,KACG,CACP,eAEDiC,KAAA,CAAAC,aAAA,CAACwB,SAAI,EAAA;AACHI,IAAAA,KAAK,EAAC,mBAAmB;IACzBP,SAAS,EAAEC,sBAAM,CAACO,cAAe;AACjCC,IAAAA,SAAS,EAAE,EAAG;AACdL,IAAAA,IAAI,EAAC,IAAA;GAEJ1D,EAAAA,OACG,CAAC,EAENC,WAAW,iBACV+B,KAAA,CAAAC,aAAA,CAACwB,SAAI,EAAA;AACHC,IAAAA,IAAI,EAAC,IAAI;AACTG,IAAAA,KAAK,EAAC,gBAAA;GAEL5D,EAAAA,WACG,CAEL,CAAC,EAELC,IAAI,iBACH8B,KAAA,CAAAC,aAAA,CAAC+B,SAAI,EAAA;AACHC,IAAAA,IAAI,EAAC,IAAI;AACTJ,IAAAA,KAAK,EAAC,mBAAmB;AACzBK,IAAAA,MAAM,EAAEhE,IAAK;IACboD,SAAS,EAAEC,sBAAM,CAACS,IAAAA;AAAK,GACxB,CAEG,CACoB,CACT,CACI,CACR,CACM,CAAC,CAAA;AAEpC,CACF;;;;"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n AlphaTooltipPrimitive,\n AlphaTooltipPrimitiveContent,\n type AlphaTooltipPrimitiveContentProps,\n AlphaTooltipPrimitivePortal,\n AlphaTooltipPrimitiveProvider,\n AlphaTooltipPrimitiveTrigger,\n} from '~/src/components/AlphaTooltipPrimitive'\nimport { Icon } from '~/src/components/Icon'\nimport { HStack } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type TooltipPosition, type TooltipProps } from './Tooltip.types'\n\nimport styles from './Tooltip.module.scss'\n\nfunction getSideAndAlign(\n placement: TooltipPosition\n): Pick<AlphaTooltipPrimitiveContentProps, 'side' | 'align'> {\n switch (placement) {\n case 'top-center':\n return {\n side: 'top',\n align: 'center',\n }\n case 'top-left':\n return {\n side: 'top',\n align: 'start',\n }\n case 'top-right':\n return {\n side: 'top',\n align: 'end',\n }\n case 'right-center':\n return {\n side: 'right',\n align: 'center',\n }\n case 'right-top':\n return {\n side: 'right',\n align: 'start',\n }\n case 'right-bottom':\n return {\n side: 'right',\n align: 'end',\n }\n case 'bottom-center':\n return {\n side: 'bottom',\n align: 'center',\n }\n case 'bottom-left':\n return {\n side: 'bottom',\n align: 'start',\n }\n case 'bottom-right':\n return {\n side: 'bottom',\n align: 'end',\n }\n case 'left-center':\n return {\n side: 'left',\n align: 'center',\n }\n case 'left-top':\n return {\n side: 'left',\n align: 'start',\n }\n case 'left-bottom':\n return {\n side: 'left',\n align: 'end',\n }\n default:\n // NOTE: should not reach here\n return {\n side: undefined,\n align: undefined,\n }\n }\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * Components that pass to children **must spread props and forward ref.**\n * @example\n * ```tsx\n * // Your component must spread props and forward ref.\n * const Button = React.forwardRef((props, forwardedRef) => (<button {...props} ref={forwardedRef} />))\n * // Then, you can use `Tooltip` with your component.\n * <Tooltip content=\"Ta-da!\">\n * <Button>Hover me</Button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n function Tooltip(\n {\n children,\n defaultShow,\n onShow: onShowProp,\n onHide: onHideProp,\n disabled,\n title,\n content,\n description,\n icon,\n placement = 'bottom-center',\n offset = 4,\n container: containerProp,\n keepInContainer = true,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n ...rest\n },\n forwardedRef\n ) {\n const [show, setShow] = useState<boolean>(defaultShow ?? false)\n const timeoutRef = useRef<NodeJS.Timeout>()\n\n const rootElement = useRootElement()\n const container = containerProp ?? rootElement\n\n const shouldBeHidden = useMemo(\n () => disabled || isEmpty(content),\n [disabled, content]\n )\n\n const onShow = useCallback(() => {\n setShow(true)\n onShowProp?.()\n }, [onShowProp])\n\n const onHide = useCallback(() => {\n setShow(false)\n onHideProp?.()\n }, [onHideProp])\n\n useEffect(\n function forceHide() {\n if (shouldBeHidden) {\n onHide()\n }\n },\n [shouldBeHidden, onHide]\n )\n\n useEffect(\n function cleanUpTimeout() {\n return function cleanUp() {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n }\n }\n },\n [shouldBeHidden]\n )\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n if (shouldBeHidden) {\n return\n }\n\n if (open) {\n onShow()\n return\n }\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current)\n timeoutRef.current = undefined\n }\n\n if (delayHide > 0) {\n timeoutRef.current = setTimeout(() => {\n onHide()\n }, delayHide)\n return\n }\n\n onHide()\n },\n [shouldBeHidden, delayHide, onShow, onHide]\n )\n\n return (\n <AlphaTooltipPrimitiveProvider skipDelayDuration={0}>\n <AlphaTooltipPrimitive\n open={show}\n defaultOpen={defaultShow}\n delayDuration={delayShow}\n disableHoverableContent={!allowHover}\n onOpenChange={onOpenChange}\n >\n <AlphaTooltipPrimitiveTrigger asChild>\n {children}\n </AlphaTooltipPrimitiveTrigger>\n\n <AlphaTooltipPrimitivePortal container={container}>\n <InvertedThemeProvider>\n <AlphaTooltipPrimitiveContent\n {...rest}\n {...getSideAndAlign(placement)}\n asChild\n ref={forwardedRef}\n sideOffset={offset}\n avoidCollisions={keepInContainer}\n collisionPadding={8}\n hideWhenDetached\n >\n <HStack\n spacing={4}\n className={styles.Tooltip}\n >\n <div className={styles.TooltipContainer}>\n {title && (\n <Text\n typo=\"13\"\n bold\n marginBottom={2}\n color=\"txt-black-darkest\"\n >\n {title}\n </Text>\n )}\n\n <Text\n color=\"txt-black-darkest\"\n className={styles.TooltipContent}\n truncated={20}\n typo=\"13\"\n >\n {content}\n </Text>\n\n {description && (\n <Text\n typo=\"12\"\n color=\"txt-black-dark\"\n >\n {description}\n </Text>\n )}\n </div>\n\n {icon && (\n <Icon\n size=\"xs\"\n color=\"txt-black-darkest\"\n source={icon}\n className={styles.Icon}\n />\n )}\n </HStack>\n </AlphaTooltipPrimitiveContent>\n </InvertedThemeProvider>\n </AlphaTooltipPrimitivePortal>\n </AlphaTooltipPrimitive>\n </AlphaTooltipPrimitiveProvider>\n )\n }\n)\n"],"names":["getSideAndAlign","placement","side","align","undefined","Tooltip","forwardRef","children","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","title","content","description","icon","offset","container","containerProp","keepInContainer","allowHover","delayShow","delayHide","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","rootElement","useRootElement","shouldBeHidden","useMemo","isEmpty","useCallback","useEffect","forceHide","cleanUpTimeout","cleanUp","current","clearTimeout","onOpenChange","open","setTimeout","React","createElement","AlphaTooltipPrimitiveProvider","skipDelayDuration","AlphaTooltipPrimitive","defaultOpen","delayDuration","disableHoverableContent","AlphaTooltipPrimitiveTrigger","asChild","AlphaTooltipPrimitivePortal","InvertedThemeProvider","AlphaTooltipPrimitiveContent","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","HStack","spacing","className","styles","TooltipContainer","Text","typo","bold","marginBottom","color","TooltipContent","truncated","Icon","size","source"],"mappings":"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"}
@@ -36,7 +36,7 @@ function useKeyboardActionLockerWhileComposing({
36
36
  event.stopPropagation();
37
37
  return;
38
38
  }
39
- handler?.(event);
39
+ handler === null || handler === void 0 || handler(event);
40
40
  };
41
41
  handlerCache.current.set(handler, wrappedHandler);
42
42
  return wrappedHandler;
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../src/hooks/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport { useCallback, useRef } from 'react'\n\nexport const COMMON_IME_CONTROL_KEYS = [\n 'Enter',\n 'Escape',\n 'Tab',\n ' ',\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n]\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> = Map<\n React.KeyboardEventHandler<TargetElement>,\n React.KeyboardEventHandler<TargetElement>\n>\ninterface UseKeyboardActionLockerWhileComposingProps<\n TargetElement extends HTMLElement = HTMLInputElement,\n> {\n keysToLock?: string[]\n onKeyDown?: React.KeyboardEventHandler<TargetElement>\n onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () =>\n window.navigator.userAgent.search('Safari') >= 0 &&\n window.navigator.userAgent.search('Chrome') < 0\n\nexport function useKeyboardActionLockerWhileComposing<\n TargetElement extends HTMLElement = HTMLInputElement,\n>({\n keysToLock,\n onKeyDown,\n onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n const wrapHandler = useCallback(\n (handler?: React.KeyboardEventHandler<TargetElement>) => {\n if (!handler) {\n return undefined\n }\n if (handlerCache.current.has(handler)) {\n return handlerCache.current.get(handler)\n }\n\n const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n // NOTE: If keysToLock is not provided, lock all keys.\n const isKeyLocked =\n event.nativeEvent.isComposing &&\n (!keysToLock ||\n keysToLock.some((controlKey) => event.key === controlKey))\n /**\n * NOTE\n * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n * keyDown event that exit composition should be fired before compositionEnd event.\n * However, Safari has different behavior.\n * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n * So, we need to prevent keyDown event that exit composition in Safari.\n * Browser fires keydown event with keyCode 229 when user is composing.\n * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n */\n const isSafariKeydownWhileComposing =\n isSafari() && event.type === 'keydown' && event.keyCode === 229\n\n if (isKeyLocked || isSafariKeydownWhileComposing) {\n event.stopPropagation()\n return\n }\n handler?.(event)\n }\n\n handlerCache.current.set(handler, wrappedHandler)\n return wrappedHandler\n },\n [keysToLock]\n )\n\n return {\n handleKeyDown: wrapHandler(onKeyDown),\n handleKeyUp: wrapHandler(onKeyUp),\n }\n}\n"],"names":["COMMON_IME_CONTROL_KEYS","isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;;;MAGaA,uBAAuB,GAAG,CACrC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,EACH,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACb;AAcD,MAAMC,QAAQ,GAAGA,MACfC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAChDH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1C,SAASC,qCAAqCA,CAEnD;EACAC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,YAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,OAAmD,IAAK;IACvD,IAAI,CAACA,OAAO,EAAE;AACZ,MAAA,OAAOC,SAAS,CAAA;AAClB,KAAA;IACA,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AACrC,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAC1C,KAAA;IAEA,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IACVA,UAAU,CAACkB,IAAI,CAAEC,UAAU,IAAKL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC9D;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACQ,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IAAIoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IAAIR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEjE,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACF,OAAA;MACAhB,OAAO,GAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EACD,CAACb,UAAU,CACb,CAAC,CAAA;EAED,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;;"}
1
+ {"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../src/hooks/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport { useCallback, useRef } from 'react'\n\nexport const COMMON_IME_CONTROL_KEYS = [\n 'Enter',\n 'Escape',\n 'Tab',\n ' ',\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n]\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> = Map<\n React.KeyboardEventHandler<TargetElement>,\n React.KeyboardEventHandler<TargetElement>\n>\ninterface UseKeyboardActionLockerWhileComposingProps<\n TargetElement extends HTMLElement = HTMLInputElement,\n> {\n keysToLock?: string[]\n onKeyDown?: React.KeyboardEventHandler<TargetElement>\n onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () =>\n window.navigator.userAgent.search('Safari') >= 0 &&\n window.navigator.userAgent.search('Chrome') < 0\n\nexport function useKeyboardActionLockerWhileComposing<\n TargetElement extends HTMLElement = HTMLInputElement,\n>({\n keysToLock,\n onKeyDown,\n onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n const wrapHandler = useCallback(\n (handler?: React.KeyboardEventHandler<TargetElement>) => {\n if (!handler) {\n return undefined\n }\n if (handlerCache.current.has(handler)) {\n return handlerCache.current.get(handler)\n }\n\n const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n // NOTE: If keysToLock is not provided, lock all keys.\n const isKeyLocked =\n event.nativeEvent.isComposing &&\n (!keysToLock ||\n keysToLock.some((controlKey) => event.key === controlKey))\n /**\n * NOTE\n * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n * keyDown event that exit composition should be fired before compositionEnd event.\n * However, Safari has different behavior.\n * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n * So, we need to prevent keyDown event that exit composition in Safari.\n * Browser fires keydown event with keyCode 229 when user is composing.\n * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n */\n const isSafariKeydownWhileComposing =\n isSafari() && event.type === 'keydown' && event.keyCode === 229\n\n if (isKeyLocked || isSafariKeydownWhileComposing) {\n event.stopPropagation()\n return\n }\n handler?.(event)\n }\n\n handlerCache.current.set(handler, wrappedHandler)\n return wrappedHandler\n },\n [keysToLock]\n )\n\n return {\n handleKeyDown: wrapHandler(onKeyDown),\n handleKeyUp: wrapHandler(onKeyUp),\n }\n}\n"],"names":["COMMON_IME_CONTROL_KEYS","isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;;;MAGaA,uBAAuB,GAAG,CACrC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,EACH,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACb;AAcD,MAAMC,QAAQ,GAAGA,MACfC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAChDH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1C,SAASC,qCAAqCA,CAEnD;EACAC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,YAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,OAAmD,IAAK;IACvD,IAAI,CAACA,OAAO,EAAE;AACZ,MAAA,OAAOC,SAAS,CAAA;AAClB,KAAA;IACA,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AACrC,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAC1C,KAAA;IAEA,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IACVA,UAAU,CAACkB,IAAI,CAAEC,UAAU,IAAKL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC9D;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACQ,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IAAIoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IAAIR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEjE,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACF,OAAA;AACAhB,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EACD,CAACb,UAAU,CACb,CAAC,CAAA;EAED,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;;"}
package/dist/cjs/index.js CHANGED
@@ -10,6 +10,7 @@ var FloatingButton = require('./components/AlphaFloatingButton/FloatingButton.js
10
10
  var FloatingIconButton = require('./components/AlphaFloatingIconButton/FloatingIconButton.js');
11
11
  var IconButton = require('./components/AlphaIconButton/IconButton.js');
12
12
  var Loader = require('./components/AlphaLoader/Loader.js');
13
+ var StatusBadge = require('./components/AlphaStatusBadge/StatusBadge.js');
13
14
  var ToggleButton = require('./components/AlphaToggleButton/ToggleButton.js');
14
15
  var ToggleButtonGroup = require('./components/AlphaToggleButtonGroup/ToggleButtonGroup.js');
15
16
  var TooltipPrimitive = require('./components/AlphaTooltipPrimitive/TooltipPrimitive.js');
@@ -95,6 +96,7 @@ exports.AlphaFloatingButton = FloatingButton.FloatingButton;
95
96
  exports.AlphaFloatingIconButton = FloatingIconButton.FloatingIconButton;
96
97
  exports.AlphaIconButton = IconButton.IconButton;
97
98
  exports.AlphaLoader = Loader.Loader;
99
+ exports.AlphaStatusBadge = StatusBadge.StatusBadge;
98
100
  exports.AlphaToggleButton = ToggleButton.ToggleButton;
99
101
  exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
100
102
  exports.AlphaTooltipPrimitive = TooltipPrimitive.TooltipPrimitive;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -122,7 +122,7 @@ const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/React.forwardRef((p
122
122
  ...overlayProps
123
123
  } = props;
124
124
  const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog);
125
- return /*#__PURE__*/ (// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
125
+ return (/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
126
126
  // ie. when `Overlay` and `Content` are siblings
127
127
  React.createElement(Combination.default, {
128
128
  as: index$8.Slot,
@@ -160,6 +160,10 @@ const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/React.forwardRef(
160
160
  ref: forwardedRef
161
161
  })));
162
162
  });
163
+ /*#__PURE__*/
164
+ Object.assign($5d3850c4d0b4e6c7$export$b6d9565de1e068cf, {
165
+ displayName: $5d3850c4d0b4e6c7$var$CONTENT_NAME
166
+ });
163
167
  /* -----------------------------------------------------------------------------------------------*/
164
168
  const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
165
169
  const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
@@ -278,6 +282,10 @@ const $5d3850c4d0b4e6c7$export$16f7638e4a34b909 = /*#__PURE__*/React.forwardRef(
278
282
  ref: forwardedRef
279
283
  }));
280
284
  });
285
+ /*#__PURE__*/
286
+ Object.assign($5d3850c4d0b4e6c7$export$16f7638e4a34b909, {
287
+ displayName: $5d3850c4d0b4e6c7$var$TITLE_NAME
288
+ });
281
289
  /* -------------------------------------------------------------------------------------------------
282
290
  * DialogDescription
283
291
  * -----------------------------------------------------------------------------------------------*/
@@ -294,6 +302,10 @@ const $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5 = /*#__PURE__*/React.forwardRef(
294
302
  ref: forwardedRef
295
303
  }));
296
304
  });
305
+ /*#__PURE__*/
306
+ Object.assign($5d3850c4d0b4e6c7$export$94e94c2ec2c954d5, {
307
+ displayName: $5d3850c4d0b4e6c7$var$DESCRIPTION_NAME
308
+ });
297
309
  /* -------------------------------------------------------------------------------------------------
298
310
  * DialogClose
299
311
  * -----------------------------------------------------------------------------------------------*/
@@ -311,6 +323,10 @@ const $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac = /*#__PURE__*/React.forwardRef(
311
323
  onClick: index$5.composeEventHandlers(props.onClick, () => context.onOpenChange(false))
312
324
  }));
313
325
  });
326
+ /*#__PURE__*/
327
+ Object.assign($5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac, {
328
+ displayName: $5d3850c4d0b4e6c7$var$CLOSE_NAME
329
+ });
314
330
  /* -----------------------------------------------------------------------------------------------*/
315
331
  function $5d3850c4d0b4e6c7$var$getState(open) {
316
332
  return open ? 'open' : 'closed';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -223,7 +223,7 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/React.forwardRef(
223
223
  } = props;
224
224
  const contentContext = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
225
225
  const baseSide = $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE[contentContext.placedSide];
226
- return /*#__PURE__*/ (// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
226
+ return (/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
227
227
  // doesn't report size as we'd expect on SVG elements.
228
228
  // it reports their bounding box which is effectively the largest path inside the SVG.
229
229
  React.createElement("span", {
@@ -257,6 +257,10 @@ const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/React.forwardRef(
257
257
  })))
258
258
  );
259
259
  });
260
+ /*#__PURE__*/
261
+ Object.assign($cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0, {
262
+ displayName: $cf1ac5d9fe0e8206$var$ARROW_NAME
263
+ });
260
264
  /* -----------------------------------------------------------------------------------------------*/
261
265
  function $cf1ac5d9fe0e8206$var$isNotNull(value) {
262
266
  return value !== null;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -11,7 +11,7 @@ const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/React.forwardRef(
11
11
  container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body,
12
12
  ...portalProps
13
13
  } = props;
14
- return container ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(index.Primitive.div, _extends.default({}, portalProps, {
14
+ return container ? /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(index.Primitive.div, _extends.default({}, portalProps, {
15
15
  ref: forwardedRef
16
16
  })), container) : null;
17
17
  });
@@ -42,7 +42,7 @@ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/React.forwardRef((props, fo
42
42
  children: children,
43
43
  ...slotProps
44
44
  } = props;
45
- if ( /*#__PURE__*/React.isValidElement(children)) return /*#__PURE__*/React.cloneElement(children, {
45
+ if (/*#__PURE__*/React.isValidElement(children)) return /*#__PURE__*/React.cloneElement(children, {
46
46
  ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
47
47
  ref: forwardedRef ? index.composeRefs(forwardedRef, children.ref) : children.ref
48
48
  });
@@ -56,7 +56,7 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
56
56
  var SideCar = sideCar;
57
57
  var containerRef = useMergeRef.useMergeRefs([ref, parentRef]);
58
58
  var containerProps = tslib_es6.__assign(tslib_es6.__assign({}, rest), callbacks);
59
- return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, enabled && ( /*#__PURE__*/React__namespace.createElement(SideCar, {
59
+ return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, enabled && (/*#__PURE__*/React__namespace.createElement(SideCar, {
60
60
  sideCar: medium.effectCar,
61
61
  removeScrollBar: removeScrollBar,
62
62
  shards: shards,
@@ -65,9 +65,9 @@ var RemoveScroll = /*#__PURE__*/React__namespace.forwardRef(function (props, par
65
65
  setCallbacks: setCallbacks,
66
66
  allowPinchZoom: !!allowPinchZoom,
67
67
  lockRef: ref
68
- })), forwardProps ? ( /*#__PURE__*/React__namespace.cloneElement(React__namespace.Children.only(children), tslib_es6.__assign(tslib_es6.__assign({}, containerProps), {
68
+ })), forwardProps ? (/*#__PURE__*/React__namespace.cloneElement(React__namespace.Children.only(children), tslib_es6.__assign(tslib_es6.__assign({}, containerProps), {
69
69
  ref: containerRef
70
- }))) : ( /*#__PURE__*/React__namespace.createElement(Container, tslib_es6.__assign({}, containerProps, {
70
+ }))) : (/*#__PURE__*/React__namespace.createElement(Container, tslib_es6.__assign({}, containerProps, {
71
71
  className: className,
72
72
  ref: containerRef
73
73
  }), children)));
@@ -1 +1 @@
1
- {"version":3,"file":"UI.js","sources":["../../../../../../../../node_modules/react-remove-scroll/dist/es2015/UI.js"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n var ref = React.useRef(null);\n var _a = React.useState({\n onScrollCapture: nothing,\n onWheelCapture: nothing,\n onTouchMoveCapture: nothing,\n }), callbacks = _a[0], setCallbacks = _a[1];\n var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\"]);\n var SideCar = sideCar;\n var containerRef = useMergeRefs([ref, parentRef]);\n var containerProps = __assign(__assign({}, rest), callbacks);\n return (React.createElement(React.Fragment, null,\n enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),\n forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n enabled: true,\n removeScrollBar: true,\n inert: false,\n};\nRemoveScroll.classNames = {\n fullWidth: fullWidthClassName,\n zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n"],"names":["nothing","RemoveScroll","React","forwardRef","props","parentRef","ref","useRef","_a","useState","onScrollCapture","onWheelCapture","onTouchMoveCapture","callbacks","setCallbacks","forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","_b","as","Container","rest","__rest","SideCar","containerRef","useMergeRefs","containerProps","__assign","createElement","Fragment","effectCar","lockRef","cloneElement","Children","only","defaultProps","classNames","fullWidth","fullWidthClassName","zeroRight","zeroRightClassName"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"UI.js","sources":["../../../../../../../../node_modules/react-remove-scroll/dist/es2015/UI.js"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n var ref = React.useRef(null);\n var _a = React.useState({\n onScrollCapture: nothing,\n onWheelCapture: nothing,\n onTouchMoveCapture: nothing,\n }), callbacks = _a[0], setCallbacks = _a[1];\n var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\"]);\n var SideCar = sideCar;\n var containerRef = useMergeRefs([ref, parentRef]);\n var containerProps = __assign(__assign({}, rest), callbacks);\n return (React.createElement(React.Fragment, null,\n enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),\n forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n enabled: true,\n removeScrollBar: true,\n inert: false,\n};\nRemoveScroll.classNames = {\n fullWidth: fullWidthClassName,\n zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n"],"names":["nothing","RemoveScroll","React","forwardRef","props","parentRef","ref","useRef","_a","useState","onScrollCapture","onWheelCapture","onTouchMoveCapture","callbacks","setCallbacks","forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","_b","as","Container","rest","__rest","SideCar","containerRef","useMergeRefs","containerProps","__assign","createElement","Fragment","effectCar","lockRef","cloneElement","Children","only","defaultProps","classNames","fullWidth","fullWidthClassName","zeroRight","zeroRightClassName"],"mappings":"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","x_google_ignoreList":[0]}