@onesy/ui-react 1.0.1 → 1.0.3

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 (174) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/Accordion/Accordion.js +2 -2
  3. package/Append/Append.d.ts +1 -1
  4. package/AreaChartItem/AreaChartItem.js +8 -8
  5. package/AudioPlayer/AudioPlayer.js +25 -25
  6. package/AudioRecorder/AudioRecorder.js +10 -10
  7. package/AutoComplete/AutoComplete.d.ts +2 -2
  8. package/AutoComplete/AutoComplete.js +2 -2
  9. package/Avatar/Avatar.js +4 -4
  10. package/Breadcrumbs/Breadcrumbs.js +2 -2
  11. package/BubbleChartItem/BubbleChartItem.js +6 -6
  12. package/Calendar/Calendar.d.ts +2 -2
  13. package/Calendar/Calendar.js +7 -7
  14. package/CalendarAvailability/CalendarAvailability.js +5 -5
  15. package/CalendarMenu/CalendarMenu.js +6 -6
  16. package/CalendarMonth/CalendarMonth.d.ts +3 -3
  17. package/CalendarMonth/CalendarMonth.js +2 -2
  18. package/CalendarViews/CalendarViews.d.ts +1 -1
  19. package/CalendarViews/CalendarViews.js +2 -2
  20. package/Carousel/Carousel.d.ts +2 -2
  21. package/Carousel/Carousel.js +2 -2
  22. package/Chart/Chart.d.ts +1 -1
  23. package/Chip/Chip.js +1 -1
  24. package/Clock/Clock.d.ts +4 -4
  25. package/Clock/Clock.js +11 -11
  26. package/ColumnChartItem/ColumnChartItem.js +6 -6
  27. package/Confirm/Confirm.js +4 -4
  28. package/Countdown/Countdown.js +4 -4
  29. package/DatePicker/DatePicker.js +3 -3
  30. package/DateTimePicker/DateTimePicker.d.ts +1 -1
  31. package/DateTimePicker/DateTimePicker.js +3 -3
  32. package/DragAndDropList/DragAndDropList.js +5 -5
  33. package/Drawing/Drawing.d.ts +1 -1
  34. package/Drawing/Drawing.js +4 -4
  35. package/DropZone/DropZone.js +1 -1
  36. package/Emojis/Emojis.js +8 -8
  37. package/FileChoose/FileChoose.d.ts +1 -1
  38. package/FileChoose/FileChoose.js +5 -5
  39. package/Frame/Frame.js +4 -4
  40. package/Grid/Grid.d.ts +1 -1
  41. package/HTMLCanvas/HTMLCanvas.js +6 -6
  42. package/ImageCrop/ImageCrop.d.ts +1 -1
  43. package/ImageCrop/ImageCrop.js +22 -22
  44. package/ImageEdit/ImageEdit.d.ts +1 -1
  45. package/ImageEdit/ImageEdit.js +23 -23
  46. package/ImageGallery/ImageGallery.js +14 -14
  47. package/Info/Info.js +1 -1
  48. package/Interaction/Interaction.d.ts +1 -1
  49. package/Keyframes/Keyframes.d.ts +1 -1
  50. package/Line/Line.d.ts +5 -5
  51. package/LineChartItem/LineChartItem.js +7 -7
  52. package/Links/Links.js +2 -2
  53. package/MainProgress/MainProgress.js +13 -13
  54. package/Medias/Medias.d.ts +1 -1
  55. package/Medias/Medias.js +1 -1
  56. package/MenuDesktop/MenuDesktop.d.ts +2 -2
  57. package/MenuDesktop/MenuDesktop.js +1 -1
  58. package/MenuItem/MenuItem.js +2 -2
  59. package/MoreOptions/MoreOptions.js +1 -1
  60. package/NavigationBar/NavigationBar.d.ts +1 -1
  61. package/NavigationItem/NavigationItem.d.ts +1 -1
  62. package/NumericTextField/NumericTextField.js +2 -2
  63. package/Page/Page.js +2 -2
  64. package/Pagination/Pagination.js +4 -4
  65. package/Parallax/Parallax.d.ts +1 -1
  66. package/Rating/Rating.js +2 -2
  67. package/RichTextEditor/RichTextEditor.js +69 -69
  68. package/ScatterChartItem/ScatterChartItem.js +6 -6
  69. package/ScreenCapture/ScreenCapture.d.ts +1 -1
  70. package/ScreenCapture/ScreenCapture.js +8 -8
  71. package/Section/Section.d.ts +1 -1
  72. package/SectionContact/SectionContact.js +3 -3
  73. package/SectionMedia/SectionMedia.js +1 -1
  74. package/Select/Select.js +2 -2
  75. package/Share/Share.js +4 -4
  76. package/Slider/Slider.d.ts +1 -1
  77. package/SmartTextField/SmartTextField.js +31 -31
  78. package/Snackbar/Snackbar.js +1 -1
  79. package/Space/Space.js +13 -13
  80. package/SpeechToText/SpeechToText.js +2 -2
  81. package/SpeedDial/SpeedDial.js +1 -1
  82. package/TableCell/TableCell.d.ts +1 -1
  83. package/TableCell/TableCell.js +1 -1
  84. package/TablePagination/TablePagination.js +4 -4
  85. package/Tabs/Tabs.js +4 -4
  86. package/TextField/TextField.js +1 -1
  87. package/TextToSpeech/TextToSpeech.js +2 -2
  88. package/TimePicker/TimePicker.d.ts +2 -2
  89. package/TimePicker/TimePicker.js +2 -2
  90. package/Timer/Timer.js +5 -5
  91. package/Transition/Transition.d.ts +1 -1
  92. package/Transitions/Transitions.d.ts +1 -1
  93. package/Tree/Tree.js +3 -3
  94. package/VideoPlayer/VideoPlayer.js +29 -29
  95. package/ViewSplit/ViewSplit.js +2 -2
  96. package/Weather/Weather.d.ts +3 -3
  97. package/Weather/Weather.js +5 -5
  98. package/Widgets/Widgets.js +2 -2
  99. package/WindowSplit/WindowSplit.js +2 -2
  100. package/esm/Accordion/Accordion.js +2 -2
  101. package/esm/AreaChartItem/AreaChartItem.js +8 -8
  102. package/esm/AudioPlayer/AudioPlayer.js +25 -25
  103. package/esm/AudioRecorder/AudioRecorder.js +10 -10
  104. package/esm/AutoComplete/AutoComplete.js +2 -2
  105. package/esm/Avatar/Avatar.js +2 -2
  106. package/esm/Breadcrumbs/Breadcrumbs.js +2 -2
  107. package/esm/BubbleChartItem/BubbleChartItem.js +6 -6
  108. package/esm/Calendar/Calendar.js +7 -7
  109. package/esm/CalendarAvailability/CalendarAvailability.js +5 -5
  110. package/esm/CalendarMenu/CalendarMenu.js +6 -6
  111. package/esm/CalendarMonth/CalendarMonth.js +2 -2
  112. package/esm/CalendarViews/CalendarViews.js +2 -2
  113. package/esm/Carousel/Carousel.js +2 -2
  114. package/esm/Chip/Chip.js +1 -1
  115. package/esm/Clock/Clock.js +11 -11
  116. package/esm/ColumnChartItem/ColumnChartItem.js +6 -6
  117. package/esm/Confirm/Confirm.js +4 -4
  118. package/esm/Countdown/Countdown.js +4 -4
  119. package/esm/DatePicker/DatePicker.js +3 -3
  120. package/esm/DateTimePicker/DateTimePicker.js +3 -3
  121. package/esm/DragAndDropList/DragAndDropList.js +5 -5
  122. package/esm/Drawing/Drawing.js +4 -4
  123. package/esm/DropZone/DropZone.js +1 -1
  124. package/esm/Emojis/Emojis.js +8 -8
  125. package/esm/FileChoose/FileChoose.js +5 -5
  126. package/esm/Frame/Frame.js +4 -4
  127. package/esm/HTMLCanvas/HTMLCanvas.js +6 -6
  128. package/esm/ImageCrop/ImageCrop.js +22 -22
  129. package/esm/ImageEdit/ImageEdit.js +23 -23
  130. package/esm/ImageGallery/ImageGallery.js +14 -14
  131. package/esm/Info/Info.js +1 -1
  132. package/esm/LineChartItem/LineChartItem.js +7 -7
  133. package/esm/Links/Links.js +2 -2
  134. package/esm/MainProgress/MainProgress.js +13 -13
  135. package/esm/Medias/Medias.js +1 -1
  136. package/esm/MenuDesktop/MenuDesktop.js +1 -1
  137. package/esm/MenuItem/MenuItem.js +2 -2
  138. package/esm/MoreOptions/MoreOptions.js +1 -1
  139. package/esm/NumericTextField/NumericTextField.js +2 -2
  140. package/esm/Page/Page.js +2 -2
  141. package/esm/Pagination/Pagination.js +4 -4
  142. package/esm/Rating/Rating.js +2 -2
  143. package/esm/RichTextEditor/RichTextEditor.js +69 -69
  144. package/esm/ScatterChartItem/ScatterChartItem.js +6 -6
  145. package/esm/ScreenCapture/ScreenCapture.js +8 -8
  146. package/esm/SectionContact/SectionContact.js +3 -3
  147. package/esm/SectionMedia/SectionMedia.js +1 -1
  148. package/esm/Select/Select.js +2 -2
  149. package/esm/Share/Share.js +4 -4
  150. package/esm/SmartTextField/SmartTextField.js +31 -31
  151. package/esm/Snackbar/Snackbar.js +1 -1
  152. package/esm/Space/Space.js +13 -13
  153. package/esm/SpeechToText/SpeechToText.js +2 -2
  154. package/esm/SpeedDial/SpeedDial.js +1 -1
  155. package/esm/TableCell/TableCell.js +1 -1
  156. package/esm/TablePagination/TablePagination.js +4 -4
  157. package/esm/Tabs/Tabs.js +4 -4
  158. package/esm/TextField/TextField.js +1 -1
  159. package/esm/TextToSpeech/TextToSpeech.js +2 -2
  160. package/esm/TimePicker/TimePicker.js +2 -2
  161. package/esm/Timer/Timer.js +5 -5
  162. package/esm/Tree/Tree.js +3 -3
  163. package/esm/VideoPlayer/VideoPlayer.js +29 -29
  164. package/esm/ViewSplit/ViewSplit.js +2 -2
  165. package/esm/Weather/Weather.js +5 -5
  166. package/esm/Widgets/Widgets.js +2 -2
  167. package/esm/WindowSplit/WindowSplit.js +2 -2
  168. package/esm/index.js +1 -1
  169. package/esm/useScroll/useScroll.js +2 -2
  170. package/package.json +1 -1
  171. package/types.d.ts +23 -23
  172. package/useForm/validate.d.ts +6 -6
  173. package/useScroll/useScroll.d.ts +1 -1
  174. package/useScroll/useScroll.js +2 -2
