@clubmed/trident-ui 2.0.0-beta.5 → 2.0.0-beta.51

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 (236) hide show
  1. package/README.md +8 -0
  2. package/chunks/Carousel.context.js +1548 -0
  3. package/chunks/Carousel.context.js.map +1 -0
  4. package/chunks/ChatMessage.js +14395 -0
  5. package/chunks/ChatMessage.js.map +1 -0
  6. package/chunks/DateField.js +180 -66
  7. package/chunks/DateField.js.map +1 -1
  8. package/chunks/Range.js +2 -2
  9. package/chunks/Range.js.map +1 -1
  10. package/chunks/Tooltip.js +4461 -0
  11. package/chunks/Tooltip.js.map +1 -0
  12. package/chunks/chunk.js +11 -4
  13. package/chunks/client.js +18953 -0
  14. package/chunks/client.js.map +1 -0
  15. package/examples/button-demo.js +2 -2
  16. package/examples/button-demo.js.map +1 -1
  17. package/examples/chat-input-demo.d.ts +1 -0
  18. package/examples/chat-input-demo.js +21 -0
  19. package/examples/chat-input-demo.js.map +1 -0
  20. package/examples/chat-message-demo.d.ts +1 -0
  21. package/examples/chat-message-demo.js +20 -0
  22. package/examples/chat-message-demo.js.map +1 -0
  23. package/examples/chat-typing-indicator-demo.d.ts +1 -0
  24. package/examples/chat-typing-indicator-demo.js +14 -0
  25. package/examples/chat-typing-indicator-demo.js.map +1 -0
  26. package/examples/chat-window-demo.d.ts +1 -0
  27. package/examples/chat-window-demo.js +45 -0
  28. package/examples/chat-window-demo.js.map +1 -0
  29. package/examples/checkbox-demo.js +17 -15
  30. package/examples/checkbox-demo.js.map +1 -1
  31. package/examples/checkbox-disabled-demo.js +12 -15
  32. package/examples/checkbox-disabled-demo.js.map +1 -1
  33. package/examples/checkbox-select-demo.d.ts +1 -0
  34. package/examples/checkbox-select-demo.js +101 -0
  35. package/examples/checkbox-select-demo.js.map +1 -0
  36. package/examples/checkboxes-demo.js +1 -1
  37. package/examples/checkboxes-demo.js.map +1 -1
  38. package/examples/checkboxes-with-form-control-demo.js +8 -8
  39. package/examples/checkboxes-with-form-control-demo.js.map +1 -1
  40. package/examples/choice-expander-demo.js +4 -67
  41. package/examples/choice-expander-demo.js.map +1 -1
  42. package/examples/countdown-demo.d.ts +1 -0
  43. package/examples/countdown-demo.js +39 -0
  44. package/examples/countdown-demo.js.map +1 -0
  45. package/examples/dropdown-demo.js +9 -1
  46. package/examples/dropdown-demo.js.map +1 -1
  47. package/examples/elastic-height-demo.js +2 -1
  48. package/examples/elastic-height-demo.js.map +1 -1
  49. package/examples/floating-label-text-field-demo.d.ts +1 -0
  50. package/examples/floating-label-text-field-demo.js +32 -0
  51. package/examples/floating-label-text-field-demo.js.map +1 -0
  52. package/examples/frame-demo.d.ts +1 -0
  53. package/examples/frame-demo.js +36 -0
  54. package/examples/frame-demo.js.map +1 -0
  55. package/examples/frame-horizontal-demo.d.ts +1 -0
  56. package/examples/frame-horizontal-demo.js +44 -0
  57. package/examples/frame-horizontal-demo.js.map +1 -0
  58. package/examples/frame-no-image-demo.d.ts +1 -0
  59. package/examples/frame-no-image-demo.js +47 -0
  60. package/examples/frame-no-image-demo.js.map +1 -0
  61. package/examples/frame-vertical-demo.d.ts +1 -0
  62. package/examples/frame-vertical-demo.js +44 -0
  63. package/examples/frame-vertical-demo.js.map +1 -0
  64. package/examples/frame-with-tag-demo.d.ts +1 -0
  65. package/examples/frame-with-tag-demo.js +48 -0
  66. package/examples/frame-with-tag-demo.js.map +1 -0
  67. package/examples/radio-demo.js +3 -3
  68. package/examples/radio-demo.js.map +1 -1
  69. package/examples/scrollbar-demo.d.ts +1 -0
  70. package/examples/scrollbar-demo.js +40 -0
  71. package/examples/scrollbar-demo.js.map +1 -0
  72. package/examples/slider-frame-demo.d.ts +1 -0
  73. package/examples/slider-frame-demo.js +38 -0
  74. package/examples/slider-frame-demo.js.map +1 -0
  75. package/examples/slider-frame-with-button-demo.d.ts +1 -0
  76. package/examples/slider-frame-with-button-demo.js +46 -0
  77. package/examples/slider-frame-with-button-demo.js.map +1 -0
  78. package/examples/slider-frame-with-tag-demo.d.ts +1 -0
  79. package/examples/slider-frame-with-tag-demo.js +50 -0
  80. package/examples/slider-frame-with-tag-demo.js.map +1 -0
  81. package/examples/switch-demo.js +1 -1
  82. package/examples/switch-demo.js.map +1 -1
  83. package/examples/tooltip-demo.d.ts +1 -0
  84. package/examples/tooltip-demo.js +103 -0
  85. package/examples/tooltip-demo.js.map +1 -0
  86. package/package.json +10 -3
  87. package/styles/components.css +82 -0
  88. package/styles/theme.css +5 -2
  89. package/styles/ui/button.css +1 -1
  90. package/styles/ui/chat-button.css +68 -1
  91. package/styles/ui/controls.css +8 -52
  92. package/styles/ui/range.css +1 -1
  93. package/ui/AdvancedToast.js +11 -11
  94. package/ui/AdvancedToast.js.map +1 -1
  95. package/ui/BasicToast.js +1 -1
  96. package/ui/BasicToast.js.map +1 -1
  97. package/ui/ChatButton.js +1 -1
  98. package/ui/ChatButton.js.map +1 -1
  99. package/ui/ChatInput.d.ts +10 -0
  100. package/ui/ChatInput.js +149 -0
  101. package/ui/ChatInput.js.map +1 -0
  102. package/ui/ChatMessage.d.ts +6 -0
  103. package/ui/ChatMessage.js +2 -0
  104. package/ui/ChatTypingIndicator.d.ts +2 -0
  105. package/ui/ChatTypingIndicator.js +30 -0
  106. package/ui/ChatTypingIndicator.js.map +1 -0
  107. package/ui/ChatWindow.d.ts +21 -0
  108. package/ui/ChatWindow.js +108 -0
  109. package/ui/ChatWindow.js.map +1 -0
  110. package/ui/ChoiceExpander.js +1 -1
  111. package/ui/ChoiceExpander.js.map +1 -1
  112. package/ui/Countdown.d.ts +16 -0
  113. package/ui/Countdown.js +61 -0
  114. package/ui/Countdown.js.map +1 -0
  115. package/ui/Dropdown.d.ts +20 -3
  116. package/ui/Dropdown.js +57 -23
  117. package/ui/Dropdown.js.map +1 -1
  118. package/ui/ElasticHeight.d.ts +0 -1
  119. package/ui/ElasticHeight.js +14 -23
  120. package/ui/ElasticHeight.js.map +1 -1
  121. package/ui/FlipCard.d.ts +7 -0
  122. package/ui/FlipCard.js +59 -0
  123. package/ui/FlipCard.js.map +1 -0
  124. package/ui/Loader.d.ts +5 -4
  125. package/ui/Loader.js +11 -10
  126. package/ui/Loader.js.map +1 -1
  127. package/ui/Scrollbar.d.ts +14 -0
  128. package/ui/Scrollbar.js +68 -0
  129. package/ui/Scrollbar.js.map +1 -0
  130. package/ui/SidebarLayout.d.ts +3 -1
  131. package/ui/SidebarLayout.js +32 -24
  132. package/ui/SidebarLayout.js.map +1 -1
  133. package/ui/Tooltip.d.ts +8 -0
  134. package/ui/Tooltip.js +2 -0
  135. package/ui/buttons/Button.type.d.ts +1 -1
  136. package/ui/buttons/Button.type.js.map +1 -1
  137. package/ui/carousel/Carousel.context.d.ts +27 -0
  138. package/ui/carousel/Carousel.context.js +2 -0
  139. package/ui/carousel/Carousel.d.ts +3 -0
  140. package/ui/carousel/Carousel.js +12 -0
  141. package/ui/carousel/Carousel.js.map +1 -0
  142. package/ui/carousel/CarouselBody.d.ts +6 -0
  143. package/ui/carousel/CarouselBody.js +21 -0
  144. package/ui/carousel/CarouselBody.js.map +1 -0
  145. package/ui/carousel/CarouselItem.d.ts +6 -0
  146. package/ui/carousel/CarouselItem.js +21 -0
  147. package/ui/carousel/CarouselItem.js.map +1 -0
  148. package/ui/carousel/CarouselNext.d.ts +8 -0
  149. package/ui/carousel/CarouselNext.js +23 -0
  150. package/ui/carousel/CarouselNext.js.map +1 -0
  151. package/ui/carousel/CarouselPrevious.d.ts +8 -0
  152. package/ui/carousel/CarouselPrevious.js +23 -0
  153. package/ui/carousel/CarouselPrevious.js.map +1 -0
  154. package/ui/contexts/TridentUIConfig.js +1 -1
  155. package/ui/forms/CheckboxSelect.d.ts +31 -0
  156. package/ui/forms/CheckboxSelect.js +119 -0
  157. package/ui/forms/CheckboxSelect.js.map +1 -0
  158. package/ui/forms/Filter.d.ts +10 -4
  159. package/ui/forms/Filter.js +27 -45
  160. package/ui/forms/Filter.js.map +1 -1
  161. package/ui/forms/FloatingLabelTextField.d.ts +12 -0
  162. package/ui/forms/FloatingLabelTextField.js +132 -0
  163. package/ui/forms/FloatingLabelTextField.js.map +1 -0
  164. package/ui/forms/FormControl.d.ts +1 -1
  165. package/ui/forms/FormControl.js +4 -4
  166. package/ui/forms/FormControl.js.map +1 -1
  167. package/ui/forms/NumberField.d.ts +34 -34
  168. package/ui/forms/NumberField.js +15 -16
  169. package/ui/forms/NumberField.js.map +1 -1
  170. package/ui/forms/PhoneField.d.ts +5 -10
  171. package/ui/forms/PhoneField.js +29 -211
  172. package/ui/forms/PhoneField.js.map +1 -1
  173. package/ui/forms/PhoneFieldFullInput.d.ts +16 -0
  174. package/ui/forms/PhoneFieldFullInput.js +110 -0
  175. package/ui/forms/PhoneFieldFullInput.js.map +1 -0
  176. package/ui/forms/PhoneFieldSplitInput.d.ts +19 -0
  177. package/ui/forms/PhoneFieldSplitInput.js +157 -0
  178. package/ui/forms/PhoneFieldSplitInput.js.map +1 -0
  179. package/ui/forms/Range.d.ts +1 -1
  180. package/ui/forms/Select.js +7 -8
  181. package/ui/forms/Select.js.map +1 -1
  182. package/ui/forms/Switch.d.ts +5 -3
  183. package/ui/forms/Switch.js +54 -34
  184. package/ui/forms/Switch.js.map +1 -1
  185. package/ui/forms/TextField.js +8 -9
  186. package/ui/forms/TextField.js.map +1 -1
  187. package/ui/forms/checkboxes/Checkbox.d.ts +9 -4
  188. package/ui/forms/checkboxes/Checkbox.js +36 -16
  189. package/ui/forms/checkboxes/Checkbox.js.map +1 -1
  190. package/ui/forms/checkboxes/Checkboxes.js +3 -3
  191. package/ui/forms/checkboxes/Checkboxes.js.map +1 -1
  192. package/ui/forms/checkboxes/index.d.ts +0 -1
  193. package/ui/forms/checkboxes/index.js +1 -2
  194. package/ui/forms/password/Password.js +7 -8
  195. package/ui/forms/password/Password.js.map +1 -1
  196. package/ui/forms/radios/Radio.d.ts +2 -1
  197. package/ui/forms/radios/Radio.js +6 -3
  198. package/ui/forms/radios/Radio.js.map +1 -1
  199. package/ui/forms/radios/RadioGroup.js +13 -14
  200. package/ui/forms/radios/RadioGroup.js.map +1 -1
  201. package/ui/frame/Frame.d.ts +8 -0
  202. package/ui/frame/Frame.js +16 -0
  203. package/ui/frame/Frame.js.map +1 -0
  204. package/ui/frame/FrameLabelsWrapper.d.ts +5 -0
  205. package/ui/frame/FrameLabelsWrapper.js +12 -0
  206. package/ui/frame/FrameLabelsWrapper.js.map +1 -0
  207. package/ui/frame/FrameTitle.d.ts +7 -0
  208. package/ui/frame/FrameTitle.js +25 -0
  209. package/ui/frame/FrameTitle.js.map +1 -0
  210. package/ui/frame/FrameWrapper.d.ts +6 -0
  211. package/ui/frame/FrameWrapper.js +14 -0
  212. package/ui/frame/FrameWrapper.js.map +1 -0
  213. package/ui/frame/SliderFrame.d.ts +14 -0
  214. package/ui/frame/SliderFrame.js +50 -0
  215. package/ui/frame/SliderFrame.js.map +1 -0
  216. package/ui/helpers/phone/defaultPrefixes.js +28 -28
  217. package/ui/helpers/phone/defaultPrefixes.js.map +1 -1
  218. package/ui/helpers/phone/formatters.d.ts +11 -0
  219. package/ui/helpers/phone/formatters.js +32 -1
  220. package/ui/helpers/phone/formatters.js.map +1 -1
  221. package/ui/helpers/phone/index.d.ts +1 -1
  222. package/ui/helpers/phone/index.js +3 -3
  223. package/ui/hooks/useValue.d.ts +3 -4
  224. package/ui/hooks/useValue.js +11 -11
  225. package/ui/hooks/useValue.js.map +1 -1
  226. package/ui/tabs/Tabs.js +1 -1
  227. package/ui/tabs/Tabs.js.map +1 -1
  228. package/examples/form-checkbox-demo.d.ts +0 -1
  229. package/examples/form-checkbox-demo.js +0 -30
  230. package/examples/form-checkbox-demo.js.map +0 -1
  231. package/examples/form-checkbox-disabled-demo.d.ts +0 -1
  232. package/examples/form-checkbox-disabled-demo.js +0 -25
  233. package/examples/form-checkbox-disabled-demo.js.map +0 -1
  234. package/ui/forms/checkboxes/FormCheckbox.d.ts +0 -12
  235. package/ui/forms/checkboxes/FormCheckbox.js +0 -38
  236. package/ui/forms/checkboxes/FormCheckbox.js.map +0 -1
package/README.md CHANGED
@@ -245,6 +245,14 @@ function App() {
245
245
  3. Replace any import paths containing `atoms` or `molecules` with the `ui` path segment.
246
246
  4. irectories in paths are now in to lower case. (e.g.: `molecules/Buttons/Button` -> `ui/buttons/button`).
247
247
  5. Use icons directly from `@clubmed/trident-icons`.
248
+ 6. Update form callbacks to the unified v2 signature:
249
+ `onChange(event, value)`.
250
+ - v1 patterns like `onChange={(name, value) => ...}` must become
251
+ `onChange={(event, value) => ...}`.
252
+ - When you still need the field name, read it from
253
+ `event.currentTarget.name`.
254
+ - For checkbox-like components, replace direct event reads
255
+ (`event.target.checked`) with the second argument (`value`).
248
256
 
249
257
  > At this point, check if you haven't any issue with paths and components before moving to the next step.
250
258