@@ -8,9 +8,9 @@ import React from 'react';
8
8
  import { is, unique } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
10
  import { OnesyDate, format as formatMethod, set, is as isOnesyDate } from '@onesy/date';
11
- import IconMaterialDateRange from '@amaui/icons-material-rounded-react/IconMaterialDateRangeW100Filled';
12
- import IconMaterialCalendarToday from '@amaui/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled';
13
- import IconMaterialSchedule from '@amaui/icons-material-rounded-react/IconMaterialScheduleW100';
11
+ import IconMaterialDateRange from '@onesy/icons-material-rounded-react/IconMaterialDateRangeW100Filled';
12
+ import IconMaterialCalendarToday from '@onesy/icons-material-rounded-react/IconMaterialCalendarTodayW100Filled';
13
+ import IconMaterialSchedule from '@onesy/icons-material-rounded-react/IconMaterialScheduleW100';
14
14
  import AdvancedTextFieldElement from '../AdvancedTextField';
15
15
  import ModalElement from '../Modal';
16
16
  import TooltipElement from '../Tooltip';
@@ -33,11 +33,11 @@ const DragAndDropList = /*#__PURE__*/React.forwardRef((props_, ref) => {
33
33
  classes
34
34
  } = useStyle();
35
35
  const refs = {
36
- root: React.useRef(undefined),
37
- dragging: React.useRef(undefined),
38
- rectDragged: React.useRef(undefined),
39
- isDragging: React.useRef(),
40
- previous: React.useRef(undefined)
36
+ root: React.useRef(null),
37
+ dragging: React.useRef(null),
38
+ rectDragged: React.useRef(null),
39
+ isDragging: React.useRef(null),
40
+ previous: React.useRef(null)
41
41
  };
42
42
  const onChange = React.useMemo(() => {
43
43
  return debounce((indexPrevious, indexNew) => onChange_(indexPrevious, indexNew), delay);
@@ -11,10 +11,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
11
11
  import React from 'react';
12
12
  import { elementToCanvas, is, isEnvironment } from '@onesy/utils';
13
13
  import { classNames, colors, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
14
- import IconMaterialDeleteSweep from '@amaui/icons-material-rounded-react/IconMaterialDeleteSweepW100';
15
- import IconMaterialDownload from '@amaui/icons-material-rounded-react/IconMaterialDownloadW100';
16
- import IconMaterialCropLandscape from '@amaui/icons-material-rounded-react/IconMaterialCropLandscapeW100';
17
- import IconMaterialPalette from '@amaui/icons-material-rounded-react/IconMaterialPaletteW100';
14
+ import IconMaterialDeleteSweep from '@onesy/icons-material-rounded-react/IconMaterialDeleteSweepW100';
15
+ import IconMaterialDownload from '@onesy/icons-material-rounded-react/IconMaterialDownloadW100';
16
+ import IconMaterialCropLandscape from '@onesy/icons-material-rounded-react/IconMaterialCropLandscapeW100';
17
+ import IconMaterialPalette from '@onesy/icons-material-rounded-react/IconMaterialPaletteW100';
18
18
  import ListItemElement from '../ListItem';
19
19
  import SurfaceElement from '../Surface';
20
20
  import TooltipElement from '../Tooltip';
@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
6
6
  import React from 'react';
7
7
  import { is, isEnvironment } from '@onesy/utils';
8
8
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
9
- import IconMaterialCloudUpload from '@amaui/icons-material-rounded-react/IconMaterialCloudUploadW100';
9
+ import IconMaterialCloudUpload from '@onesy/icons-material-rounded-react/IconMaterialCloudUploadW100';
10
10
  import FileChooseElement from '../FileChoose';
11
11
  import SurfaceElement from '../Surface';
12
12
  import TypeElement from '../Type';
@@ -7,14 +7,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, debounce, clamp, capitalize } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialMood from '@amaui/icons-material-rounded-react/IconMaterialMoodW100';
11
- import IconMaterialEmojiNature from '@amaui/icons-material-rounded-react/IconMaterialEmojiNatureW100';
12
- import IconMaterialEmojiFoodBeverage from '@amaui/icons-material-rounded-react/IconMaterialEmojiFoodBeverageW100';
13
- import IconMaterialHiking from '@amaui/icons-material-rounded-react/IconMaterialHikingW100';
14
- import IconMaterialEmojiTransportation from '@amaui/icons-material-rounded-react/IconMaterialEmojiTransportationW100';
15
- import IconMaterialEmojiObjects from '@amaui/icons-material-rounded-react/IconMaterialEmojiObjectsW100';
16
- import IconMaterialEmojiSymbols from '@amaui/icons-material-rounded-react/IconMaterialEmojiSymbolsW100';
17
- import IconMaterialEmojiFlags from '@amaui/icons-material-rounded-react/IconMaterialEmojiFlagsW100';
10
+ import IconMaterialMood from '@onesy/icons-material-rounded-react/IconMaterialMoodW100';
11
+ import IconMaterialEmojiNature from '@onesy/icons-material-rounded-react/IconMaterialEmojiNatureW100';
12
+ import IconMaterialEmojiFoodBeverage from '@onesy/icons-material-rounded-react/IconMaterialEmojiFoodBeverageW100';
13
+ import IconMaterialHiking from '@onesy/icons-material-rounded-react/IconMaterialHikingW100';
14
+ import IconMaterialEmojiTransportation from '@onesy/icons-material-rounded-react/IconMaterialEmojiTransportationW100';
15
+ import IconMaterialEmojiObjects from '@onesy/icons-material-rounded-react/IconMaterialEmojiObjectsW100';
16
+ import IconMaterialEmojiSymbols from '@onesy/icons-material-rounded-react/IconMaterialEmojiSymbolsW100';
17
+ import IconMaterialEmojiFlags from '@onesy/icons-material-rounded-react/IconMaterialEmojiFlagsW100';
18
18
  import MenuElement from '../Menu/Menu';
19
19
  import LineElement from '../Line';
20
20
  import SpyScrollElement from '../SpyScroll';
@@ -7,11 +7,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, to } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
11
- import IconMaterialDraft from '@amaui/icons-material-rounded-react/IconMaterialDraftW100';
12
- import IconMaterialCloudUpload from '@amaui/icons-material-rounded-react/IconMaterialCloudUploadW100';
13
- import IconMaterialFolder from '@amaui/icons-material-rounded-react/IconMaterialFolderW100';
14
- import IconMaterialFolderOpen from '@amaui/icons-material-rounded-react/IconMaterialFolderOpenW100';
10
+ import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
11
+ import IconMaterialDraft from '@onesy/icons-material-rounded-react/IconMaterialDraftW100';
12
+ import IconMaterialCloudUpload from '@onesy/icons-material-rounded-react/IconMaterialCloudUploadW100';
13
+ import IconMaterialFolder from '@onesy/icons-material-rounded-react/IconMaterialFolderW100';
14
+ import IconMaterialFolderOpen from '@onesy/icons-material-rounded-react/IconMaterialFolderOpenW100';
15
15
  import TypeElement from '../Type';
16
16
  import ButtonElement from '../Button';
17
17
  import IconButtonElement from '../IconButton';
@@ -7,10 +7,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialSmartphone from '@amaui/icons-material-rounded-react/IconMaterialSmartphoneW100';
11
- import IconMaterialTabletMac from '@amaui/icons-material-rounded-react/IconMaterialTabletMacW100';
12
- import IconMaterialComputer from '@amaui/icons-material-rounded-react/IconMaterialComputerW100';
13
- import IconMaterialDesktopWindows from '@amaui/icons-material-rounded-react/IconMaterialDesktopWindowsW100';
10
+ import IconMaterialSmartphone from '@onesy/icons-material-rounded-react/IconMaterialSmartphoneW100';
11
+ import IconMaterialTabletMac from '@onesy/icons-material-rounded-react/IconMaterialTabletMacW100';
12
+ import IconMaterialComputer from '@onesy/icons-material-rounded-react/IconMaterialComputerW100';
13
+ import IconMaterialDesktopWindows from '@onesy/icons-material-rounded-react/IconMaterialDesktopWindowsW100';
14
14
  import IconButtonElement from '../IconButton';
15
15
  import LineElement from '../Line';
16
16
  import TooltipElement from '../Tooltip';
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { clamp, debounce, is, isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialCenterFocusWeak from '@amaui/icons-material-rounded-react/IconMaterialCenterFocusWeakW100';
10
+ import IconMaterialCenterFocusWeak from '@onesy/icons-material-rounded-react/IconMaterialCenterFocusWeakW100';
11
11
  import LineElement from '../Line';
12
12
  import SurfaceElement from '../Surface';
13
13
  import IconButtonElement from '../IconButton';
@@ -145,16 +145,16 @@ const HTMLCanvas = /*#__PURE__*/React.forwardRef((props_, ref) => {
145
145
  const [keyDown, setKeyDown] = React.useState();
146
146
  const [showGuidelines, setShowGuidelines] = React.useState(!!showGuidelinesDefault);
147
147
  const refs = {
148
- root: React.useRef(undefined),
149
- container: React.useRef(undefined),
150
- miniMap: React.useRef(undefined),
148
+ root: React.useRef(null),
149
+ container: React.useRef(null),
150
+ miniMap: React.useRef(null),
151
151
  minZoom: React.useRef(minZoom),
152
152
  maxZoom: React.useRef(maxZoom),
153
153
  positions: React.useRef(positions),
154
- previousMouseEvent: React.useRef(),
154
+ previousMouseEvent: React.useRef(null),
155
155
  mouseDown: React.useRef(false),
156
156
  mouseDownMiniMap: React.useRef(false),
157
- keyDown: React.useRef(undefined),
157
+ keyDown: React.useRef(null),
158
158
  boundaries: React.useRef({
159
159
  x: [width * positions?.zoom * -1, 0],
160
160
  y: [height * positions?.zoom * -1, 0]
@@ -281,28 +281,28 @@ const ImageCrop = /*#__PURE__*/React.forwardRef((props_, ref) => {
281
281
  const [selector, setSelector] = React.useState(selectorDefault !== undefined ? selectorDefault : selector_);
282
282
  const [selectorRelative, setSelectorRelative] = React.useState();
283
283
  const refs = {
284
- root: React.useRef(undefined),
285
- image: React.useRef(undefined),
286
- mouseDown: React.useRef(undefined),
287
- selector: React.useRef(undefined),
288
- imageSelectorMain: React.useRef(undefined),
289
- imageSelector: React.useRef(undefined),
290
- previousMouseEvent: React.useRef(undefined),
291
- canvasMain: React.useRef(),
292
- canvasImageSelector: React.useRef(),
293
- move: React.useRef(undefined),
294
- borderTop: React.useRef(undefined),
295
- borderLeft: React.useRef(undefined),
296
- borderRight: React.useRef(undefined),
297
- borderBottom: React.useRef(undefined),
298
- dotTopLeft: React.useRef(undefined),
299
- dotTopRight: React.useRef(undefined),
300
- dotBottomLeft: React.useRef(undefined),
301
- dotBottomRight: React.useRef(undefined),
302
- props: React.useRef(undefined),
303
- dynamicParent: React.useRef(undefined),
304
- focus: React.useRef(undefined),
305
- aspectRatio: React.useRef(undefined)
284
+ root: React.useRef(null),
285
+ image: React.useRef(null),
286
+ mouseDown: React.useRef(null),
287
+ selector: React.useRef(null),
288
+ imageSelectorMain: React.useRef(null),
289
+ imageSelector: React.useRef(null),
290
+ previousMouseEvent: React.useRef(null),
291
+ canvasMain: React.useRef(null),
292
+ canvasImageSelector: React.useRef(null),
293
+ move: React.useRef(null),
294
+ borderTop: React.useRef(null),
295
+ borderLeft: React.useRef(null),
296
+ borderRight: React.useRef(null),
297
+ borderBottom: React.useRef(null),
298
+ dotTopLeft: React.useRef(null),
299
+ dotTopRight: React.useRef(null),
300
+ dotBottomLeft: React.useRef(null),
301
+ dotBottomRight: React.useRef(null),
302
+ props: React.useRef(null),
303
+ dynamicParent: React.useRef(null),
304
+ focus: React.useRef(null),
305
+ aspectRatio: React.useRef(null)
306
306
  };
307
307
  refs.image.current = image;
308
308
  refs.mouseDown.current = mouseDown;
@@ -7,20 +7,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, to, clamp, debounce, canvasCrop, download as downloadMethod, isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialDone from '@amaui/icons-material-rounded-react/IconMaterialDoneW100';
11
- import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
12
- import IconMaterialTune from '@amaui/icons-material-rounded-react/IconMaterialTuneW100';
13
- import IconMaterialCrop from '@amaui/icons-material-rounded-react/IconMaterialCropW100';
14
- import IconMaterialAspectRatio from '@amaui/icons-material-rounded-react/IconMaterialAspectRatioW100';
15
- import IconMaterialHighQuality from '@amaui/icons-material-rounded-react/IconMaterialHighQualityW100';
16
- import IconMaterialClearAll from '@amaui/icons-material-rounded-react/IconMaterialClearAllW100';
17
- import IconMaterialDownload from '@amaui/icons-material-rounded-react/IconMaterialDownloadW100';
18
- import IconMaterialCloud from '@amaui/icons-material-rounded-react/IconMaterialCloudW100';
19
- import IconMaterialWaterDrop from '@amaui/icons-material-rounded-react/IconMaterialWaterDropW100';
20
- import IconMaterialFlaky from '@amaui/icons-material-rounded-react/IconMaterialFlakyW100';
21
- import IconMaterialWbSunny from '@amaui/icons-material-rounded-react/IconMaterialWbSunnyW100';
22
- import IconMaterialTonality from '@amaui/icons-material-rounded-react/IconMaterialTonalityW100';
23
- import IconMaterialNightlight from '@amaui/icons-material-rounded-react/IconMaterialNightlightW100';
10
+ import IconMaterialDone from '@onesy/icons-material-rounded-react/IconMaterialDoneW100';
11
+ import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
12
+ import IconMaterialTune from '@onesy/icons-material-rounded-react/IconMaterialTuneW100';
13
+ import IconMaterialCrop from '@onesy/icons-material-rounded-react/IconMaterialCropW100';
14
+ import IconMaterialAspectRatio from '@onesy/icons-material-rounded-react/IconMaterialAspectRatioW100';
15
+ import IconMaterialHighQuality from '@onesy/icons-material-rounded-react/IconMaterialHighQualityW100';
16
+ import IconMaterialClearAll from '@onesy/icons-material-rounded-react/IconMaterialClearAllW100';
17
+ import IconMaterialDownload from '@onesy/icons-material-rounded-react/IconMaterialDownloadW100';
18
+ import IconMaterialCloud from '@onesy/icons-material-rounded-react/IconMaterialCloudW100';
19
+ import IconMaterialWaterDrop from '@onesy/icons-material-rounded-react/IconMaterialWaterDropW100';
20
+ import IconMaterialFlaky from '@onesy/icons-material-rounded-react/IconMaterialFlakyW100';
21
+ import IconMaterialWbSunny from '@onesy/icons-material-rounded-react/IconMaterialWbSunnyW100';
22
+ import IconMaterialTonality from '@onesy/icons-material-rounded-react/IconMaterialTonalityW100';
23
+ import IconMaterialNightlight from '@onesy/icons-material-rounded-react/IconMaterialNightlightW100';
24
24
  import TypeElement from '../Type';
25
25
  import SurfaceElement from '../Surface';
26
26
  import TooltipElement from '../Tooltip';
@@ -205,15 +205,15 @@ const ImageEdit = /*#__PURE__*/React.forwardRef((props_, ref) => {
205
205
  classes
206
206
  } = useStyle();
207
207
  const refs = {
208
- root: React.useRef(undefined),
209
- option: React.useRef(undefined),
210
- value: React.useRef(undefined),
211
- valueCopy: React.useRef(undefined),
212
- canvasMain: React.useRef(),
213
- open: React.useRef(),
214
- resizeAspectRatio: React.useRef(undefined),
215
- filterValues: React.useRef(undefined),
216
- filterValuesCopy: React.useRef(undefined)
208
+ root: React.useRef(null),
209
+ option: React.useRef(null),
210
+ value: React.useRef(null),
211
+ valueCopy: React.useRef(null),
212
+ canvasMain: React.useRef(null),
213
+ open: React.useRef(null),
214
+ resizeAspectRatio: React.useRef(null),
215
+ filterValues: React.useRef(null),
216
+ filterValuesCopy: React.useRef(null)
217
217
  };
218
218
  refs.value.current = value;
219
219
  refs.valueCopy.current = valueCopy;
@@ -7,9 +7,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { clamp, is } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialNavigateNext from '@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100';
11
- import IconMaterialNavigateBefore from '@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
12
- import IconMaterialClose from '@amaui/icons-material-rounded-react/IconMaterialCloseW100';
10
+ import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
11
+ import IconMaterialNavigateBefore from '@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
12
+ import IconMaterialClose from '@onesy/icons-material-rounded-react/IconMaterialCloseW100';
13
13
  import ImageElement from '../Image';
14
14
  import LineElement from '../Line';
15
15
  import IconButtonElement from '../IconButton';
@@ -196,18 +196,18 @@ const ImageGallery = /*#__PURE__*/React.forwardRef((props_, ref) => {
196
196
  const [imageRef, setImageRef] = React.useState();
197
197
  const [keyDown, setKeyDown] = React.useState();
198
198
  const refs = {
199
- root: React.useRef(undefined),
199
+ root: React.useRef(null),
200
200
  version: React.useRef(version),
201
- more: React.useRef(undefined),
202
- image: React.useRef(),
203
- imageWrapper: React.useRef(undefined),
204
- media: React.useRef(undefined),
205
- zoom: React.useRef(undefined),
206
- incrementZoom: React.useRef(undefined),
207
- minZoom: React.useRef(undefined),
208
- maxZoom: React.useRef(undefined),
209
- mouseDown: React.useRef(undefined),
210
- mouseMovePrevious: React.useRef(undefined),
201
+ more: React.useRef(null),
202
+ image: React.useRef(null),
203
+ imageWrapper: React.useRef(null),
204
+ media: React.useRef(null),
205
+ zoom: React.useRef(null),
206
+ incrementZoom: React.useRef(null),
207
+ minZoom: React.useRef(null),
208
+ maxZoom: React.useRef(null),
209
+ mouseDown: React.useRef(null),
210
+ mouseMovePrevious: React.useRef(null),
211
211
  keyDown: React.useRef(keyDown),
212
212
  useZoom: React.useRef(false)
213
213
  };
package/esm/Info/Info.js CHANGED
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is } from '@onesy/utils';
9
9
  import { classNames, style, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialInfo from '@amaui/icons-material-rounded-react/IconMaterialInfoW100';
10
+ import IconMaterialInfo from '@onesy/icons-material-rounded-react/IconMaterialInfoW100';
11
11
  import IconButtonElement from '../IconButton';
12
12
  import LineElement from '../Line';
13
13
  import MenuElement from '../Menu';
@@ -55,14 +55,14 @@ const LineChartItem = /*#__PURE__*/React.forwardRef((props_, ref) => {
55
55
  classes
56
56
  } = useStyle();
57
57
  const refs = {
58
- minMax: React.useRef(undefined),
59
- smooth: React.useRef(undefined),
60
- theme: React.useRef(undefined),
61
- path: React.useRef(),
58
+ minMax: React.useRef(null),
59
+ smooth: React.useRef(null),
60
+ theme: React.useRef(null),
61
+ path: React.useRef(null),
62
62
  pathStyle: React.useRef({}),
63
- animate: React.useRef(undefined),
64
- animateTimeout: React.useRef(),
65
- init: React.useRef(undefined)
63
+ animate: React.useRef(null),
64
+ animateTimeout: React.useRef(null),
65
+ init: React.useRef(null)
66
66
  };
67
67
  const keys = React.useMemo(() => {
68
68
  const result = [];
@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { textToInnerHTML } from '@onesy/utils';
9
9
  import { classNames, style, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialShare from '@amaui/icons-material-rounded-react/IconMaterialShareW100';
11
- import IconMaterialMoreVert from '@amaui/icons-material-rounded-react/IconMaterialMoreVertW100';
10
+ import IconMaterialShare from '@onesy/icons-material-rounded-react/IconMaterialShareW100';
11
+ import IconMaterialMoreVert from '@onesy/icons-material-rounded-react/IconMaterialMoreVertW100';
12
12
  import SectionElement from '../Section';
13
13
  import MenuElement from '../Menu';
14
14
  import ShareElement from '../Share';
@@ -69,19 +69,19 @@ const MainProgress = /*#__PURE__*/React.forwardRef((props_, ref) => {
69
69
  const [value, setValue] = React.useState(min);
70
70
  const refs = {
71
71
  value_: React.useRef({}),
72
- value: React.useRef(),
73
- min: React.useRef(),
74
- max: React.useRef(),
75
- firstIncrement: React.useRef(),
76
- incrementMin: React.useRef(),
77
- incrementMax: React.useRef(),
78
- stepInterval: React.useRef(),
79
- stepMin: React.useRef(),
80
- stepMax: React.useRef(),
81
- TransitionComponentProps: React.useRef(undefined),
82
- linearProgress: React.useRef(undefined),
83
- interval: React.useRef(undefined),
84
- props: React.useRef(undefined)
72
+ value: React.useRef(null),
73
+ min: React.useRef(null),
74
+ max: React.useRef(null),
75
+ firstIncrement: React.useRef(null),
76
+ incrementMin: React.useRef(null),
77
+ incrementMax: React.useRef(null),
78
+ stepInterval: React.useRef(null),
79
+ stepMin: React.useRef(null),
80
+ stepMax: React.useRef(null),
81
+ TransitionComponentProps: React.useRef(null),
82
+ linearProgress: React.useRef(null),
83
+ interval: React.useRef(null),
84
+ props: React.useRef(null)
85
85
  };
86
86
  refs.value.current = value;
87
87
  refs.props.current = props;
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialDraft from '@amaui/icons-material-rounded-react/IconMaterialDraftW100';
10
+ import IconMaterialDraft from '@onesy/icons-material-rounded-react/IconMaterialDraftW100';
11
11
  import LinkElement from '../Link';
12
12
  import TypeElement from '../Type';
13
13
  import InteractionElement from '../Interaction';
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialExpandMore from '@amaui/icons-material-rounded-react/IconMaterialExpandMoreW100';
10
+ import IconMaterialExpandMore from '@onesy/icons-material-rounded-react/IconMaterialExpandMoreW100';
11
11
  import GrowElement from '../Grow';
12
12
  import AppendElement from '../Append';
13
13
  import TransitionsElement from '../Transitions';
@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialExpandMore from '@amaui/icons-material-rounded-react/IconMaterialExpandMoreW100';
11
- import IconMaterialArrowRight from '@amaui/icons-material-rounded-react/IconMaterialArrowRightW100';
10
+ import IconMaterialExpandMore from '@onesy/icons-material-rounded-react/IconMaterialExpandMoreW100';
11
+ import IconMaterialArrowRight from '@onesy/icons-material-rounded-react/IconMaterialArrowRightW100';
12
12
  import ListItemElement from '../ListItem';
13
13
  import ListElement from '../List';
14
14
  import IconButtonElement from '../IconButton';
@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
6
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
7
  import React from 'react';
8
8
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
9
- import IconMaterialMoreVert from '@amaui/icons-material-rounded-react/IconMaterialMoreVertW100';
9
+ import IconMaterialMoreVert from '@onesy/icons-material-rounded-react/IconMaterialMoreVertW100';
10
10
  import IconButtonElement from '../IconButton';
11
11
  import MenuElement from '../Menu/Menu';
12
12
  import { staticClassName } from '../utils';
@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, clamp, numberWithCommas, isEnvironment } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialKeyboardArrowUp from '@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowUpW100';
11
- import IconMaterialKeyboardArrowDown from '@amaui/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100';
10
+ import IconMaterialKeyboardArrowUp from '@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowUpW100';
11
+ import IconMaterialKeyboardArrowDown from '@onesy/icons-material-rounded-react/IconMaterialKeyboardArrowDownW100';
12
12
  import AdvancedTextFieldElement from '../AdvancedTextField';
13
13
  import IconButtonElement from '../IconButton';
14
14
  import { staticClassName } from '../utils';
package/esm/Page/Page.js CHANGED
@@ -8,8 +8,8 @@ import React from 'react';
8
8
  import { useNavigate } from 'react-router-dom';
9
9
  import { is, isEnvironment } from '@onesy/utils';
10
10
  import { style as styleMethod, classNames, useOnesyTheme } from '@onesy/style-react';
11
- import IconMaterialArrowBack from '@amaui/icons-material-rounded-react/IconMaterialArrowBackW100';
12
- import IconMaterialArrowForward from '@amaui/icons-material-rounded-react/IconMaterialArrowForwardW100';
11
+ import IconMaterialArrowBack from '@onesy/icons-material-rounded-react/IconMaterialArrowBackW100';
12
+ import IconMaterialArrowForward from '@onesy/icons-material-rounded-react/IconMaterialArrowForwardW100';
13
13
  import IconButtonElement from '../IconButton';
14
14
  import LineElement from '../Line';
15
15
  import TooltipElement from '../Tooltip';
@@ -7,10 +7,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { is, clamp, pagination } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialLastPage from '@amaui/icons-material-rounded-react/IconMaterialLastPageW100';
11
- import IconMaterialFirstPage from '@amaui/icons-material-rounded-react/IconMaterialFirstPageW100';
12
- import IconMaterialNavigateNext from '@amaui/icons-material-rounded-react/IconMaterialNavigateNextW100';
13
- import IconMaterialNavigateBefore from '@amaui/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
10
+ import IconMaterialLastPage from '@onesy/icons-material-rounded-react/IconMaterialLastPageW100';
11
+ import IconMaterialFirstPage from '@onesy/icons-material-rounded-react/IconMaterialFirstPageW100';
12
+ import IconMaterialNavigateNext from '@onesy/icons-material-rounded-react/IconMaterialNavigateNextW100';
13
+ import IconMaterialNavigateBefore from '@onesy/icons-material-rounded-react/IconMaterialNavigateBeforeW100';
14
14
  import TypeElement from '../Type';
15
15
  import LineElement from '../Line';
16
16
  import IconButtonElement from '../IconButton';
@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import React from 'react';
8
8
  import { clamp, is, isEnvironment, valueFromPercentageWithinRange } from '@onesy/utils';
9
9
  import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
10
- import IconMaterialGrade from '@amaui/icons-material-rounded-react/IconMaterialGradeW100';
11
- import IconMaterialGradeFilled from '@amaui/icons-material-rounded-react/IconMaterialGradeW100Filled';
10
+ import IconMaterialGrade from '@onesy/icons-material-rounded-react/IconMaterialGradeW100';
11
+ import IconMaterialGradeFilled from '@onesy/icons-material-rounded-react/IconMaterialGradeW100Filled';
12
12
  import { staticClassName } from '../utils';
13
13
  const useStyle = styleMethod(theme => ({
14
14
  root: {