@onesy/ui-react 1.0.164 → 1.0.167
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.
- package/Accordion/Accordion.d.ts +2 -2
- package/Accordion/Accordion.js +18 -41
- package/AdvancedTextField/AdvancedTextField.d.ts +1 -1
- package/AdvancedTextField/AdvancedTextField.js +17 -22
- package/Append/Append.d.ts +3 -3
- package/Append/Append.js +98 -110
- package/AreaChart/AreaChart.d.ts +1 -1
- package/AreaChart/AreaChart.js +27 -18
- package/AreaChartItem/AreaChartItem.d.ts +1 -1
- package/AreaChartItem/AreaChartItem.js +38 -49
- package/AudioPlayer/AudioPlayer.d.ts +1 -1
- package/AudioPlayer/AudioPlayer.js +89 -116
- package/AudioRecorder/AudioRecorder.d.ts +1 -1
- package/AudioRecorder/AudioRecorder.js +24 -42
- package/AutoComplete/AutoComplete.d.ts +3 -3
- package/AutoComplete/AutoComplete.js +119 -151
- package/AutoCompleteCountry/AutoCompleteCountry.d.ts +1 -1
- package/AutoCompleteCountry/AutoCompleteCountry.js +11 -22
- package/AutoCompleteCurrency/AutoCompleteCurrency.d.ts +1 -1
- package/AutoCompleteCurrency/AutoCompleteCurrency.js +4 -9
- package/Avatar/Avatar.d.ts +1 -1
- package/Avatar/Avatar.js +58 -31
- package/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/AvatarGroup/AvatarGroup.js +40 -23
- package/Backdrop/Backdrop.d.ts +1 -1
- package/Backdrop/Backdrop.js +7 -18
- package/Badge/Badge.d.ts +1 -1
- package/Badge/Badge.js +53 -26
- package/Banner/Banner.d.ts +1 -1
- package/Banner/Banner.js +86 -39
- package/BottomAppBar/BottomAppBar.d.ts +1 -1
- package/BottomAppBar/BottomAppBar.js +61 -31
- package/BottomSheet/BottomSheet.d.ts +1 -1
- package/BottomSheet/BottomSheet.js +23 -13
- package/Box/Box.d.ts +1 -1
- package/Box/Box.js +25 -11
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +27 -38
- package/BubbleChart/BubbleChart.d.ts +1 -1
- package/BubbleChart/BubbleChart.js +126 -120
- package/BubbleChartItem/BubbleChartItem.d.ts +1 -1
- package/BubbleChartItem/BubbleChartItem.js +12 -23
- package/Button/Button.d.ts +1 -1
- package/Button/Button.js +27 -42
- package/Buttons/Buttons.d.ts +1 -1
- package/Buttons/Buttons.js +208 -97
- package/Calendar/Calendar.d.ts +3 -3
- package/Calendar/Calendar.js +95 -133
- package/CalendarAvailability/CalendarAvailability.d.ts +2 -2
- package/CalendarAvailability/CalendarAvailability.js +107 -148
- package/CalendarMenu/CalendarMenu.d.ts +1 -1
- package/CalendarMenu/CalendarMenu.js +47 -80
- package/CalendarMonth/CalendarMonth.d.ts +5 -5
- package/CalendarMonth/CalendarMonth.js +103 -124
- package/CalendarViews/CalendarViews.d.ts +2 -2
- package/CalendarViews/CalendarViews.js +34 -60
- package/CalendarWeek/CalendarWeek.d.ts +1 -1
- package/CalendarWeek/CalendarWeek.js +84 -95
- package/Card/Card.d.ts +1 -1
- package/Card/Card.js +10 -21
- package/CardButton/CardButton.d.ts +1 -1
- package/CardButton/CardButton.js +8 -13
- package/CardFooter/CardFooter.d.ts +1 -1
- package/CardFooter/CardFooter.js +40 -21
- package/CardHeader/CardHeader.d.ts +1 -1
- package/CardHeader/CardHeader.js +68 -24
- package/CardImage/CardImage.d.ts +1 -1
- package/CardImage/CardImage.js +31 -13
- package/CardMain/CardMain.d.ts +1 -1
- package/CardMain/CardMain.js +30 -16
- package/Carousel/Carousel.d.ts +4 -4
- package/Carousel/Carousel.js +163 -181
- package/Chart/Chart.d.ts +4 -4
- package/Chart/Chart.js +250 -271
- package/Checkbox/Checkbox.d.ts +1 -1
- package/Checkbox/Checkbox.js +133 -33
- package/Chip/Chip.d.ts +1 -1
- package/Chip/Chip.js +5 -10
- package/Chips/Chips.d.ts +1 -1
- package/Chips/Chips.js +73 -38
- package/ClickListener/ClickListener.d.ts +1 -1
- package/ClickListener/ClickListener.js +10 -12
- package/Clock/Clock.d.ts +5 -5
- package/Clock/Clock.js +81 -89
- package/ColorTextField/ColorTextField.d.ts +1 -1
- package/ColorTextField/ColorTextField.js +190 -75
- package/ColumnChart/ColumnChart.d.ts +1 -1
- package/ColumnChart/ColumnChart.js +43 -24
- package/ColumnChartItem/ColumnChartItem.d.ts +1 -1
- package/ColumnChartItem/ColumnChartItem.js +12 -23
- package/Confirm/Confirm.d.ts +4 -4
- package/Confirm/Confirm.js +13 -37
- package/Confirm/useConfirm.js +1 -1
- package/Container/Container.d.ts +1 -1
- package/Container/Container.js +9 -14
- package/CookieBanner/CookieBanner.d.ts +1 -1
- package/CookieBanner/CookieBanner.js +65 -39
- package/Countdown/Countdown.d.ts +1 -1
- package/Countdown/Countdown.js +25 -54
- package/DatePicker/DatePicker.d.ts +1 -1
- package/DatePicker/DatePicker.js +138 -176
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +23 -13
- package/DateTimePicker/DateTimePicker.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.js +118 -156
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +23 -13
- package/Divider/Divider.d.ts +1 -1
- package/Divider/Divider.js +4 -12
- package/DonutChart/DonutChart.d.ts +1 -1
- package/DonutChart/DonutChart.js +23 -13
- package/DragAndDropList/DragAndDropList.d.ts +1 -1
- package/DragAndDropList/DragAndDropList.js +31 -33
- package/Drawing/Drawing.d.ts +2 -2
- package/Drawing/Drawing.js +107 -153
- package/DropZone/DropZone.d.ts +1 -1
- package/DropZone/DropZone.js +36 -54
- package/Emojis/Emojis.d.ts +3 -3
- package/Emojis/Emojis.js +52 -84
- package/Expand/Expand.d.ts +1 -1
- package/Expand/Expand.js +70 -37
- package/Fab/Fab.d.ts +1 -1
- package/Fab/Fab.js +8 -11
- package/Fade/Fade.d.ts +1 -1
- package/Fade/Fade.js +221 -111
- package/FileChoose/FileChoose.d.ts +2 -2
- package/FileChoose/FileChoose.js +26 -43
- package/Focus/Focus.d.ts +1 -1
- package/Focus/Focus.js +8 -10
- package/Form/Form.d.ts +1 -1
- package/Form/Form.js +95 -54
- package/FormRow/FormRow.d.ts +1 -1
- package/FormRow/FormRow.js +89 -42
- package/Forms/Forms.d.ts +1 -1
- package/Forms/Forms.js +36 -19
- package/Frame/Frame.d.ts +1 -1
- package/Frame/Frame.js +8 -22
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +13 -18
- package/Grow/Grow.d.ts +1 -1
- package/Grow/Grow.js +233 -118
- package/HTMLCanvas/HTMLCanvas.d.ts +2 -2
- package/HTMLCanvas/HTMLCanvas.js +225 -254
- package/IFrame/IFrame.d.ts +1 -1
- package/IFrame/IFrame.js +5 -11
- package/Icon/Icon.d.ts +1 -1
- package/Icon/Icon.js +82 -42
- package/IconButton/IconButton.d.ts +1 -1
- package/IconButton/IconButton.js +31 -18
- package/Image/Image.d.ts +1 -1
- package/Image/Image.js +13 -24
- package/ImageCrop/ImageCrop.d.ts +2 -2
- package/ImageCrop/ImageCrop.js +238 -244
- package/ImageEdit/ImageEdit.d.ts +2 -2
- package/ImageEdit/ImageEdit.js +189 -225
- package/ImageGallery/ImageGallery.d.ts +1 -1
- package/ImageGallery/ImageGallery.js +55 -73
- package/ImageList/ImageList.d.ts +1 -1
- package/ImageList/ImageList.js +13 -15
- package/ImageListItem/ImageListItem.d.ts +1 -1
- package/ImageListItem/ImageListItem.js +9 -14
- package/ImageListItemBox/ImageListItemBox.d.ts +1 -1
- package/ImageListItemBox/ImageListItemBox.js +30 -16
- package/Info/Info.d.ts +1 -1
- package/Info/Info.js +83 -42
- package/Interaction/Interaction.d.ts +2 -2
- package/Interaction/Interaction.js +39 -41
- package/Keyframes/Keyframes.d.ts +3 -3
- package/Keyframes/Keyframes.js +16 -18
- package/Keyframes/useKeyframes.js +1 -1
- package/Label/Label.d.ts +1 -1
- package/Label/Label.js +6 -15
- package/Labels/Labels.d.ts +1 -1
- package/Labels/Labels.js +16 -24
- package/Line/Line.d.ts +6 -6
- package/Line/Line.js +10 -15
- package/LineChart/LineChart.d.ts +1 -1
- package/LineChart/LineChart.js +27 -18
- package/LineChartItem/LineChartItem.d.ts +1 -1
- package/LineChartItem/LineChartItem.js +22 -33
- package/LinearMeter/LinearMeter.d.ts +1 -1
- package/LinearMeter/LinearMeter.js +125 -130
- package/LinearProgress/LinearProgress.d.ts +1 -1
- package/LinearProgress/LinearProgress.js +51 -31
- package/Link/Link.d.ts +1 -1
- package/Link/Link.js +59 -27
- package/Links/Links.d.ts +2 -2
- package/Links/Links.js +110 -81
- package/List/List.d.ts +1 -1
- package/List/List.js +12 -20
- package/ListItem/ListItem.d.ts +1 -1
- package/ListItem/ListItem.js +5 -17
- package/ListSubheader/ListSubheader.d.ts +1 -1
- package/ListSubheader/ListSubheader.js +23 -13
- package/MainProgress/MainProgress.d.ts +1 -1
- package/MainProgress/MainProgress.js +7 -12
- package/MainProgress/useMainProgress.js +1 -1
- package/MainProgressMaterial/MainProgressMaterial.d.ts +3 -3
- package/MainProgressMaterial/MainProgressMaterial.js +15 -23
- package/MainProgressMaterial/useMainProgressMaterial.js +1 -1
- package/Markdown/Markdown.d.ts +1 -1
- package/Markdown/Markdown.js +192 -194
- package/Masonry/Masonry.d.ts +1 -1
- package/Masonry/Masonry.js +25 -30
- package/Medias/Medias.d.ts +3 -3
- package/Medias/Medias.js +86 -113
- package/Menu/Menu.d.ts +1 -1
- package/Menu/Menu.js +55 -66
- package/MenuDesktop/MenuDesktop.d.ts +3 -3
- package/MenuDesktop/MenuDesktop.js +118 -121
- package/MenuItem/MenuItem.d.ts +1 -1
- package/MenuItem/MenuItem.js +40 -60
- package/Meta/Meta.d.ts +1 -1
- package/Meta/Meta.js +57 -35
- package/Modal/Modal.d.ts +1 -1
- package/Modal/Modal.js +11 -25
- package/ModalFooter/ModalFooter.d.ts +1 -1
- package/ModalFooter/ModalFooter.js +30 -16
- package/ModalHeader/ModalHeader.d.ts +1 -1
- package/ModalHeader/ModalHeader.js +32 -17
- package/ModalIcon/ModalIcon.d.ts +1 -1
- package/ModalIcon/ModalIcon.js +2 -4
- package/ModalMain/ModalMain.d.ts +1 -1
- package/ModalMain/ModalMain.js +31 -17
- package/ModalText/ModalText.d.ts +1 -1
- package/ModalText/ModalText.js +28 -15
- package/ModalTitle/ModalTitle.d.ts +1 -1
- package/ModalTitle/ModalTitle.js +28 -15
- package/MoreOptions/MoreOptions.d.ts +1 -1
- package/MoreOptions/MoreOptions.js +43 -28
- package/Move/Move.d.ts +1 -1
- package/Move/Move.js +24 -26
- package/NavigationBar/NavigationBar.d.ts +2 -2
- package/NavigationBar/NavigationBar.js +64 -39
- package/NavigationDrawer/NavigationDrawer.d.ts +1 -1
- package/NavigationDrawer/NavigationDrawer.js +12 -21
- package/NavigationItem/NavigationItem.d.ts +2 -2
- package/NavigationItem/NavigationItem.js +26 -41
- package/NavigationRail/NavigationRail.d.ts +1 -1
- package/NavigationRail/NavigationRail.js +69 -54
- package/NotFound/NotFound.d.ts +1 -1
- package/NotFound/NotFound.js +7 -18
- package/NumericTextField/NumericTextField.d.ts +1 -1
- package/NumericTextField/NumericTextField.js +51 -59
- package/Page/Page.d.ts +2 -2
- package/Page/Page.js +6 -20
- package/PageTransition/PageTransition.d.ts +1 -1
- package/PageTransition/PageTransition.js +7 -12
- package/Pagination/Pagination.d.ts +1 -1
- package/Pagination/Pagination.js +121 -68
- package/PaginationItem/PaginationItem.d.ts +1 -1
- package/PaginationItem/PaginationItem.js +50 -30
- package/Parallax/Parallax.d.ts +2 -2
- package/Parallax/Parallax.js +9 -11
- package/Path/Path.d.ts +1 -1
- package/Path/Path.js +22 -9
- package/PieChart/PieChart.d.ts +1 -1
- package/PieChart/PieChart.js +38 -55
- package/Placeholder/Placeholder.d.ts +1 -1
- package/Placeholder/Placeholder.js +59 -23
- package/Portal/Portal.d.ts +1 -1
- package/Portal/Portal.js +2 -4
- package/Properties/Properties.d.ts +2 -2
- package/Properties/Properties.js +51 -30
- package/Property/Property.d.ts +1 -1
- package/Property/Property.js +4 -12
- package/Radio/Radio.d.ts +1 -1
- package/Radio/Radio.js +83 -24
- package/Radios/Radios.d.ts +1 -1
- package/Radios/Radios.js +6 -14
- package/Rating/Rating.d.ts +1 -1
- package/Rating/Rating.js +68 -71
- package/Reset/Reset.d.ts +1 -1
- package/Reset/Reset.js +26 -4
- package/Reveal/Reveal.d.ts +1 -1
- package/Reveal/Reveal.js +8 -14
- package/RichTextEditor/RichTextEditor.d.ts +1 -1
- package/RichTextEditor/RichTextEditor.js +194 -254
- package/RoundMeter/RoundMeter.d.ts +1 -1
- package/RoundMeter/RoundMeter.js +207 -212
- package/RoundProgress/RoundProgress.d.ts +1 -1
- package/RoundProgress/RoundProgress.js +46 -27
- package/ScatterChart/ScatterChart.d.ts +1 -1
- package/ScatterChart/ScatterChart.js +27 -18
- package/ScatterChartItem/ScatterChartItem.d.ts +1 -1
- package/ScatterChartItem/ScatterChartItem.js +15 -26
- package/ScreenCapture/ScreenCapture.d.ts +2 -2
- package/ScreenCapture/ScreenCapture.js +57 -81
- package/Section/Section.d.ts +2 -2
- package/Section/Section.js +13 -24
- package/SectionAction/SectionAction.d.ts +1 -1
- package/SectionAction/SectionAction.js +4 -12
- package/SectionBoxes/SectionBoxes.d.ts +2 -2
- package/SectionBoxes/SectionBoxes.js +14 -28
- package/SectionCards/SectionCards.d.ts +2 -2
- package/SectionCards/SectionCards.js +14 -28
- package/SectionCarousel/SectionCarousel.d.ts +2 -2
- package/SectionCarousel/SectionCarousel.js +15 -32
- package/SectionContact/SectionContact.d.ts +1 -1
- package/SectionContact/SectionContact.js +6 -20
- package/SectionImageGallery/SectionImageGallery.d.ts +1 -1
- package/SectionImageGallery/SectionImageGallery.js +4 -12
- package/SectionLogos/SectionLogos.d.ts +1 -1
- package/SectionLogos/SectionLogos.js +8 -19
- package/SectionMedia/SectionMedia.d.ts +1 -1
- package/SectionMedia/SectionMedia.js +11 -34
- package/SectionReviews/SectionReviews.d.ts +2 -2
- package/SectionReviews/SectionReviews.js +16 -33
- package/SectionTextMedia/SectionTextMedia.d.ts +1 -1
- package/SectionTextMedia/SectionTextMedia.js +10 -37
- package/SectionTimeline/SectionTimeline.d.ts +2 -2
- package/SectionTimeline/SectionTimeline.js +17 -34
- package/SectionWatch/SectionWatch.d.ts +1 -1
- package/SectionWatch/SectionWatch.js +4 -12
- package/Select/Select.d.ts +1 -1
- package/Select/Select.js +95 -121
- package/Share/Share.d.ts +1 -1
- package/Share/Share.js +217 -119
- package/Slide/Slide.d.ts +1 -1
- package/Slide/Slide.js +16 -18
- package/Slider/Slider.d.ts +2 -2
- package/Slider/Slider.js +150 -165
- package/SmartTextField/SmartTextField.d.ts +1 -1
- package/SmartTextField/SmartTextField.js +203 -256
- package/Snackbar/Snackbar.d.ts +1 -1
- package/Snackbar/Snackbar.js +18 -35
- package/Snackbars/Context.d.ts +1 -1
- package/Snackbars/Snackbars.d.ts +2 -2
- package/Snackbars/Snackbars.js +43 -57
- package/Snackbars/useSnackbars.js +1 -1
- package/Space/Space.d.ts +1 -1
- package/Space/Space.js +762 -556
- package/SpeechToText/SpeechToText.d.ts +1 -1
- package/SpeechToText/SpeechToText.js +26 -37
- package/SpeedDial/SpeedDial.d.ts +1 -1
- package/SpeedDial/SpeedDial.js +69 -58
- package/SpeedDialItem/SpeedDialItem.d.ts +1 -1
- package/SpeedDialItem/SpeedDialItem.js +34 -23
- package/SpyScroll/SpyScroll.d.ts +1 -1
- package/SpyScroll/SpyScroll.js +17 -19
- package/Step/Step.d.ts +1 -1
- package/Step/Step.js +41 -52
- package/Stepper/Stepper.d.ts +1 -1
- package/Stepper/Stepper.js +12 -20
- package/Surface/Surface.d.ts +1 -1
- package/Surface/Surface.js +208 -133
- package/Switch/Switch.d.ts +1 -1
- package/Switch/Switch.js +107 -48
- package/Tab/Tab.d.ts +1 -1
- package/Tab/Tab.js +137 -68
- package/Table/Table.d.ts +1 -1
- package/Table/Table.js +70 -33
- package/TableBody/TableBody.d.ts +1 -1
- package/TableBody/TableBody.js +44 -23
- package/TableCell/TableCell.d.ts +2 -2
- package/TableCell/TableCell.js +26 -40
- package/TableFooter/TableFooter.d.ts +1 -1
- package/TableFooter/TableFooter.js +36 -19
- package/TableHead/TableHead.d.ts +1 -1
- package/TableHead/TableHead.js +15 -26
- package/TableHeader/TableHeader.d.ts +1 -1
- package/TableHeader/TableHeader.js +38 -23
- package/TablePagination/TablePagination.d.ts +1 -1
- package/TablePagination/TablePagination.js +10 -27
- package/TableRow/TableRow.d.ts +1 -1
- package/TableRow/TableRow.js +47 -26
- package/Tabs/Tabs.d.ts +1 -1
- package/Tabs/Tabs.js +41 -56
- package/Text/Text.d.ts +1 -1
- package/Text/Text.js +10 -18
- package/TextField/TextField.d.ts +1 -1
- package/TextField/TextField.js +68 -83
- package/TextToSpeech/TextToSpeech.d.ts +1 -1
- package/TextToSpeech/TextToSpeech.js +21 -32
- package/TimePicker/TimePicker.d.ts +3 -3
- package/TimePicker/TimePicker.js +183 -230
- package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
- package/TimeRangePicker/TimeRangePicker.js +23 -13
- package/Timeline/Timeline.d.ts +1 -1
- package/Timeline/Timeline.js +35 -19
- package/TimelineItem/TimelineItem.d.ts +1 -1
- package/TimelineItem/TimelineItem.js +5 -16
- package/Timer/Timer.d.ts +1 -1
- package/Timer/Timer.js +29 -55
- package/ToggleButton/ToggleButton.d.ts +1 -1
- package/ToggleButton/ToggleButton.js +29 -16
- package/ToggleButtons/ToggleButtons.d.ts +1 -1
- package/ToggleButtons/ToggleButtons.js +24 -15
- package/Tooltip/Tooltip.d.ts +1 -1
- package/Tooltip/Tooltip.js +46 -60
- package/TopAppBar/TopAppBar.d.ts +1 -1
- package/TopAppBar/TopAppBar.js +118 -61
- package/Transition/Transition.d.ts +3 -3
- package/Transition/Transition.js +54 -56
- package/Transition/useTransition.js +1 -1
- package/Transitions/Transitions.d.ts +2 -2
- package/Transitions/Transitions.js +10 -12
- package/Tree/Tree.d.ts +1 -1
- package/Tree/Tree.js +37 -60
- package/Type/Type.d.ts +1 -1
- package/Type/Type.js +24 -17
- package/VideoPlayer/VideoPlayer.d.ts +1 -1
- package/VideoPlayer/VideoPlayer.js +123 -150
- package/ViewSplit/ViewSplit.d.ts +1 -1
- package/ViewSplit/ViewSplit.js +66 -77
- package/Watch/Watch.d.ts +1 -1
- package/Watch/Watch.js +14 -31
- package/Weather/Weather.d.ts +4 -4
- package/Weather/Weather.js +75 -47
- package/Whiteboard/Whiteboard.d.ts +5 -5
- package/Whiteboard/Whiteboard.js +565 -570
- package/Widgets/Widgets.d.ts +2 -2
- package/Widgets/Widgets.js +31 -48
- package/Widgets/useWidgets.js +1 -1
- package/WindowSplit/WindowSplit.d.ts +1 -1
- package/WindowSplit/WindowSplit.js +52 -63
- package/Zoom/Zoom.d.ts +1 -1
- package/Zoom/Zoom.js +221 -107
- package/esm/Accordion/Accordion.js +17 -17
- package/esm/AdvancedTextField/AdvancedTextField.js +16 -16
- package/esm/Append/Append.js +97 -103
- package/esm/AreaChart/AreaChart.js +26 -9
- package/esm/AreaChartItem/AreaChartItem.js +37 -37
- package/esm/AudioPlayer/AudioPlayer.js +88 -88
- package/esm/AudioRecorder/AudioRecorder.js +23 -23
- package/esm/AutoComplete/AutoComplete.js +115 -115
- package/esm/AutoCompleteCountry/AutoCompleteCountry.js +10 -10
- package/esm/AutoCompleteCurrency/AutoCompleteCurrency.js +3 -3
- package/esm/Avatar/Avatar.js +57 -22
- package/esm/AvatarGroup/AvatarGroup.js +39 -14
- package/esm/Backdrop/Backdrop.js +6 -6
- package/esm/Badge/Badge.js +52 -19
- package/esm/Banner/Banner.js +85 -27
- package/esm/BottomAppBar/BottomAppBar.js +60 -22
- package/esm/BottomSheet/BottomSheet.js +22 -7
- package/esm/Box/Box.js +24 -8
- package/esm/Breadcrumbs/Breadcrumbs.js +25 -25
- package/esm/BubbleChart/BubbleChart.js +130 -104
- package/esm/BubbleChartItem/BubbleChartItem.js +11 -11
- package/esm/Button/Button.js +25 -25
- package/esm/Buttons/Buttons.js +203 -86
- package/esm/Calendar/Calendar.js +93 -93
- package/esm/CalendarAvailability/CalendarAvailability.js +103 -103
- package/esm/CalendarMenu/CalendarMenu.js +46 -46
- package/esm/CalendarMonth/CalendarMonth.js +102 -102
- package/esm/CalendarViews/CalendarViews.js +33 -33
- package/esm/CalendarWeek/CalendarWeek.js +81 -81
- package/esm/Card/Card.js +9 -9
- package/esm/CardButton/CardButton.js +7 -7
- package/esm/CardFooter/CardFooter.js +39 -15
- package/esm/CardHeader/CardHeader.js +67 -18
- package/esm/CardImage/CardImage.js +30 -10
- package/esm/CardMain/CardMain.js +29 -10
- package/esm/Carousel/Carousel.js +162 -162
- package/esm/Chart/Chart.js +236 -236
- package/esm/Checkbox/Checkbox.js +132 -27
- package/esm/Chip/Chip.js +4 -4
- package/esm/Chips/Chips.js +72 -29
- package/esm/ClickListener/ClickListener.js +6 -6
- package/esm/Clock/Clock.js +80 -80
- package/esm/ColorTextField/ColorTextField.js +188 -57
- package/esm/ColumnChart/ColumnChart.js +42 -15
- package/esm/ColumnChartItem/ColumnChartItem.js +11 -11
- package/esm/Confirm/Confirm.js +12 -12
- package/esm/Confirm/useConfirm.js +1 -1
- package/esm/Container/Container.js +8 -8
- package/esm/CookieBanner/CookieBanner.js +64 -21
- package/esm/Countdown/Countdown.js +24 -24
- package/esm/DatePicker/DatePicker.js +136 -136
- package/esm/DateRangePicker/DateRangePicker.js +22 -7
- package/esm/DateTimePicker/DateTimePicker.js +116 -116
- package/esm/DateTimeRangePicker/DateTimeRangePicker.js +22 -7
- package/esm/Divider/Divider.js +3 -3
- package/esm/DonutChart/DonutChart.js +22 -7
- package/esm/DragAndDropList/DragAndDropList.js +30 -30
- package/esm/Drawing/Drawing.js +106 -105
- package/esm/DropZone/DropZone.js +35 -35
- package/esm/Emojis/Emojis.js +51 -51
- package/esm/Expand/Expand.js +69 -33
- package/esm/Fab/Fab.js +7 -5
- package/esm/Fade/Fade.js +204 -94
- package/esm/FileChoose/FileChoose.js +25 -25
- package/esm/Focus/Focus.js +7 -7
- package/esm/Form/Form.js +94 -42
- package/esm/FormRow/FormRow.js +88 -33
- package/esm/Forms/Forms.js +35 -13
- package/esm/Frame/Frame.js +7 -7
- package/esm/Grid/Grid.js +10 -10
- package/esm/Grow/Grow.js +216 -101
- package/esm/HTMLCanvas/HTMLCanvas.js +224 -224
- package/esm/IFrame/IFrame.js +4 -4
- package/esm/Icon/Icon.js +80 -38
- package/esm/IconButton/IconButton.js +30 -12
- package/esm/Image/Image.js +12 -12
- package/esm/ImageCrop/ImageCrop.js +237 -237
- package/esm/ImageEdit/ImageEdit.js +188 -188
- package/esm/ImageGallery/ImageGallery.js +54 -54
- package/esm/ImageList/ImageList.js +12 -12
- package/esm/ImageListItem/ImageListItem.js +8 -8
- package/esm/ImageListItemBox/ImageListItemBox.js +29 -10
- package/esm/Info/Info.js +82 -24
- package/esm/Interaction/Interaction.js +37 -37
- package/esm/Keyframes/Keyframes.js +15 -15
- package/esm/Keyframes/useKeyframes.js +1 -1
- package/esm/Label/Label.js +5 -5
- package/esm/Labels/Labels.js +15 -15
- package/esm/Line/Line.js +9 -9
- package/esm/LineChart/LineChart.js +26 -9
- package/esm/LineChartItem/LineChartItem.js +21 -21
- package/esm/LinearMeter/LinearMeter.js +124 -124
- package/esm/LinearProgress/LinearProgress.js +50 -28
- package/esm/Link/Link.js +58 -21
- package/esm/Links/Links.js +108 -53
- package/esm/List/List.js +11 -11
- package/esm/ListItem/ListItem.js +4 -4
- package/esm/ListSubheader/ListSubheader.js +22 -7
- package/esm/MainProgress/MainProgress.js +6 -6
- package/esm/MainProgress/useMainProgress.js +1 -1
- package/esm/MainProgressMaterial/MainProgressMaterial.js +14 -14
- package/esm/MainProgressMaterial/useMainProgressMaterial.js +1 -1
- package/esm/Markdown/Markdown.js +191 -191
- package/esm/Masonry/Masonry.js +24 -24
- package/esm/Medias/Medias.js +77 -77
- package/esm/Menu/Menu.js +44 -44
- package/esm/MenuDesktop/MenuDesktop.js +116 -93
- package/esm/MenuItem/MenuItem.js +39 -39
- package/esm/Meta/Meta.js +56 -25
- package/esm/Modal/Modal.js +10 -10
- package/esm/ModalFooter/ModalFooter.js +29 -10
- package/esm/ModalHeader/ModalHeader.js +31 -11
- package/esm/ModalIcon/ModalIcon.js +1 -1
- package/esm/ModalMain/ModalMain.js +30 -11
- package/esm/ModalText/ModalText.js +27 -9
- package/esm/ModalTitle/ModalTitle.js +27 -9
- package/esm/MoreOptions/MoreOptions.js +42 -19
- package/esm/Move/Move.js +23 -23
- package/esm/NavigationBar/NavigationBar.js +63 -30
- package/esm/NavigationDrawer/NavigationDrawer.js +11 -11
- package/esm/NavigationItem/NavigationItem.js +25 -25
- package/esm/NavigationRail/NavigationRail.js +66 -37
- package/esm/NotFound/NotFound.js +6 -6
- package/esm/NumericTextField/NumericTextField.js +50 -50
- package/esm/Page/Page.js +5 -5
- package/esm/PageTransition/PageTransition.js +6 -6
- package/esm/Pagination/Pagination.js +120 -53
- package/esm/PaginationItem/PaginationItem.js +49 -21
- package/esm/Parallax/Parallax.js +8 -8
- package/esm/Path/Path.js +21 -6
- package/esm/PieChart/PieChart.js +37 -37
- package/esm/Placeholder/Placeholder.js +58 -17
- package/esm/Portal/Portal.js +1 -1
- package/esm/Properties/Properties.js +50 -20
- package/esm/Property/Property.js +3 -3
- package/esm/Radio/Radio.js +82 -18
- package/esm/Radios/Radios.js +5 -5
- package/esm/Rating/Rating.js +66 -66
- package/esm/Reset/Reset.js +26 -4
- package/esm/Reveal/Reveal.js +7 -7
- package/esm/RichTextEditor/RichTextEditor.js +192 -192
- package/esm/RoundMeter/RoundMeter.js +206 -206
- package/esm/RoundProgress/RoundProgress.js +45 -24
- package/esm/ScatterChart/ScatterChart.js +26 -9
- package/esm/ScatterChartItem/ScatterChartItem.js +14 -14
- package/esm/ScreenCapture/ScreenCapture.js +56 -56
- package/esm/Section/Section.js +12 -12
- package/esm/SectionAction/SectionAction.js +3 -3
- package/esm/SectionBoxes/SectionBoxes.js +13 -13
- package/esm/SectionCards/SectionCards.js +13 -13
- package/esm/SectionCarousel/SectionCarousel.js +14 -14
- package/esm/SectionContact/SectionContact.js +5 -5
- package/esm/SectionImageGallery/SectionImageGallery.js +3 -3
- package/esm/SectionLogos/SectionLogos.js +7 -7
- package/esm/SectionMedia/SectionMedia.js +10 -10
- package/esm/SectionReviews/SectionReviews.js +14 -14
- package/esm/SectionTextMedia/SectionTextMedia.js +9 -9
- package/esm/SectionTimeline/SectionTimeline.js +16 -16
- package/esm/SectionWatch/SectionWatch.js +3 -3
- package/esm/Select/Select.js +88 -88
- package/esm/Share/Share.js +216 -92
- package/esm/Slide/Slide.js +15 -15
- package/esm/Slider/Slider.js +149 -149
- package/esm/SmartTextField/SmartTextField.js +199 -198
- package/esm/Snackbar/Snackbar.js +17 -17
- package/esm/Snackbars/Snackbars.js +40 -40
- package/esm/Snackbars/useSnackbars.js +1 -1
- package/esm/Space/Space.js +755 -480
- package/esm/SpeechToText/SpeechToText.js +25 -25
- package/esm/SpeedDial/SpeedDial.js +68 -40
- package/esm/SpeedDialItem/SpeedDialItem.js +33 -14
- package/esm/SpyScroll/SpyScroll.js +16 -16
- package/esm/Step/Step.js +40 -31
- package/esm/Stepper/Stepper.js +11 -11
- package/esm/Surface/Surface.js +207 -130
- package/esm/Switch/Switch.js +106 -39
- package/esm/Tab/Tab.js +136 -50
- package/esm/Table/Table.js +69 -24
- package/esm/TableBody/TableBody.js +43 -17
- package/esm/TableCell/TableCell.js +25 -25
- package/esm/TableFooter/TableFooter.js +35 -13
- package/esm/TableHead/TableHead.js +14 -14
- package/esm/TableHeader/TableHeader.js +37 -14
- package/esm/TablePagination/TablePagination.js +9 -9
- package/esm/TableRow/TableRow.js +46 -20
- package/esm/Tabs/Tabs.js +38 -38
- package/esm/Text/Text.js +9 -9
- package/esm/TextField/TextField.js +63 -63
- package/esm/TextToSpeech/TextToSpeech.js +20 -20
- package/esm/TimePicker/TimePicker.js +182 -182
- package/esm/TimeRangePicker/TimeRangePicker.js +22 -7
- package/esm/Timeline/Timeline.js +34 -13
- package/esm/TimelineItem/TimelineItem.js +4 -4
- package/esm/Timer/Timer.js +28 -28
- package/esm/ToggleButton/ToggleButton.js +28 -10
- package/esm/ToggleButtons/ToggleButtons.js +23 -9
- package/esm/Tooltip/Tooltip.js +45 -45
- package/esm/TopAppBar/TopAppBar.js +117 -49
- package/esm/Transition/Transition.js +53 -53
- package/esm/Transition/useTransition.js +1 -1
- package/esm/Transitions/Transitions.js +9 -9
- package/esm/Tree/Tree.js +36 -36
- package/esm/Type/Type.js +23 -14
- package/esm/VideoPlayer/VideoPlayer.js +121 -121
- package/esm/ViewSplit/ViewSplit.js +65 -65
- package/esm/Watch/Watch.js +13 -13
- package/esm/Weather/Weather.js +73 -29
- package/esm/Whiteboard/Whiteboard.js +557 -557
- package/esm/Widgets/Widgets.js +29 -29
- package/esm/Widgets/useWidgets.js +1 -1
- package/esm/WindowSplit/WindowSplit.js +51 -51
- package/esm/Zoom/Zoom.js +204 -90
- package/esm/index.js +1 -1
- package/esm/useForm/useForm.js +58 -58
- package/esm/useLocation/useLocation.js +4 -4
- package/esm/useMediaQuery/useMediaQuery.js +2 -2
- package/esm/useOnline/useOnline.js +23 -10
- package/esm/useOpen/useOpen.js +79 -27
- package/esm/useQuery/useQuery.js +11 -1
- package/esm/useResize/useResize.js +30 -14
- package/esm/useScroll/useScroll.js +2 -2
- package/esm/useSubscription/useSubscription.js +73 -21
- package/esm/useSwipe/useSwipe.js +30 -30
- package/esm/useTabs/useTabs.js +22 -7
- package/esm/useVisible/useVisible.js +3 -3
- package/index.js +1 -1
- package/package.json +8 -12
- package/types.d.ts +27 -27
- package/useForm/useForm.d.ts +2 -2
- package/useForm/useForm.js +58 -58
- package/useForm/validate.d.ts +12 -12
- package/useLocation/useLocation.d.ts +1 -1
- package/useLocation/useLocation.js +4 -4
- package/useMediaQuery/useMediaQuery.d.ts +1 -1
- package/useMediaQuery/useMediaQuery.js +2 -2
- package/useOnline/useOnline.js +23 -10
- package/useOpen/useOpen.js +79 -27
- package/useQuery/useQuery.js +11 -1
- package/useResize/useResize.js +30 -14
- package/useScroll/useScroll.d.ts +2 -2
- package/useScroll/useScroll.js +2 -2
- package/useSubscription/useSubscription.js +73 -21
- package/useSwipe/useSwipe.d.ts +2 -2
- package/useSwipe/useSwipe.js +30 -30
- package/useTabs/useTabs.js +22 -7
- package/useVisible/useVisible.d.ts +2 -2
- package/useVisible/useVisible.js +3 -3
package/esm/Space/Space.js
CHANGED
|
@@ -6,6 +6,7 @@ const _excluded = ["color"],
|
|
|
6
6
|
_excluded3 = ["size", "minSize", "maxSize", "unitDefault", "floors", "defaults", "disabled", "IconAdd", "IconMenu", "IconCloseNavigation", "IconCloseMenu", "IconArrowBack", "IconSettings", "IconArrowUp", "IconArrowDown", "IconToFront", "IconToBack", "IconMakeCopy", "IconGroup", "IconUngroup", "IconGroupSelect", "Component", "className"];
|
|
7
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8
8
|
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; }
|
|
9
|
+
import { c as _c } from "react/compiler-runtime";
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import { clamp, cleanValue, copy, getID, is, isEnvironment, lighten, numberWithCommas, textToInnerHTML } from '@onesy/utils';
|
|
11
12
|
import { classNames, style, useOnesyTheme } from '@onesy/style-react';
|
|
@@ -51,110 +52,384 @@ import { staticClassName } from '../utils';
|
|
|
51
52
|
// table
|
|
52
53
|
// oval
|
|
53
54
|
const IconFurnitureTableOvalSeat4Version1 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
const $ = _c(35);
|
|
56
|
+
let other;
|
|
57
|
+
let t0;
|
|
58
|
+
if ($[0] !== props) {
|
|
59
|
+
var _props = props;
|
|
60
|
+
({
|
|
61
|
+
color: t0
|
|
62
|
+
} = _props);
|
|
63
|
+
other = _objectWithoutProperties(_props, _excluded);
|
|
64
|
+
_props;
|
|
65
|
+
$[0] = props;
|
|
66
|
+
$[1] = other;
|
|
67
|
+
$[2] = t0;
|
|
68
|
+
} else {
|
|
69
|
+
other = $[1];
|
|
70
|
+
t0 = $[2];
|
|
71
|
+
}
|
|
72
|
+
const color = t0 === undefined ? "#F5EED6" : t0;
|
|
73
|
+
let t1;
|
|
74
|
+
let t2;
|
|
75
|
+
if ($[3] !== color) {
|
|
76
|
+
t1 = {
|
|
60
77
|
color
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
78
|
+
};
|
|
79
|
+
t2 = lighten(color, 0.4);
|
|
80
|
+
$[3] = color;
|
|
81
|
+
$[4] = t1;
|
|
82
|
+
$[5] = t2;
|
|
83
|
+
} else {
|
|
84
|
+
t1 = $[4];
|
|
85
|
+
t2 = $[5];
|
|
86
|
+
}
|
|
87
|
+
let t3;
|
|
88
|
+
if ($[6] !== t2) {
|
|
89
|
+
t3 = {
|
|
90
|
+
fill: t2
|
|
91
|
+
};
|
|
92
|
+
$[6] = t2;
|
|
93
|
+
$[7] = t3;
|
|
94
|
+
} else {
|
|
95
|
+
t3 = $[7];
|
|
96
|
+
}
|
|
97
|
+
let t4;
|
|
98
|
+
if ($[8] !== t1 || $[9] !== t3) {
|
|
99
|
+
t4 = {
|
|
100
|
+
table: t1,
|
|
101
|
+
chair: t3
|
|
102
|
+
};
|
|
103
|
+
$[8] = t1;
|
|
104
|
+
$[9] = t3;
|
|
105
|
+
$[10] = t4;
|
|
106
|
+
} else {
|
|
107
|
+
t4 = $[10];
|
|
108
|
+
}
|
|
109
|
+
const styles = t4;
|
|
110
|
+
let t5;
|
|
111
|
+
if ($[11] !== styles.table) {
|
|
112
|
+
t5 = /*#__PURE__*/React.createElement("path", _extends({
|
|
113
|
+
d: "M288.424 160.654L288.224 167.754L287.634 174.834L286.644 181.874L285.274 188.844L283.514 195.724L281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L283.514 125.574L285.274 132.454L286.644 139.434L287.634 146.464L288.224 153.544L288.424 160.654Z"
|
|
114
|
+
}, styles.table));
|
|
115
|
+
$[11] = styles.table;
|
|
116
|
+
$[12] = t5;
|
|
117
|
+
} else {
|
|
118
|
+
t5 = $[12];
|
|
119
|
+
}
|
|
120
|
+
let t10;
|
|
121
|
+
let t11;
|
|
122
|
+
let t12;
|
|
123
|
+
let t13;
|
|
124
|
+
let t6;
|
|
125
|
+
let t7;
|
|
126
|
+
let t8;
|
|
127
|
+
let t9;
|
|
128
|
+
if ($[13] !== styles.chair) {
|
|
129
|
+
t6 = /*#__PURE__*/React.createElement("path", _extends({
|
|
130
|
+
d: "M100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641Z"
|
|
131
|
+
}, styles.chair));
|
|
132
|
+
t7 = /*#__PURE__*/React.createElement("path", _extends({
|
|
133
|
+
d: "M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074Z"
|
|
134
|
+
}, styles.chair));
|
|
135
|
+
t8 = /*#__PURE__*/React.createElement("path", _extends({
|
|
136
|
+
d: "M18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z"
|
|
137
|
+
}, styles.chair));
|
|
138
|
+
t9 = /*#__PURE__*/React.createElement("path", _extends({
|
|
139
|
+
d: "M221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334Z"
|
|
140
|
+
}, styles.chair));
|
|
141
|
+
t10 = /*#__PURE__*/React.createElement("path", _extends({
|
|
142
|
+
d: "M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074L225.024 297.214C234.953 304.637 247.223 308.234 259.588 307.346C271.953 306.458 283.583 301.144 292.349 292.379C301.115 283.613 306.428 271.982 307.316 259.618C308.204 247.253 304.607 234.983 297.184 225.054L281.034 203.464Z"
|
|
143
|
+
}, styles.chair));
|
|
144
|
+
t11 = /*#__PURE__*/React.createElement("path", _extends({
|
|
145
|
+
d: "M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834L297.184 96.2441C304.607 86.3158 308.204 74.0452 307.316 61.6805C306.428 49.3159 301.115 37.6853 292.349 28.9197C283.583 20.154 271.953 14.8404 259.588 13.9523C247.223 13.0642 234.953 16.6612 225.024 24.0842L203.434 40.2341Z"
|
|
146
|
+
}, styles.chair));
|
|
147
|
+
t12 = /*#__PURE__*/React.createElement("path", _extends({
|
|
148
|
+
d: "M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464L24.0544 225.054C16.6314 234.983 13.0345 247.253 13.9225 259.618C14.8106 271.982 20.1243 283.613 28.8899 292.379C37.6555 301.144 49.2862 306.458 61.6508 307.346C74.0154 308.234 86.286 304.637 96.2144 297.214L117.804 281.074Z"
|
|
149
|
+
}, styles.chair));
|
|
150
|
+
t13 = /*#__PURE__*/React.createElement("path", _extends({
|
|
151
|
+
d: "M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341L96.2144 24.0841C86.286 16.6612 74.0154 13.0642 61.6508 13.9523C49.2862 14.8404 37.6555 20.154 28.8899 28.9197C20.1243 37.6853 14.8106 49.3159 13.9225 61.6805C13.0345 74.0452 16.6314 86.3158 24.0544 96.2441L40.1944 117.834Z"
|
|
152
|
+
}, styles.chair));
|
|
153
|
+
$[13] = styles.chair;
|
|
154
|
+
$[14] = t10;
|
|
155
|
+
$[15] = t11;
|
|
156
|
+
$[16] = t12;
|
|
157
|
+
$[17] = t13;
|
|
158
|
+
$[18] = t6;
|
|
159
|
+
$[19] = t7;
|
|
160
|
+
$[20] = t8;
|
|
161
|
+
$[21] = t9;
|
|
162
|
+
} else {
|
|
163
|
+
t10 = $[14];
|
|
164
|
+
t11 = $[15];
|
|
165
|
+
t12 = $[16];
|
|
166
|
+
t13 = $[17];
|
|
167
|
+
t6 = $[18];
|
|
168
|
+
t7 = $[19];
|
|
169
|
+
t8 = $[20];
|
|
170
|
+
t9 = $[21];
|
|
171
|
+
}
|
|
172
|
+
let t14;
|
|
173
|
+
if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
|
|
174
|
+
t14 = /*#__PURE__*/React.createElement("path", {
|
|
175
|
+
d: "M281.034 203.464L283.514 195.724L285.274 188.844L286.644 181.874L287.634 174.834L288.224 167.754L288.424 160.654L288.224 153.544L287.634 146.464L286.644 139.434L285.274 132.454L283.514 125.574L281.034 117.834M281.034 203.464L278.864 209.144L275.984 215.644L272.754 221.974L269.174 228.104L265.254 234.034L261.014 239.734L256.464 245.194L251.614 250.394L246.484 255.314L241.094 259.934L235.454 264.254L229.574 268.254L223.494 271.924L217.214 275.244L210.754 278.214L203.434 281.074M281.034 203.464L297.184 225.054C304.607 234.983 308.204 247.253 307.316 259.618C306.428 271.982 301.115 283.613 292.349 292.379C283.583 301.144 271.953 306.458 259.588 307.346C247.223 308.234 234.953 304.637 225.024 297.214L203.434 281.074M203.434 281.074L197.394 283.044L190.544 284.904L183.584 286.374L176.564 287.454L169.494 288.144L162.394 288.444L155.294 288.344L148.204 287.854L141.154 286.964L134.164 285.684L127.254 284.024L117.804 281.074M117.804 281.074L107.234 276.774L100.864 273.624L94.6744 270.124L88.6944 266.294L82.9344 262.134L77.4144 257.664L72.1544 252.884L67.1644 247.824L62.4644 242.494L58.0644 236.914L53.9844 231.104L50.2344 225.064L46.8244 218.834L43.7644 212.414L40.1944 203.464M117.804 281.074L96.2144 297.214C86.286 304.637 74.0154 308.234 61.6508 307.346C49.2862 306.458 37.6555 301.144 28.8899 292.379C20.1243 283.613 14.8106 271.982 13.9225 259.618C13.0345 247.253 16.6314 234.983 24.0544 225.054L40.1944 203.464M40.1944 203.464L36.7944 192.294L35.2244 185.364L34.0444 178.354L33.2544 171.294L32.8644 164.204V157.094L33.2544 150.004L34.0444 142.944L35.2244 135.934L36.7944 129.004L40.1944 117.834M40.1944 117.834L43.7644 108.884L46.8244 102.474L50.2344 96.2341L53.9844 90.2041L58.0644 84.3841L62.4644 78.8042L67.1644 73.4742L72.1544 68.4141L77.4144 63.6441L82.9344 59.1641L88.6944 55.0042L94.6744 51.1741L100.864 47.6741L107.234 44.5341L117.804 40.2341M40.1944 117.834L24.0544 96.2441C16.6314 86.3158 13.0345 74.0452 13.9225 61.6805C14.8106 49.3159 20.1243 37.6853 28.8899 28.9197C37.6555 20.154 49.2862 14.8404 61.6508 13.9523C74.0154 13.0642 86.286 16.6612 96.2144 24.0841M117.804 40.2341L127.254 37.2741L134.164 35.6142L141.154 34.3342L148.204 33.4541L155.294 32.9541L162.394 32.8541L169.494 33.1541L176.564 33.8441L183.584 34.9241L190.544 36.3941L197.394 38.2542L203.434 40.2341M117.804 40.2341C109.373 33.9272 104.646 30.3911 96.2144 24.0841M117.804 40.2341L96.2144 24.0841M203.434 40.2341L210.754 43.0941L217.214 46.0542L223.494 49.3841L229.574 53.0441L235.454 57.0441L241.094 61.3642L246.484 65.9941L251.614 70.9141L256.464 76.1041L261.014 81.5641L265.254 87.2641L269.174 93.1942L272.754 99.3342L275.984 105.654L278.864 112.154L281.034 117.834M203.434 40.2341L225.024 24.0842C234.953 16.6612 247.223 13.0642 259.588 13.9523C271.953 14.8404 283.583 20.154 292.349 28.9197C301.115 37.6853 306.428 49.3159 307.316 61.6805C308.204 74.0452 304.607 86.3158 297.184 96.2441L281.034 117.834M302.304 100.074C310.656 88.9154 314.706 75.1201 313.711 61.2176C312.716 47.3151 306.743 34.2371 296.887 24.3814C287.031 14.5257 273.953 8.55282 260.051 7.55784C246.148 6.56285 232.353 10.6124 221.194 18.9641L217.364 13.8441C229.754 4.56366 245.074 0.0613957 260.514 1.16328C275.954 2.26517 290.48 8.89732 301.425 19.8431C312.371 30.7888 319.003 45.3142 320.105 60.7546C321.207 76.195 316.705 91.515 307.424 103.904L302.304 100.074ZM100.044 18.9641C88.8856 10.6124 75.0903 6.56285 61.1878 7.55784C47.2853 8.55282 34.2073 14.5257 24.3517 24.3814C14.496 34.2371 8.52305 47.3151 7.52807 61.2176C6.53308 75.1201 10.5827 88.9154 18.9344 100.074L13.8144 103.904C4.54858 91.5146 0.057821 76.201 1.16506 60.7696C2.27229 45.3382 8.90336 30.8226 19.8431 19.8828C30.7828 8.94313 45.2984 2.31206 60.7298 1.20482C76.1613 0.0975854 91.4749 4.58834 103.864 13.8541L100.044 18.9641ZM221.194 302.334C232.353 310.686 246.148 314.735 260.051 313.74C273.953 312.745 287.031 306.773 296.887 296.917C306.743 287.061 312.716 273.983 313.711 260.081C314.706 246.178 310.656 232.383 302.304 221.224L307.424 217.404C316.697 229.794 321.192 245.111 320.087 260.547C318.982 275.983 312.349 290.503 301.406 301.445C290.463 312.387 275.942 319.018 260.506 320.122C245.07 321.225 229.753 316.728 217.364 307.454L221.194 302.334ZM18.9344 221.224C10.5827 232.383 6.53308 246.178 7.52807 260.081C8.52305 273.983 14.496 287.061 24.3517 296.917C34.2073 306.773 47.2853 312.745 61.1878 313.74C75.0903 314.735 88.8856 310.686 100.044 302.334L103.864 307.454C91.4749 316.72 76.1613 321.211 60.7298 320.103C45.2984 318.996 30.7828 312.365 19.8431 301.425C8.90336 290.486 2.27229 275.97 1.16506 260.539C0.057821 245.107 4.54858 229.794 13.8144 217.404L18.9344 221.224Z",
|
|
176
|
+
fill: "none",
|
|
177
|
+
stroke: "black"
|
|
178
|
+
});
|
|
179
|
+
$[22] = t14;
|
|
180
|
+
} else {
|
|
181
|
+
t14 = $[22];
|
|
182
|
+
}
|
|
183
|
+
let t15;
|
|
184
|
+
if ($[23] !== other || $[24] !== ref || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
|
|
185
|
+
t15 = /*#__PURE__*/React.createElement(Icon, _extends({
|
|
186
|
+
ref: ref,
|
|
187
|
+
name: "FurnitureTableOvalSeat41",
|
|
188
|
+
short_name: "FurnitureTableOvalSeat41",
|
|
189
|
+
viewBox: "0 0 321 321"
|
|
190
|
+
}, other), t5, t6, t7, t8, t9, t10, t11, t12, t13, t14);
|
|
191
|
+
$[23] = other;
|
|
192
|
+
$[24] = ref;
|
|
193
|
+
$[25] = t10;
|
|
194
|
+
$[26] = t11;
|
|
195
|
+
$[27] = t12;
|
|
196
|
+
$[28] = t13;
|
|
197
|
+
$[29] = t5;
|
|
198
|
+
$[30] = t6;
|
|
199
|
+
$[31] = t7;
|
|
200
|
+
$[32] = t8;
|
|
201
|
+
$[33] = t9;
|
|
202
|
+
$[34] = t15;
|
|
203
|
+
} else {
|
|
204
|
+
t15 = $[34];
|
|
205
|
+
}
|
|
206
|
+
return t15;
|
|
94
207
|
});
|
|
95
208
|
|
|
96
209
|
// rectangle
|
|
97
210
|
const IconFurnitureTableRectangleSeat6Version1 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
211
|
+
const $ = _c(55);
|
|
212
|
+
let other;
|
|
213
|
+
let t0;
|
|
214
|
+
if ($[0] !== props) {
|
|
215
|
+
var _props2 = props;
|
|
216
|
+
({
|
|
217
|
+
color: t0
|
|
218
|
+
} = _props2);
|
|
219
|
+
other = _objectWithoutProperties(_props2, _excluded2);
|
|
220
|
+
_props2;
|
|
221
|
+
$[0] = props;
|
|
222
|
+
$[1] = other;
|
|
223
|
+
$[2] = t0;
|
|
224
|
+
} else {
|
|
225
|
+
other = $[1];
|
|
226
|
+
t0 = $[2];
|
|
227
|
+
}
|
|
228
|
+
const color = t0 === undefined ? "#F5EED6" : t0;
|
|
229
|
+
let t1;
|
|
230
|
+
let t2;
|
|
231
|
+
if ($[3] !== color) {
|
|
232
|
+
t1 = {
|
|
104
233
|
color
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
234
|
+
};
|
|
235
|
+
t2 = lighten(color, 0.4);
|
|
236
|
+
$[3] = color;
|
|
237
|
+
$[4] = t1;
|
|
238
|
+
$[5] = t2;
|
|
239
|
+
} else {
|
|
240
|
+
t1 = $[4];
|
|
241
|
+
t2 = $[5];
|
|
242
|
+
}
|
|
243
|
+
let t3;
|
|
244
|
+
if ($[6] !== t2) {
|
|
245
|
+
t3 = {
|
|
246
|
+
fill: t2
|
|
247
|
+
};
|
|
248
|
+
$[6] = t2;
|
|
249
|
+
$[7] = t3;
|
|
250
|
+
} else {
|
|
251
|
+
t3 = $[7];
|
|
252
|
+
}
|
|
253
|
+
let t4;
|
|
254
|
+
if ($[8] !== t1 || $[9] !== t3) {
|
|
255
|
+
t4 = {
|
|
256
|
+
table: t1,
|
|
257
|
+
chair: t3
|
|
258
|
+
};
|
|
259
|
+
$[8] = t1;
|
|
260
|
+
$[9] = t3;
|
|
261
|
+
$[10] = t4;
|
|
262
|
+
} else {
|
|
263
|
+
t4 = $[10];
|
|
264
|
+
}
|
|
265
|
+
const styles = t4;
|
|
266
|
+
let t5;
|
|
267
|
+
if ($[11] !== styles.table) {
|
|
268
|
+
t5 = /*#__PURE__*/React.createElement("path", _extends({
|
|
269
|
+
d: "M91.598 62.5698H62.5364V107.031V179.709V224.17H91.598H164.247H237.753H310.402H339.464V179.709V107.031V62.5609L237.753 62.5641L164.247 62.5665L91.598 62.5698Z"
|
|
270
|
+
}, styles.table));
|
|
271
|
+
$[11] = styles.table;
|
|
272
|
+
$[12] = t5;
|
|
273
|
+
} else {
|
|
274
|
+
t5 = $[12];
|
|
275
|
+
}
|
|
276
|
+
let t10;
|
|
277
|
+
let t11;
|
|
278
|
+
let t12;
|
|
279
|
+
let t13;
|
|
280
|
+
let t14;
|
|
281
|
+
let t15;
|
|
282
|
+
let t16;
|
|
283
|
+
let t17;
|
|
284
|
+
let t18;
|
|
285
|
+
let t19;
|
|
286
|
+
let t20;
|
|
287
|
+
let t21;
|
|
288
|
+
let t22;
|
|
289
|
+
let t23;
|
|
290
|
+
let t6;
|
|
291
|
+
let t7;
|
|
292
|
+
let t8;
|
|
293
|
+
let t9;
|
|
294
|
+
if ($[13] !== styles.chair) {
|
|
295
|
+
t6 = /*#__PURE__*/React.createElement("path", _extends({
|
|
296
|
+
d: "M237.111 4.85146L242.877 16.3969H305.269L311.044 4.85146H237.111Z"
|
|
297
|
+
}, styles.chair));
|
|
298
|
+
t7 = /*#__PURE__*/React.createElement("path", _extends({
|
|
299
|
+
d: "M237.111 1V4.85146H311.044V1H237.111Z"
|
|
300
|
+
}, styles.chair));
|
|
301
|
+
t8 = /*#__PURE__*/React.createElement("path", _extends({
|
|
302
|
+
d: "M164.889 4.85146V1H90.9563V4.85146H164.889Z"
|
|
303
|
+
}, styles.chair));
|
|
304
|
+
t9 = /*#__PURE__*/React.createElement("path", _extends({
|
|
305
|
+
d: "M159.114 16.3969L164.889 4.85146H90.9563L96.7223 16.3969H159.114Z"
|
|
306
|
+
}, styles.chair));
|
|
307
|
+
t10 = /*#__PURE__*/React.createElement("path", _extends({
|
|
308
|
+
d: "M385.618 112.157L339.464 107.031V179.709L385.618 174.574V112.157Z"
|
|
309
|
+
}, styles.chair));
|
|
310
|
+
t11 = /*#__PURE__*/React.createElement("path", _extends({
|
|
311
|
+
d: "M397.15 106.389L385.618 112.157V174.574L397.15 180.342V106.389Z"
|
|
312
|
+
}, styles.chair));
|
|
313
|
+
t12 = /*#__PURE__*/React.createElement("path", _extends({
|
|
314
|
+
d: "M401 106.389H397.15V180.342H401V106.389Z"
|
|
315
|
+
}, styles.chair));
|
|
316
|
+
t13 = /*#__PURE__*/React.createElement("path", _extends({
|
|
317
|
+
d: "M16.3819 112.157L4.84101 106.389V180.351L16.3819 174.574V112.157Z"
|
|
318
|
+
}, styles.chair));
|
|
319
|
+
t14 = /*#__PURE__*/React.createElement("path", _extends({
|
|
320
|
+
d: "M4.84101 106.389H1V180.351H4.84101V106.389Z"
|
|
321
|
+
}, styles.chair));
|
|
322
|
+
t15 = /*#__PURE__*/React.createElement("path", _extends({
|
|
323
|
+
d: "M62.5364 107.031L16.3819 112.157V174.574L62.5364 179.709V107.031Z"
|
|
324
|
+
}, styles.chair));
|
|
325
|
+
t16 = /*#__PURE__*/React.createElement("path", _extends({
|
|
326
|
+
d: "M159.123 270.343L164.247 224.17H91.598L96.7223 270.343H159.123Z"
|
|
327
|
+
}, styles.chair));
|
|
328
|
+
t17 = /*#__PURE__*/React.createElement("path", _extends({
|
|
329
|
+
d: "M164.889 281.88L159.123 270.343H96.7223L90.9563 281.88H164.889Z"
|
|
330
|
+
}, styles.chair));
|
|
331
|
+
t18 = /*#__PURE__*/React.createElement("path", _extends({
|
|
332
|
+
d: "M164.889 285.731V281.88H90.9563V285.731H164.889Z"
|
|
333
|
+
}, styles.chair));
|
|
334
|
+
t19 = /*#__PURE__*/React.createElement("path", _extends({
|
|
335
|
+
d: "M237.753 224.17L242.877 270.343H305.269L310.402 224.17H237.753Z"
|
|
336
|
+
}, styles.chair));
|
|
337
|
+
t20 = /*#__PURE__*/React.createElement("path", _extends({
|
|
338
|
+
d: "M242.877 270.343L237.111 281.88H311.044L305.269 270.343H242.877Z"
|
|
339
|
+
}, styles.chair));
|
|
340
|
+
t21 = /*#__PURE__*/React.createElement("path", _extends({
|
|
341
|
+
d: "M237.111 281.88V285.731H311.044V281.88H237.111Z"
|
|
342
|
+
}, styles.chair));
|
|
343
|
+
t22 = /*#__PURE__*/React.createElement("path", _extends({
|
|
344
|
+
d: "M96.7223 16.3969L91.598 62.5698L164.247 62.5665L159.114 16.3969H96.7223Z"
|
|
345
|
+
}, styles.chair));
|
|
346
|
+
t23 = /*#__PURE__*/React.createElement("path", _extends({
|
|
347
|
+
d: "M242.877 16.3913L237.753 62.5641L310.402 62.5609L305.269 16.3913H242.877Z"
|
|
348
|
+
}, styles.chair));
|
|
349
|
+
$[13] = styles.chair;
|
|
350
|
+
$[14] = t10;
|
|
351
|
+
$[15] = t11;
|
|
352
|
+
$[16] = t12;
|
|
353
|
+
$[17] = t13;
|
|
354
|
+
$[18] = t14;
|
|
355
|
+
$[19] = t15;
|
|
356
|
+
$[20] = t16;
|
|
357
|
+
$[21] = t17;
|
|
358
|
+
$[22] = t18;
|
|
359
|
+
$[23] = t19;
|
|
360
|
+
$[24] = t20;
|
|
361
|
+
$[25] = t21;
|
|
362
|
+
$[26] = t22;
|
|
363
|
+
$[27] = t23;
|
|
364
|
+
$[28] = t6;
|
|
365
|
+
$[29] = t7;
|
|
366
|
+
$[30] = t8;
|
|
367
|
+
$[31] = t9;
|
|
368
|
+
} else {
|
|
369
|
+
t10 = $[14];
|
|
370
|
+
t11 = $[15];
|
|
371
|
+
t12 = $[16];
|
|
372
|
+
t13 = $[17];
|
|
373
|
+
t14 = $[18];
|
|
374
|
+
t15 = $[19];
|
|
375
|
+
t16 = $[20];
|
|
376
|
+
t17 = $[21];
|
|
377
|
+
t18 = $[22];
|
|
378
|
+
t19 = $[23];
|
|
379
|
+
t20 = $[24];
|
|
380
|
+
t21 = $[25];
|
|
381
|
+
t22 = $[26];
|
|
382
|
+
t23 = $[27];
|
|
383
|
+
t6 = $[28];
|
|
384
|
+
t7 = $[29];
|
|
385
|
+
t8 = $[30];
|
|
386
|
+
t9 = $[31];
|
|
387
|
+
}
|
|
388
|
+
let t24;
|
|
389
|
+
if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
|
|
390
|
+
t24 = /*#__PURE__*/React.createElement("path", {
|
|
391
|
+
d: "M339.464 107.031L385.618 112.157M339.464 107.031V179.709M339.464 107.031V62.5609M385.618 112.157L397.15 106.389M385.618 112.157V174.574M397.15 106.389H401V180.342H397.15M397.15 106.389V180.342M397.15 180.342L385.618 174.574M385.618 174.574L339.464 179.709M339.464 179.709V224.17M164.247 224.17L159.123 270.343M164.247 224.17H91.598M164.247 224.17H237.753M159.123 270.343L164.889 281.88M159.123 270.343H96.7223M164.889 281.88V285.731H90.9563V281.88M164.889 281.88H90.9563M90.9563 281.88L96.7223 270.343M96.7223 270.343L91.598 224.17M91.598 224.17H62.5364M62.5364 107.031L16.3819 112.157M62.5364 107.031V62.5698M62.5364 107.031V179.709M16.3819 112.157L4.84101 106.389M16.3819 112.157V174.574M4.84101 106.389H1V180.351H4.84101M4.84101 106.389V180.351M4.84101 180.351L16.3819 174.574M16.3819 174.574L62.5364 179.709M62.5364 179.709V224.17M164.247 62.5698L164.247 62.5665M159.114 16.3969L164.889 4.85146M159.114 16.3969H96.7223M159.114 16.3969L164.247 62.5665M164.889 4.85146V1H90.9563V4.85146M164.889 4.85146H90.9563M90.9563 4.85146L96.7223 16.3969M96.7223 16.3969L91.598 62.5698M91.598 62.5698H62.5364M91.598 62.5698L164.247 62.5665M237.753 224.17L242.877 270.343M237.753 224.17H310.402M242.877 270.343L237.111 281.88M242.877 270.343H305.269M237.111 281.88V285.731H311.044V281.88M237.111 281.88H311.044M311.044 281.88L305.269 270.343M305.269 270.343L310.402 224.17M310.402 224.17H339.464M62.5364 62.5698V224.17M62.5364 62.5698L164.247 62.5665M339.464 62.5609V224.17M339.464 62.5609L237.753 62.5641M339.464 224.17H62.5364M237.753 62.5698L237.753 62.5641M242.877 16.3969L237.111 4.85146M242.877 16.3969H305.269M242.877 16.3969L237.753 62.5641M237.111 4.85146V1H311.044V4.85146M237.111 4.85146H311.044M311.044 4.85146L305.269 16.3969M305.269 16.3969L310.402 62.5609M310.402 62.5609L237.753 62.5641M310.402 62.5609L305.269 16.3913H242.877L237.753 62.5641M237.753 62.5641L164.247 62.5665",
|
|
392
|
+
fill: "none",
|
|
393
|
+
stroke: "black"
|
|
394
|
+
});
|
|
395
|
+
$[32] = t24;
|
|
396
|
+
} else {
|
|
397
|
+
t24 = $[32];
|
|
398
|
+
}
|
|
399
|
+
let t25;
|
|
400
|
+
if ($[33] !== other || $[34] !== ref || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== t18 || $[44] !== t19 || $[45] !== t20 || $[46] !== t21 || $[47] !== t22 || $[48] !== t23 || $[49] !== t5 || $[50] !== t6 || $[51] !== t7 || $[52] !== t8 || $[53] !== t9) {
|
|
401
|
+
t25 = /*#__PURE__*/React.createElement(Icon, _extends({
|
|
402
|
+
ref: ref,
|
|
403
|
+
name: "FurnitureTableRectangleSeat6Version1",
|
|
404
|
+
short_name: "FurnitureTableRectangleSeat6Version1",
|
|
405
|
+
viewBox: "0 0 402 287"
|
|
406
|
+
}, other), t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16, t17, t18, t19, t20, t21, t22, t23, t24);
|
|
407
|
+
$[33] = other;
|
|
408
|
+
$[34] = ref;
|
|
409
|
+
$[35] = t10;
|
|
410
|
+
$[36] = t11;
|
|
411
|
+
$[37] = t12;
|
|
412
|
+
$[38] = t13;
|
|
413
|
+
$[39] = t14;
|
|
414
|
+
$[40] = t15;
|
|
415
|
+
$[41] = t16;
|
|
416
|
+
$[42] = t17;
|
|
417
|
+
$[43] = t18;
|
|
418
|
+
$[44] = t19;
|
|
419
|
+
$[45] = t20;
|
|
420
|
+
$[46] = t21;
|
|
421
|
+
$[47] = t22;
|
|
422
|
+
$[48] = t23;
|
|
423
|
+
$[49] = t5;
|
|
424
|
+
$[50] = t6;
|
|
425
|
+
$[51] = t7;
|
|
426
|
+
$[52] = t8;
|
|
427
|
+
$[53] = t9;
|
|
428
|
+
$[54] = t25;
|
|
429
|
+
} else {
|
|
430
|
+
t25 = $[54];
|
|
431
|
+
}
|
|
432
|
+
return t25;
|
|
158
433
|
});
|
|
159
434
|
const useStyle = style(theme => ({
|
|
160
435
|
root: {
|
|
@@ -307,29 +582,29 @@ const useStyle = style(theme => ({
|
|
|
307
582
|
// 1. icons (freecads.com)
|
|
308
583
|
const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
309
584
|
const theme = useOnesyTheme();
|
|
310
|
-
const props =
|
|
311
|
-
const Line =
|
|
312
|
-
const Checkbox =
|
|
313
|
-
const ColorTextField =
|
|
314
|
-
const Divider =
|
|
315
|
-
const Fab =
|
|
316
|
-
const Form =
|
|
317
|
-
const FormRow =
|
|
318
|
-
const IconButton =
|
|
319
|
-
const Label =
|
|
320
|
-
const List =
|
|
321
|
-
const ListItem =
|
|
322
|
-
const NavigationDrawer =
|
|
323
|
-
const NumericTextField =
|
|
324
|
-
const Select =
|
|
325
|
-
const Slider =
|
|
326
|
-
const SmartTextField =
|
|
327
|
-
const Switch =
|
|
328
|
-
const TextField =
|
|
329
|
-
const Tooltip =
|
|
330
|
-
const Type =
|
|
331
|
-
const Surface =
|
|
332
|
-
const HTMLCanvas =
|
|
585
|
+
const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesySpace?.props?.default), props_);
|
|
586
|
+
const Line = theme?.elements?.Line || LineElement;
|
|
587
|
+
const Checkbox = theme?.elements?.Checkbox || CheckboxElement;
|
|
588
|
+
const ColorTextField = theme?.elements?.ColorTextField || ColorTextFieldElement;
|
|
589
|
+
const Divider = theme?.elements?.Divider || DividerElement;
|
|
590
|
+
const Fab = theme?.elements?.Fab || FabElement;
|
|
591
|
+
const Form = theme?.elements?.Form || FormElement;
|
|
592
|
+
const FormRow = theme?.elements?.FormRow || FormRowElement;
|
|
593
|
+
const IconButton = theme?.elements?.IconButton || IconButtonElement;
|
|
594
|
+
const Label = theme?.elements?.Label || LabelElement;
|
|
595
|
+
const List = theme?.elements?.List || ListElement;
|
|
596
|
+
const ListItem = theme?.elements?.ListItem || ListItemElement;
|
|
597
|
+
const NavigationDrawer = theme?.elements?.NavigationDrawer || NavigationDrawerElement;
|
|
598
|
+
const NumericTextField = theme?.elements?.NumericTextField || NumericTextFieldElement;
|
|
599
|
+
const Select = theme?.elements?.Select || SelectElement;
|
|
600
|
+
const Slider = theme?.elements?.Slider || SliderElement;
|
|
601
|
+
const SmartTextField = theme?.elements?.SmartTextField || SmartTextFieldElement;
|
|
602
|
+
const Switch = theme?.elements?.Switch || SwitchElement;
|
|
603
|
+
const TextField = theme?.elements?.TextField || TextFieldElement;
|
|
604
|
+
const Tooltip = theme?.elements?.Tooltip || TooltipElement;
|
|
605
|
+
const Type = theme?.elements?.Type || TypeElement;
|
|
606
|
+
const Surface = theme?.elements?.Surface || SurfaceElement;
|
|
607
|
+
const HTMLCanvas = theme?.elements?.HTMLCanvas || HTMLCanvasElement;
|
|
333
608
|
const {
|
|
334
609
|
size = 'regular',
|
|
335
610
|
minSize = 0.0001,
|
|
@@ -431,273 +706,273 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
431
706
|
refs.floors.current = floors;
|
|
432
707
|
refs.defaults.current = defaults;
|
|
433
708
|
refs.disabled.current = disabled;
|
|
434
|
-
const onItemsResolve =
|
|
709
|
+
const onItemsResolve = items_ => {
|
|
435
710
|
// sort
|
|
436
711
|
items_.sort((a, b) => a.order - b.order);
|
|
437
712
|
return items_;
|
|
438
|
-
}
|
|
439
|
-
const onGroupSelect =
|
|
713
|
+
};
|
|
714
|
+
const onGroupSelect = (item, event) => {
|
|
440
715
|
event.stopPropagation();
|
|
441
716
|
setSelectedGroup(item === refs.selectedGroup.current ? null : item);
|
|
442
717
|
|
|
443
718
|
// reset
|
|
444
719
|
setSelected(null);
|
|
445
|
-
}
|
|
446
|
-
const onItemSelect =
|
|
720
|
+
};
|
|
721
|
+
const onItemSelect = item_0 => {
|
|
447
722
|
const itemsSelectedNew = _objectSpread({}, refs.itemsSelected.current);
|
|
448
|
-
const exists = itemsSelectedNew[
|
|
449
|
-
if (exists) delete itemsSelectedNew[
|
|
723
|
+
const exists = itemsSelectedNew[item_0.id];
|
|
724
|
+
if (exists) delete itemsSelectedNew[item_0.id];else itemsSelectedNew[item_0.id] = item_0;
|
|
450
725
|
setItemsSelected(itemsSelectedNew);
|
|
451
|
-
}
|
|
452
|
-
const onItemsGroup =
|
|
726
|
+
};
|
|
727
|
+
const onItemsGroup = () => {
|
|
453
728
|
let itemsNew = [...refs.items.current];
|
|
454
729
|
const group = `Group ${refs.groupCounter.current++}`;
|
|
455
730
|
let minOrder = Number.MAX_SAFE_INTEGER;
|
|
456
731
|
const itemsGroup = [];
|
|
457
732
|
const ordersGroup = [];
|
|
458
|
-
itemsNew.forEach(
|
|
459
|
-
if (refs.itemsSelected.current[
|
|
460
|
-
|
|
461
|
-
itemsGroup.push(
|
|
462
|
-
ordersGroup.push(
|
|
463
|
-
minOrder = Math.min(minOrder,
|
|
733
|
+
itemsNew.forEach(item_1 => {
|
|
734
|
+
if (refs.itemsSelected.current[item_1.id]) {
|
|
735
|
+
item_1.group = group;
|
|
736
|
+
itemsGroup.push(item_1);
|
|
737
|
+
ordersGroup.push(item_1.order);
|
|
738
|
+
minOrder = Math.min(minOrder, item_1.order);
|
|
464
739
|
}
|
|
465
740
|
});
|
|
466
741
|
const start = itemsNew.filter(item_ => item_.order < minOrder);
|
|
467
|
-
const end = itemsNew.filter(
|
|
468
|
-
itemsNew = [...start, ...itemsGroup, ...end].map((
|
|
469
|
-
|
|
470
|
-
return
|
|
742
|
+
const end = itemsNew.filter(item__0 => item__0.order > minOrder && !ordersGroup.includes(item__0.order));
|
|
743
|
+
itemsNew = [...start, ...itemsGroup, ...end].map((item__1, index) => {
|
|
744
|
+
item__1.order = index + 1;
|
|
745
|
+
return item__1;
|
|
471
746
|
});
|
|
472
747
|
setItems(onItemsResolve(itemsNew));
|
|
473
748
|
setItemsSelected([]);
|
|
474
|
-
}
|
|
475
|
-
const onItemsUngroup =
|
|
476
|
-
const
|
|
477
|
-
|
|
478
|
-
if (
|
|
749
|
+
};
|
|
750
|
+
const onItemsUngroup = group_0 => {
|
|
751
|
+
const itemsNew_0 = [...refs.items.current];
|
|
752
|
+
itemsNew_0.forEach(item_2 => {
|
|
753
|
+
if (item_2.group === group_0) delete item_2.group;
|
|
479
754
|
});
|
|
480
|
-
setItems(
|
|
481
|
-
}
|
|
482
|
-
const onItemMakeCopy =
|
|
483
|
-
const itemNew = _objectSpread(_objectSpread({}, copy(
|
|
755
|
+
setItems(itemsNew_0);
|
|
756
|
+
};
|
|
757
|
+
const onItemMakeCopy = (item_3 = refs.itemOpen.current) => {
|
|
758
|
+
const itemNew = _objectSpread(_objectSpread({}, copy(item_3)), {}, {
|
|
484
759
|
id: getID(),
|
|
485
|
-
name: `${
|
|
760
|
+
name: `${item_3.name} copy`
|
|
486
761
|
});
|
|
487
762
|
itemNew.props['data-element'] = true;
|
|
488
763
|
itemNew.props['data-id'] = itemNew.id;
|
|
489
764
|
itemNew.props['data-name'] = itemNew.name;
|
|
490
765
|
itemNew.props.style.left -= itemNew.props.style.width + 40;
|
|
491
|
-
const
|
|
492
|
-
|
|
493
|
-
setItems(onItemsResolve(
|
|
494
|
-
}
|
|
495
|
-
const onItemMove =
|
|
496
|
-
|
|
497
|
-
|
|
766
|
+
const itemsNew_1 = [...refs.items.current];
|
|
767
|
+
itemsNew_1.push(itemNew);
|
|
768
|
+
setItems(onItemsResolve(itemsNew_1));
|
|
769
|
+
};
|
|
770
|
+
const onItemMove = (item_4, orderPrevious, orderNew, event_0) => {
|
|
771
|
+
event_0?.preventDefault();
|
|
772
|
+
event_0?.stopPropagation();
|
|
498
773
|
const itemsPrevious = refs.items.current;
|
|
499
|
-
let
|
|
500
|
-
let
|
|
774
|
+
let itemsNew_2 = [];
|
|
775
|
+
let itemNew_0 = itemsPrevious.find(item__2 => item__2.order === orderNew);
|
|
501
776
|
const up = orderNew < orderPrevious;
|
|
502
|
-
if (
|
|
503
|
-
const partTo =
|
|
504
|
-
const partFrom =
|
|
505
|
-
if (up)
|
|
777
|
+
if (itemNew_0.group || item_4.isGroup) {
|
|
778
|
+
const partTo = itemNew_0.group ? itemsPrevious.filter(item__3 => item__3.group === itemNew_0.group) : [itemNew_0];
|
|
779
|
+
const partFrom = item_4.isGroup ? itemsPrevious.filter(item__4 => item__4.group === item_4.group) : [item_4];
|
|
780
|
+
if (up) itemsNew_2.push(...partFrom, ...partTo);else itemsNew_2.push(...partTo, ...partFrom);
|
|
506
781
|
|
|
507
782
|
// start, end order
|
|
508
|
-
const orderSmallest = Math.min(...
|
|
509
|
-
const orderLargest = Math.max(...
|
|
510
|
-
const
|
|
511
|
-
const
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
return
|
|
783
|
+
const orderSmallest = Math.min(...itemsNew_2.map(item__5 => item__5.order));
|
|
784
|
+
const orderLargest = Math.max(...itemsNew_2.map(item__6 => item__6.order));
|
|
785
|
+
const start_0 = itemsPrevious.filter(item__7 => item__7.order < orderSmallest);
|
|
786
|
+
const end_0 = itemsPrevious.filter(item__8 => item__8.order > orderLargest);
|
|
787
|
+
itemsNew_2 = [...start_0, ...itemsNew_2, ...end_0].map((item__9, index_0) => {
|
|
788
|
+
item__9.order = index_0 + 1;
|
|
789
|
+
return item__9;
|
|
515
790
|
});
|
|
516
791
|
} else {
|
|
517
792
|
let itemPrevious;
|
|
518
|
-
itemsPrevious.forEach(
|
|
519
|
-
if (
|
|
520
|
-
if (
|
|
793
|
+
itemsPrevious.forEach(item__10 => {
|
|
794
|
+
if (item__10.order === orderPrevious) itemPrevious = item__10;
|
|
795
|
+
if (item__10.order === orderNew) itemNew_0 = item__10;
|
|
521
796
|
});
|
|
522
797
|
itemPrevious.order = orderNew;
|
|
523
|
-
|
|
524
|
-
|
|
798
|
+
itemNew_0.order = orderPrevious;
|
|
799
|
+
itemsNew_2 = [...itemsPrevious];
|
|
525
800
|
}
|
|
526
|
-
setItems(onItemsResolve(
|
|
527
|
-
}
|
|
528
|
-
const onUpdateGuidelines =
|
|
801
|
+
setItems(onItemsResolve(itemsNew_2));
|
|
802
|
+
};
|
|
803
|
+
const onUpdateGuidelines = valueNew => {
|
|
529
804
|
setGuidelines(valueNew);
|
|
530
|
-
}
|
|
531
|
-
const onUpdateUnit =
|
|
532
|
-
setUnit(
|
|
533
|
-
}
|
|
534
|
-
const onOpenOpenOptions =
|
|
805
|
+
};
|
|
806
|
+
const onUpdateUnit = valueNew_0 => {
|
|
807
|
+
setUnit(valueNew_0);
|
|
808
|
+
};
|
|
809
|
+
const onOpenOpenOptions = () => {
|
|
535
810
|
setItemOpen(false);
|
|
536
811
|
setOpenOptions(true);
|
|
537
|
-
}
|
|
538
|
-
const onCloseOpenOptions =
|
|
812
|
+
};
|
|
813
|
+
const onCloseOpenOptions = () => {
|
|
539
814
|
setOpenOptions(false);
|
|
540
|
-
}
|
|
541
|
-
const onChangeKeepAspectRatio =
|
|
542
|
-
setKeepAspectRatio(
|
|
543
|
-
}
|
|
544
|
-
const getUnitValue =
|
|
815
|
+
};
|
|
816
|
+
const onChangeKeepAspectRatio = valueNew_1 => {
|
|
817
|
+
setKeepAspectRatio(valueNew_1);
|
|
818
|
+
};
|
|
819
|
+
const getUnitValue = valueNew_ => {
|
|
545
820
|
if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew_)) return valueNew_;
|
|
546
|
-
let
|
|
821
|
+
let valueNew_2 = +valueNew_;
|
|
547
822
|
const unit_ = refs.unit.current;
|
|
548
|
-
if (!
|
|
549
|
-
|
|
550
|
-
|
|
823
|
+
if (!valueNew_2) valueNew_2 = clamp(+valueNew_, refs.minSize.current, refs.maxSize.current);
|
|
824
|
+
valueNew_2 = unit_ === 'px' ? +valueNew_2 : +valueNew_2 / refs.units.current.m;
|
|
825
|
+
valueNew_2 = clamp(+valueNew_2 % 1 > 0 ? +valueNew_2.toFixed(4) : valueNew_2, refs.minSize.current, refs.maxSize.current);
|
|
551
826
|
if ((String(valueNew_).startsWith('-0') || String(valueNew_).includes('.')) && clamp(+valueNew_, refs.minSize.current, refs.maxSize.current) === +valueNew_) return valueNew_;
|
|
552
|
-
return !
|
|
553
|
-
}
|
|
554
|
-
const toUnitValue =
|
|
555
|
-
if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(
|
|
556
|
-
let
|
|
557
|
-
const
|
|
558
|
-
if (!
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
if (raw && (String(
|
|
562
|
-
return
|
|
563
|
-
}
|
|
564
|
-
const onItemCenter =
|
|
827
|
+
return !valueNew_2 ? clamp(+valueNew_2, refs.minSize.current, refs.maxSize.current) : valueNew_2;
|
|
828
|
+
};
|
|
829
|
+
const toUnitValue = (valueNew__0, raw = false) => {
|
|
830
|
+
if (['', ' ', '+', '-', 'e', 'e+', 'e-', undefined, null].includes(valueNew__0)) return valueNew__0;
|
|
831
|
+
let valueNew_3 = valueNew__0;
|
|
832
|
+
const unit__0 = refs.unit.current;
|
|
833
|
+
if (!valueNew_3) valueNew_3 = clamp(+valueNew__0, refs.minSize.current, refs.maxSize.current);
|
|
834
|
+
valueNew_3 = unit__0 === 'px' ? +valueNew_3 : +valueNew_3 * refs.units.current.m;
|
|
835
|
+
valueNew_3 = clamp(+valueNew_3 % 1 > 0 ? +valueNew_3.toFixed(4) : valueNew_3, refs.minSize.current, refs.maxSize.current);
|
|
836
|
+
if (raw && (String(valueNew__0).startsWith('-0') || String(valueNew__0).includes('.')) && clamp(+valueNew__0, refs.minSize.current, refs.maxSize.current) === +valueNew__0) return valueNew__0;
|
|
837
|
+
return valueNew_3;
|
|
838
|
+
};
|
|
839
|
+
const onItemCenter = item_5 => {
|
|
565
840
|
const root = refs.root.current;
|
|
566
841
|
const positions_ = refs.positions.current;
|
|
567
|
-
const style_ =
|
|
842
|
+
const style_ = item_5.props.style;
|
|
568
843
|
const {
|
|
569
844
|
left,
|
|
570
845
|
top,
|
|
571
846
|
width,
|
|
572
847
|
height
|
|
573
848
|
} = style_;
|
|
574
|
-
const
|
|
849
|
+
const valueNew_4 = _objectSpread(_objectSpread({}, refs.positions.current), {}, {
|
|
575
850
|
left: left * positions_.zoom * -1 + root.clientWidth / 2 - width * positions_.zoom / 2,
|
|
576
851
|
top: top * positions_.zoom * -1 + root.clientHeight / 2 - height * positions_.zoom / 2
|
|
577
852
|
});
|
|
578
|
-
refs.methods.current.updatePositions(
|
|
579
|
-
}
|
|
580
|
-
const onItemOpen =
|
|
581
|
-
setSelected(
|
|
582
|
-
setItemOpen(
|
|
853
|
+
refs.methods.current.updatePositions(valueNew_4);
|
|
854
|
+
};
|
|
855
|
+
const onItemOpen = item_6 => {
|
|
856
|
+
setSelected(item_6?.id);
|
|
857
|
+
setItemOpen(item_6);
|
|
583
858
|
|
|
584
859
|
// center
|
|
585
|
-
onItemCenter(
|
|
860
|
+
onItemCenter(item_6);
|
|
586
861
|
|
|
587
862
|
// reset
|
|
588
863
|
setSelectedGroup(null);
|
|
589
|
-
}
|
|
590
|
-
const onItemClose =
|
|
864
|
+
};
|
|
865
|
+
const onItemClose = () => {
|
|
591
866
|
setItemOpen(null);
|
|
592
|
-
}
|
|
593
|
-
const onElementSearch =
|
|
867
|
+
};
|
|
868
|
+
const onElementSearch = value => {
|
|
594
869
|
setElementSearch(value);
|
|
595
|
-
}
|
|
596
|
-
const onElementSearchClear =
|
|
870
|
+
};
|
|
871
|
+
const onElementSearchClear = () => {
|
|
597
872
|
setElementSearch('');
|
|
598
|
-
}
|
|
599
|
-
const onItemRemove =
|
|
600
|
-
const
|
|
601
|
-
if (
|
|
873
|
+
};
|
|
874
|
+
const onItemRemove = id => {
|
|
875
|
+
const item_7 = refs.items.current.find(item__11 => item__11.id === id);
|
|
876
|
+
if (item_7) setItems(previous => onItemsResolve(previous.filter(item__12 => !(item__12.id === id || refs.selectedGroup.current && refs.selectedGroup.current === item_7.group && item_7.group && item__12.group === item_7.group))));
|
|
602
877
|
if (refs.itemOpen.current?.id === id) {
|
|
603
878
|
setItemOpen(null);
|
|
604
879
|
}
|
|
605
|
-
}
|
|
606
|
-
const onKeyUp =
|
|
880
|
+
};
|
|
881
|
+
const onKeyUp = () => {
|
|
607
882
|
refs.keyDown.current = null;
|
|
608
883
|
refs.previousMouseEvent.current = undefined;
|
|
609
|
-
}
|
|
610
|
-
const onKeyDown =
|
|
611
|
-
if (
|
|
884
|
+
};
|
|
885
|
+
const onKeyDown = event_1 => {
|
|
886
|
+
if (event_1.key === 'Backspace') {
|
|
612
887
|
const activeElement = window.document.activeElement?.nodeName;
|
|
613
888
|
if (refs.selected.current && !(activeElement && ['input', 'h4'].includes(activeElement.toLowerCase()))) onItemRemove(refs.selected.current);
|
|
614
889
|
}
|
|
615
|
-
refs.keyDown.current =
|
|
616
|
-
}
|
|
617
|
-
const onMouseUp =
|
|
890
|
+
refs.keyDown.current = event_1.key;
|
|
891
|
+
};
|
|
892
|
+
const onMouseUp = () => {
|
|
618
893
|
refs.mouseDown.current = null;
|
|
619
894
|
refs.previousMouseEvent.current = undefined;
|
|
620
|
-
}
|
|
621
|
-
const onMouseDown =
|
|
622
|
-
const target =
|
|
895
|
+
};
|
|
896
|
+
const onMouseDown = event_2 => {
|
|
897
|
+
const target = event_2.target;
|
|
623
898
|
const element = target.closest('[data-element]');
|
|
624
899
|
if (element) {
|
|
625
|
-
const
|
|
626
|
-
if (
|
|
900
|
+
const item_8 = refs.items.current.find(item__13 => item__13.id === element.dataset.id);
|
|
901
|
+
if (item_8) {
|
|
627
902
|
refs.mouseDown.current = {
|
|
628
|
-
id:
|
|
629
|
-
item,
|
|
903
|
+
id: item_8.id,
|
|
904
|
+
item: item_8,
|
|
630
905
|
element
|
|
631
906
|
};
|
|
632
907
|
}
|
|
633
908
|
}
|
|
634
|
-
}
|
|
635
|
-
const onTouchStart =
|
|
636
|
-
const
|
|
637
|
-
const
|
|
638
|
-
if (
|
|
909
|
+
};
|
|
910
|
+
const onTouchStart = event_3 => {
|
|
911
|
+
const target_0 = event_3.target;
|
|
912
|
+
const element_0 = target_0.closest('[data-element]');
|
|
913
|
+
if (element_0) {
|
|
639
914
|
refs.mouseDown.current = {
|
|
640
|
-
id:
|
|
641
|
-
element
|
|
915
|
+
id: element_0.dataset.id,
|
|
916
|
+
element: element_0
|
|
642
917
|
};
|
|
643
918
|
}
|
|
644
|
-
}
|
|
645
|
-
const onMoveItem =
|
|
919
|
+
};
|
|
920
|
+
const onMoveItem = (x, y) => {
|
|
646
921
|
const mouseDown = refs.mouseDown.current;
|
|
647
922
|
if (mouseDown) {
|
|
648
|
-
setItems(
|
|
649
|
-
const
|
|
650
|
-
const
|
|
923
|
+
setItems(previous_0 => {
|
|
924
|
+
const id_0 = mouseDown.id;
|
|
925
|
+
const item_9 = previous_0.find(item__14 => item__14.id === id_0);
|
|
651
926
|
let updated = 0;
|
|
652
|
-
const
|
|
653
|
-
if (
|
|
654
|
-
|
|
655
|
-
|
|
927
|
+
const itemsNew_3 = [...previous_0].map(item__15 => {
|
|
928
|
+
if (item__15.id === id_0 || refs.selectedGroup.current && refs.selectedGroup.current === item_9.group && item_9.group && item__15.group === item_9.group) {
|
|
929
|
+
item__15.props.style.left += x;
|
|
930
|
+
item__15.props.style.top += y;
|
|
656
931
|
updated++;
|
|
657
932
|
}
|
|
658
|
-
return
|
|
933
|
+
return item__15;
|
|
659
934
|
});
|
|
660
|
-
if (!!updated) return
|
|
661
|
-
return
|
|
935
|
+
if (!!updated) return itemsNew_3;
|
|
936
|
+
return previous_0;
|
|
662
937
|
});
|
|
663
938
|
}
|
|
664
|
-
}
|
|
665
|
-
const onMove =
|
|
939
|
+
};
|
|
940
|
+
const onMove = (x_, y_, event_4) => {
|
|
666
941
|
if (refs.mouseDown.current && refs.previousMouseEvent.current && !refs.disabled.current) {
|
|
667
942
|
const {
|
|
668
943
|
clientX: xPrevious,
|
|
669
944
|
clientY: yPrevious
|
|
670
945
|
} = refs.previousMouseEvent.current;
|
|
671
946
|
const zoomAdjusted = 1 / refs.positions.current.zoom;
|
|
672
|
-
const
|
|
673
|
-
const
|
|
674
|
-
onMoveItem(
|
|
947
|
+
const x_0 = (x_ - xPrevious) * zoomAdjusted;
|
|
948
|
+
const y_0 = (y_ - yPrevious) * zoomAdjusted;
|
|
949
|
+
onMoveItem(x_0, y_0);
|
|
675
950
|
}
|
|
676
|
-
}
|
|
677
|
-
const onMouseMove =
|
|
951
|
+
};
|
|
952
|
+
const onMouseMove = event_5 => {
|
|
678
953
|
if (!refs.keyDown.current && refs.mouseDown.current && !refs.disabled.current) {
|
|
679
954
|
const {
|
|
680
955
|
clientY,
|
|
681
956
|
clientX
|
|
682
|
-
} =
|
|
683
|
-
onMove(clientX, clientY,
|
|
684
|
-
refs.previousMouseEvent.current =
|
|
957
|
+
} = event_5;
|
|
958
|
+
onMove(clientX, clientY, event_5);
|
|
959
|
+
refs.previousMouseEvent.current = event_5;
|
|
685
960
|
}
|
|
686
|
-
}
|
|
687
|
-
const onTouchMove =
|
|
961
|
+
};
|
|
962
|
+
const onTouchMove = event_6 => {
|
|
688
963
|
if (!refs.keyDown.current && refs.mouseDown.current && !refs.disabled.current) {
|
|
689
964
|
const {
|
|
690
|
-
clientY,
|
|
691
|
-
clientX
|
|
692
|
-
} =
|
|
693
|
-
onMove(
|
|
694
|
-
refs.previousMouseEvent.current =
|
|
965
|
+
clientY: clientY_0,
|
|
966
|
+
clientX: clientX_0
|
|
967
|
+
} = event_6.touches[0];
|
|
968
|
+
onMove(clientX_0, clientY_0, event_6);
|
|
969
|
+
refs.previousMouseEvent.current = event_6;
|
|
695
970
|
|
|
696
971
|
// Normalize for use as a mouseDown value
|
|
697
|
-
refs.previousMouseEvent.current.clientY =
|
|
698
|
-
refs.previousMouseEvent.current.clientX =
|
|
972
|
+
refs.previousMouseEvent.current.clientY = clientY_0;
|
|
973
|
+
refs.previousMouseEvent.current.clientX = clientX_0;
|
|
699
974
|
}
|
|
700
|
-
}
|
|
975
|
+
};
|
|
701
976
|
React.useEffect(() => {
|
|
702
977
|
onElementSearchClear();
|
|
703
978
|
const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
|
|
@@ -718,97 +993,97 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
718
993
|
rootDocument.removeEventListener('touchend', onMouseUp);
|
|
719
994
|
};
|
|
720
995
|
}, []);
|
|
721
|
-
const onOpenNavigation =
|
|
996
|
+
const onOpenNavigation = () => {
|
|
722
997
|
setOpenOptions(false);
|
|
723
998
|
setItemOpen(false);
|
|
724
999
|
setOpenNavigation(true);
|
|
725
|
-
}
|
|
726
|
-
const onCloseNavigation =
|
|
1000
|
+
};
|
|
1001
|
+
const onCloseNavigation = () => {
|
|
727
1002
|
setOpenNavigation(false);
|
|
728
1003
|
setTimeout(() => {
|
|
729
1004
|
setItemOpen(null);
|
|
730
1005
|
}, 140);
|
|
731
|
-
}
|
|
732
|
-
const onOpenMenu =
|
|
1006
|
+
};
|
|
1007
|
+
const onOpenMenu = () => {
|
|
733
1008
|
setOpenMenu(true);
|
|
734
|
-
}
|
|
735
|
-
const onCloseMenu =
|
|
1009
|
+
};
|
|
1010
|
+
const onCloseMenu = () => {
|
|
736
1011
|
setOpenMenu(false);
|
|
737
|
-
}
|
|
738
|
-
const onChangeHTMLCanvas =
|
|
739
|
-
setPositions(
|
|
740
|
-
refs.positions.current =
|
|
741
|
-
}
|
|
742
|
-
const onClickSpace =
|
|
743
|
-
const
|
|
744
|
-
const
|
|
745
|
-
if (
|
|
746
|
-
const
|
|
747
|
-
if (refs.selected.current !==
|
|
748
|
-
const
|
|
749
|
-
setSelected(
|
|
750
|
-
if (refs.itemOpen.current) setItemOpen(
|
|
1012
|
+
};
|
|
1013
|
+
const onChangeHTMLCanvas = valueNew_5 => {
|
|
1014
|
+
setPositions(valueNew_5);
|
|
1015
|
+
refs.positions.current = valueNew_5;
|
|
1016
|
+
};
|
|
1017
|
+
const onClickSpace = event_7 => {
|
|
1018
|
+
const target_1 = event_7.target;
|
|
1019
|
+
const element_1 = target_1.closest('[data-element]');
|
|
1020
|
+
if (element_1) {
|
|
1021
|
+
const id_1 = element_1.dataset.id;
|
|
1022
|
+
if (refs.selected.current !== id_1) {
|
|
1023
|
+
const item_10 = refs.items.current.find(item__16 => item__16.id === id_1);
|
|
1024
|
+
setSelected(id_1);
|
|
1025
|
+
if (refs.itemOpen.current) setItemOpen(item_10);
|
|
751
1026
|
|
|
752
1027
|
// reset
|
|
753
|
-
if (
|
|
1028
|
+
if (item_10.group !== refs.selectedGroup.current) setSelectedGroup(null);
|
|
754
1029
|
}
|
|
755
1030
|
} else {
|
|
756
1031
|
setSelected(null);
|
|
757
1032
|
setSelectedGroup(null);
|
|
758
1033
|
}
|
|
759
|
-
}
|
|
760
|
-
const onItemClick =
|
|
761
|
-
if (
|
|
762
|
-
setSelected(
|
|
763
|
-
setItemOpen(
|
|
1034
|
+
};
|
|
1035
|
+
const onItemClick = (item_11, event_8) => {
|
|
1036
|
+
if (event_8.detail === 2) {
|
|
1037
|
+
setSelected(item_11.id);
|
|
1038
|
+
setItemOpen(item_11);
|
|
764
1039
|
setOpenNavigation(true);
|
|
765
1040
|
setOpenMenu(false);
|
|
766
1041
|
|
|
767
1042
|
// reset
|
|
768
|
-
if (
|
|
1043
|
+
if (item_11.group !== refs.selectedGroup.current) setSelectedGroup(null);
|
|
769
1044
|
}
|
|
770
|
-
}
|
|
771
|
-
const onItemUpdate =
|
|
772
|
-
const
|
|
773
|
-
const
|
|
774
|
-
if (
|
|
775
|
-
const itemToUpdate =
|
|
1045
|
+
};
|
|
1046
|
+
const onItemUpdate = (valueNew_6, item_12 = refs.itemOpen.current) => {
|
|
1047
|
+
const itemsNew_4 = [...refs.items.current];
|
|
1048
|
+
const index_1 = itemsNew_4.findIndex(item__17 => item__17.id === item_12.id);
|
|
1049
|
+
if (index_1 > -1) {
|
|
1050
|
+
const itemToUpdate = itemsNew_4[index_1];
|
|
776
1051
|
const ratio = itemToUpdate.props.style.width / itemToUpdate.props.style.height;
|
|
777
|
-
if (
|
|
778
|
-
if (
|
|
779
|
-
if (
|
|
780
|
-
if (
|
|
781
|
-
if (
|
|
782
|
-
if (
|
|
783
|
-
if (
|
|
784
|
-
if (
|
|
785
|
-
const backgroundImage =
|
|
1052
|
+
if (valueNew_6.name !== undefined) itemToUpdate.name = valueNew_6.name;
|
|
1053
|
+
if (valueNew_6.id_custom !== undefined) itemToUpdate.id_custom = valueNew_6.id_custom;
|
|
1054
|
+
if (valueNew_6.selectable !== undefined) itemToUpdate.selectable = valueNew_6.selectable;
|
|
1055
|
+
if (valueNew_6.description !== undefined) itemToUpdate.description = valueNew_6.description;
|
|
1056
|
+
if (valueNew_6.width !== undefined) itemToUpdate.width = valueNew_6.width;
|
|
1057
|
+
if (valueNew_6.height !== undefined) itemToUpdate.height = valueNew_6.height;
|
|
1058
|
+
if (valueNew_6.backgroundImage !== undefined) itemToUpdate.backgroundImage = valueNew_6.backgroundImage;
|
|
1059
|
+
if (valueNew_6.props?.color !== undefined) itemToUpdate.props.color = valueNew_6.props.color;
|
|
1060
|
+
const backgroundImage = valueNew_6.backgroundImage !== undefined ? valueNew_6.backgroundImage : item_12.backgroundImage !== undefined ? item_12.backgroundImage : null;
|
|
786
1061
|
if (backgroundImage) {
|
|
787
1062
|
itemToUpdate.props.style.backgroundImage = `url(/assets/svg/space/floor/${backgroundImage}.svg)`;
|
|
788
1063
|
itemToUpdate.props.style.backgroundSize = 70;
|
|
789
1064
|
} else {
|
|
790
1065
|
itemToUpdate.props.style.backgroundImage = itemToUpdate.props.style.backgroundSize = null;
|
|
791
1066
|
}
|
|
792
|
-
if (
|
|
793
|
-
itemToUpdate.props.style.transform = `rotate(${
|
|
794
|
-
itemToUpdate.props.style = _objectSpread(_objectSpread({}, itemToUpdate.props.style),
|
|
795
|
-
if (!['icon'].includes(
|
|
796
|
-
if (
|
|
797
|
-
let valueHeight =
|
|
1067
|
+
if (valueNew_6.rotate !== undefined) itemToUpdate.rotate = valueNew_6.rotate;
|
|
1068
|
+
itemToUpdate.props.style.transform = `rotate(${valueNew_6.rotate !== undefined ? valueNew_6.rotate : item_12.rotate !== undefined ? item_12.rotate : 0}deg)`;
|
|
1069
|
+
itemToUpdate.props.style = _objectSpread(_objectSpread({}, itemToUpdate.props.style), valueNew_6.props?.style);
|
|
1070
|
+
if (!['icon'].includes(item_12.type) && refs.keepAspectRatio.current) {
|
|
1071
|
+
if (valueNew_6.props?.style?.width) {
|
|
1072
|
+
let valueHeight = valueNew_6.props?.style?.width / ratio;
|
|
798
1073
|
valueHeight = clamp(+valueHeight, refs.minSize.current, refs.maxSize.current);
|
|
799
1074
|
itemToUpdate.props.style.height = itemToUpdate.height = valueHeight % 1 > 0 ? +valueHeight.toFixed(4) : valueHeight;
|
|
800
|
-
if (Number.isNaN(itemToUpdate.props.style.height)) itemToUpdate.props.style.height = itemToUpdate.height =
|
|
1075
|
+
if (Number.isNaN(itemToUpdate.props.style.height)) itemToUpdate.props.style.height = itemToUpdate.height = valueNew_6.props?.style?.width;
|
|
801
1076
|
}
|
|
802
|
-
if (
|
|
803
|
-
let valueWidth =
|
|
1077
|
+
if (valueNew_6.props?.style?.height) {
|
|
1078
|
+
let valueWidth = valueNew_6.props?.style?.height * ratio;
|
|
804
1079
|
valueWidth = clamp(+valueWidth, refs.minSize.current, refs.maxSize.current);
|
|
805
1080
|
itemToUpdate.props.style.width = itemToUpdate.width = valueWidth % 1 > 0 ? +valueWidth.toFixed(4) : valueWidth;
|
|
806
|
-
if (Number.isNaN(itemToUpdate.props.style.width)) itemToUpdate.props.style.width = itemToUpdate.width =
|
|
1081
|
+
if (Number.isNaN(itemToUpdate.props.style.width)) itemToUpdate.props.style.width = itemToUpdate.width = valueNew_6.props?.style?.height;
|
|
807
1082
|
}
|
|
808
1083
|
}
|
|
809
|
-
setItems(onItemsResolve(
|
|
1084
|
+
setItems(onItemsResolve(itemsNew_4));
|
|
810
1085
|
}
|
|
811
|
-
}
|
|
1086
|
+
};
|
|
812
1087
|
const optionsMenu = React.useMemo(() => {
|
|
813
1088
|
return [
|
|
814
1089
|
// 1) furniture
|
|
@@ -880,51 +1155,51 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
880
1155
|
}];
|
|
881
1156
|
}, []);
|
|
882
1157
|
const elementsMenu = React.useMemo(() => {
|
|
883
|
-
const
|
|
884
|
-
return
|
|
1158
|
+
const valueNew_7 = [...optionsMenu].filter(item_13 => item_13.name.toLowerCase().includes(elementSearch.toLowerCase()));
|
|
1159
|
+
return valueNew_7;
|
|
885
1160
|
}, [optionsMenu, elementSearch]);
|
|
886
|
-
const getElement =
|
|
1161
|
+
const getElement = item_14 => {
|
|
887
1162
|
const otherElementProps = {
|
|
888
1163
|
onMouseDown,
|
|
889
1164
|
onTouchStart,
|
|
890
|
-
onClick:
|
|
1165
|
+
onClick: event_9 => onItemClick(item_14, event_9)
|
|
891
1166
|
};
|
|
892
|
-
const
|
|
893
|
-
const textZoomAdjusted = 1 /
|
|
894
|
-
const isSelected = selected ===
|
|
1167
|
+
const positions__0 = refs.positions.current;
|
|
1168
|
+
const textZoomAdjusted = 1 / positions__0.zoom;
|
|
1169
|
+
const isSelected = selected === item_14.id || refs.selectedGroup.current && refs.selectedGroup.current === item_14.group;
|
|
895
1170
|
const textOtherProps = {
|
|
896
1171
|
style: {
|
|
897
1172
|
transform: `scale(${textZoomAdjusted})`
|
|
898
1173
|
// transform: `scale(${textZoomAdjusted}) rotate(-${item.rotate}deg)`
|
|
899
1174
|
}
|
|
900
1175
|
};
|
|
901
|
-
const rootStyle = _objectSpread({},
|
|
1176
|
+
const rootStyle = _objectSpread({}, item_14.props?.style);
|
|
902
1177
|
let rootElement = null;
|
|
903
1178
|
const styleIcon = {
|
|
904
1179
|
transform: 'unset'
|
|
905
1180
|
};
|
|
906
|
-
if (
|
|
1181
|
+
if (item_14.version === 'table-oval-seat-4-1') {
|
|
907
1182
|
rootElement = /*#__PURE__*/React.createElement(IconFurnitureTableOvalSeat4Version1, {
|
|
908
|
-
color:
|
|
909
|
-
style: _objectSpread(_objectSpread({},
|
|
1183
|
+
color: item_14.props.color,
|
|
1184
|
+
style: _objectSpread(_objectSpread({}, item_14.props.style), styleIcon)
|
|
910
1185
|
});
|
|
911
1186
|
}
|
|
912
|
-
if (
|
|
1187
|
+
if (item_14.version === 'table-rectangle-seat-6-1') {
|
|
913
1188
|
rootElement = /*#__PURE__*/React.createElement(IconFurnitureTableRectangleSeat6Version1, {
|
|
914
|
-
color:
|
|
915
|
-
style: _objectSpread(_objectSpread({},
|
|
1189
|
+
color: item_14.props.color,
|
|
1190
|
+
style: _objectSpread(_objectSpread({}, item_14.props.style), styleIcon)
|
|
916
1191
|
});
|
|
917
1192
|
}
|
|
918
|
-
if (['icon'].includes(
|
|
1193
|
+
if (['icon'].includes(item_14.type)) {
|
|
919
1194
|
delete rootStyle.width;
|
|
920
1195
|
delete rootStyle.height;
|
|
921
1196
|
}
|
|
922
|
-
const widthText = `${
|
|
923
|
-
const heightText = `${
|
|
1197
|
+
const widthText = `${item_14.props.style.width % 1 > 0 ? getUnitValue(item_14.props.style.width) : numberWithCommas(getUnitValue(item_14.props.style.width))}${refs.unit.current}`;
|
|
1198
|
+
const heightText = `${item_14.props.style.height % 1 > 0 ? getUnitValue(item_14.props.style.height) : numberWithCommas(getUnitValue(item_14.props.style.height))}${refs.unit.current}`;
|
|
924
1199
|
return /*#__PURE__*/React.createElement(Line, _extends({
|
|
925
|
-
key:
|
|
926
|
-
},
|
|
927
|
-
className: classNames([
|
|
1200
|
+
key: item_14.id
|
|
1201
|
+
}, item_14.props, otherElementProps, {
|
|
1202
|
+
className: classNames([item_14.props?.className, isSelected && classes.itemSelected]),
|
|
928
1203
|
style: _objectSpread({}, rootStyle)
|
|
929
1204
|
}), rootElement, isSelected && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Type, _extends({
|
|
930
1205
|
version: "b3",
|
|
@@ -933,100 +1208,100 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
933
1208
|
className: classes.metaName
|
|
934
1209
|
}, textOtherProps, {
|
|
935
1210
|
dangerouslySetInnerHTML: {
|
|
936
|
-
__html: textToInnerHTML(
|
|
1211
|
+
__html: textToInnerHTML(item_14.name)
|
|
937
1212
|
}
|
|
938
1213
|
})), /*#__PURE__*/React.createElement(Type, _extends({
|
|
939
1214
|
version: "b3",
|
|
940
1215
|
align: "center",
|
|
941
1216
|
color: "info",
|
|
942
1217
|
className: classes.meteSize
|
|
943
|
-
}, textOtherProps), ['shape'].includes(
|
|
944
|
-
}
|
|
945
|
-
const getThumbnail =
|
|
946
|
-
let
|
|
947
|
-
if (['rectangle', 'oval'].includes(
|
|
948
|
-
|
|
949
|
-
style: _objectSpread(_objectSpread({},
|
|
1218
|
+
}, textOtherProps), ['shape'].includes(item_14.type) && /*#__PURE__*/React.createElement(React.Fragment, null, widthText, " x ", heightText), ['icon'].includes(item_14.type) && /*#__PURE__*/React.createElement(React.Fragment, null, "Width: ", widthText))));
|
|
1219
|
+
};
|
|
1220
|
+
const getThumbnail = item_15 => {
|
|
1221
|
+
let element_2 = null;
|
|
1222
|
+
if (['rectangle', 'oval'].includes(item_15.version)) {
|
|
1223
|
+
element_2 = /*#__PURE__*/React.createElement(Line, {
|
|
1224
|
+
style: _objectSpread(_objectSpread({}, item_15.props.style), {}, {
|
|
950
1225
|
width: '100%',
|
|
951
1226
|
height: '100%'
|
|
952
1227
|
})
|
|
953
1228
|
});
|
|
954
1229
|
}
|
|
955
|
-
const
|
|
1230
|
+
const styleIcon_0 = {
|
|
956
1231
|
maxWidth: '100%',
|
|
957
1232
|
maxHeight: '100%',
|
|
958
1233
|
height: '100%',
|
|
959
1234
|
width: '100%'
|
|
960
1235
|
};
|
|
961
|
-
if (
|
|
962
|
-
|
|
963
|
-
style: _objectSpread(_objectSpread({},
|
|
1236
|
+
if (item_15.version === 'table-oval-seat-4-1') {
|
|
1237
|
+
element_2 = /*#__PURE__*/React.createElement(IconFurnitureTableOvalSeat4Version1, {
|
|
1238
|
+
style: _objectSpread(_objectSpread({}, item_15.props.style), styleIcon_0)
|
|
964
1239
|
});
|
|
965
1240
|
}
|
|
966
|
-
if (
|
|
967
|
-
|
|
968
|
-
style: _objectSpread(_objectSpread({},
|
|
1241
|
+
if (item_15.version === 'table-rectangle-seat-6-1') {
|
|
1242
|
+
element_2 = /*#__PURE__*/React.createElement(IconFurnitureTableRectangleSeat6Version1, {
|
|
1243
|
+
style: _objectSpread(_objectSpread({}, item_15.props.style), styleIcon_0)
|
|
969
1244
|
});
|
|
970
1245
|
}
|
|
971
1246
|
return /*#__PURE__*/React.createElement(Line, {
|
|
972
1247
|
align: "center",
|
|
973
1248
|
justify: "center",
|
|
974
1249
|
className: classes.elementImage
|
|
975
|
-
},
|
|
976
|
-
}
|
|
977
|
-
const onAdd =
|
|
978
|
-
const itemToAdd = copy(
|
|
1250
|
+
}, element_2);
|
|
1251
|
+
};
|
|
1252
|
+
const onAdd = item_16 => {
|
|
1253
|
+
const itemToAdd = copy(item_16);
|
|
979
1254
|
itemToAdd.name = `${itemToAdd.name} ${refs.items.current.length ? refs.items.current.length + 1 : ''}`.trim();
|
|
980
1255
|
const {
|
|
981
1256
|
zoom = 1,
|
|
982
|
-
left = 0,
|
|
983
|
-
top = 0
|
|
1257
|
+
left: left_0 = 0,
|
|
1258
|
+
top: top_0 = 0
|
|
984
1259
|
} = refs.positions.current;
|
|
985
|
-
setItems(
|
|
986
|
-
const
|
|
987
|
-
const
|
|
988
|
-
const
|
|
1260
|
+
setItems(previous_1 => {
|
|
1261
|
+
const id_2 = getID();
|
|
1262
|
+
const width_0 = itemToAdd.props.style.width;
|
|
1263
|
+
const height_0 = itemToAdd.props.style.height;
|
|
989
1264
|
const object = _objectSpread(_objectSpread({
|
|
990
|
-
id
|
|
1265
|
+
id: id_2
|
|
991
1266
|
}, itemToAdd), {}, {
|
|
992
|
-
width,
|
|
993
|
-
height,
|
|
1267
|
+
width: width_0,
|
|
1268
|
+
height: height_0,
|
|
994
1269
|
rotate: 0,
|
|
995
|
-
order: (
|
|
1270
|
+
order: (previous_1[previous_1.length - 1]?.order || 0) + 1,
|
|
996
1271
|
props: _objectSpread(_objectSpread({}, itemToAdd.props), {}, {
|
|
997
1272
|
'data-onesy': true,
|
|
998
1273
|
'data-element': true,
|
|
999
|
-
'data-id':
|
|
1274
|
+
'data-id': id_2,
|
|
1000
1275
|
'data-name': itemToAdd.name,
|
|
1001
1276
|
className: classNames([itemToAdd.props?.className, classes.item]),
|
|
1002
1277
|
style: _objectSpread(_objectSpread({}, itemToAdd.props.style), {}, {
|
|
1003
|
-
width,
|
|
1004
|
-
height,
|
|
1005
|
-
left: Math.abs(
|
|
1006
|
-
top: Math.abs(
|
|
1278
|
+
width: width_0,
|
|
1279
|
+
height: height_0,
|
|
1280
|
+
left: Math.abs(left_0) / zoom,
|
|
1281
|
+
top: Math.abs(top_0) / zoom
|
|
1007
1282
|
})
|
|
1008
1283
|
})
|
|
1009
1284
|
});
|
|
1010
|
-
return onItemsResolve([...
|
|
1285
|
+
return onItemsResolve([...previous_1, object]);
|
|
1011
1286
|
});
|
|
1012
|
-
}
|
|
1287
|
+
};
|
|
1013
1288
|
const optionsBackgroundImage = React.useMemo(() => {
|
|
1014
1289
|
const options = refs.floors.current;
|
|
1015
|
-
return options.map(
|
|
1290
|
+
return options.map(item_17 => _objectSpread(_objectSpread({}, item_17), {}, {
|
|
1016
1291
|
name: /*#__PURE__*/React.createElement("div", {
|
|
1017
1292
|
style: {
|
|
1018
1293
|
width: 20,
|
|
1019
1294
|
height: 20,
|
|
1020
|
-
backgroundImage: `url(${
|
|
1021
|
-
|
|
1295
|
+
backgroundImage: `url(${item_17.url})`,
|
|
1296
|
+
backgroundSize: '17px'
|
|
1022
1297
|
}
|
|
1023
1298
|
})
|
|
1024
1299
|
}));
|
|
1025
1300
|
}, []);
|
|
1026
|
-
const onStopPropagation =
|
|
1027
|
-
|
|
1028
|
-
}
|
|
1029
|
-
const indexItemOpen = itemOpen && items.findIndex(
|
|
1301
|
+
const onStopPropagation = event_10 => {
|
|
1302
|
+
event_10.stopPropagation();
|
|
1303
|
+
};
|
|
1304
|
+
const indexItemOpen = itemOpen && items.findIndex(item__18 => item__18 === itemOpen);
|
|
1030
1305
|
const formRowProps = {
|
|
1031
1306
|
fullWidth: true,
|
|
1032
1307
|
MainProps: {
|
|
@@ -1040,17 +1315,17 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1040
1315
|
items: []
|
|
1041
1316
|
}
|
|
1042
1317
|
};
|
|
1043
|
-
items.forEach(
|
|
1044
|
-
const
|
|
1045
|
-
if (!result[
|
|
1318
|
+
items.forEach(item_18 => {
|
|
1319
|
+
const group_1 = item_18.group || '';
|
|
1320
|
+
if (!result[group_1]) result[group_1] = {
|
|
1046
1321
|
index: Number.MAX_SAFE_INTEGER,
|
|
1047
1322
|
items: []
|
|
1048
1323
|
};
|
|
1049
|
-
result[
|
|
1324
|
+
result[group_1].items.push(item_18);
|
|
1050
1325
|
});
|
|
1051
|
-
Object.values(result).forEach(
|
|
1052
|
-
|
|
1053
|
-
|
|
1326
|
+
Object.values(result).forEach(item_19 => {
|
|
1327
|
+
item_19.index = Math.min(...item_19.items.map(item__19 => item__19.index));
|
|
1328
|
+
item_19.items.sort((a_0, b_0) => b_0.index - a_0.index);
|
|
1054
1329
|
});
|
|
1055
1330
|
const mainItems = [...result[''].items];
|
|
1056
1331
|
Object.keys(result).forEach(key => {
|
|
@@ -1062,7 +1337,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1062
1337
|
}, result[key]));
|
|
1063
1338
|
}
|
|
1064
1339
|
});
|
|
1065
|
-
mainItems.sort((
|
|
1340
|
+
mainItems.sort((a_1, b_1) => a_1.order - b_1.order);
|
|
1066
1341
|
return mainItems;
|
|
1067
1342
|
}, [items, selectedGroup, selected]);
|
|
1068
1343
|
const itemOpenType = itemOpen?.type;
|
|
@@ -1072,18 +1347,18 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1072
1347
|
paddingVertical: "none",
|
|
1073
1348
|
noBackground: true,
|
|
1074
1349
|
className: classes.list
|
|
1075
|
-
}, itemsPrepared.map((
|
|
1076
|
-
const groupSelected = refs.selectedGroup.current ===
|
|
1077
|
-
const someSelected = groupSelected ||
|
|
1078
|
-
let orderStart =
|
|
1079
|
-
let orderEnd =
|
|
1080
|
-
if (
|
|
1081
|
-
orderStart =
|
|
1082
|
-
orderEnd =
|
|
1350
|
+
}, itemsPrepared.map((item_20, index_2) => {
|
|
1351
|
+
const groupSelected = refs.selectedGroup.current === item_20.group;
|
|
1352
|
+
const someSelected = groupSelected || item_20.isGroup && item_20.items.some(item__20 => item__20.id === refs.selected.current);
|
|
1353
|
+
let orderStart = index_2;
|
|
1354
|
+
let orderEnd = index_2;
|
|
1355
|
+
if (item_20.isGroup) {
|
|
1356
|
+
orderStart = item_20.items[0].order;
|
|
1357
|
+
orderEnd = item_20.items[item_20.items.length - 1].order;
|
|
1083
1358
|
}
|
|
1084
|
-
return
|
|
1085
|
-
key:
|
|
1086
|
-
name:
|
|
1359
|
+
return item_20.isGroup ? /*#__PURE__*/React.createElement(Form, {
|
|
1360
|
+
key: index_2,
|
|
1361
|
+
name: item_20.group,
|
|
1087
1362
|
openDefault: someSelected,
|
|
1088
1363
|
end: /*#__PURE__*/React.createElement(Line, {
|
|
1089
1364
|
gap: 0,
|
|
@@ -1092,25 +1367,25 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1092
1367
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
1093
1368
|
name: "Move in front"
|
|
1094
1369
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1095
|
-
onClick:
|
|
1370
|
+
onClick: event_11 => onItemMove(item_20, orderEnd, orderEnd + 1, event_11),
|
|
1096
1371
|
size: "small",
|
|
1097
1372
|
disabled: orderEnd >= items.length
|
|
1098
1373
|
}, /*#__PURE__*/React.createElement(IconArrowDown, null))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
1099
1374
|
name: "Move behind"
|
|
1100
1375
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1101
|
-
onClick:
|
|
1376
|
+
onClick: event_12 => onItemMove(item_20, orderStart, orderStart - 1, event_12),
|
|
1102
1377
|
size: "small",
|
|
1103
1378
|
disabled: orderStart <= 1
|
|
1104
1379
|
}, /*#__PURE__*/React.createElement(IconArrowUp, null))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
1105
1380
|
name: "Ungroup"
|
|
1106
1381
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1107
1382
|
size: "small",
|
|
1108
|
-
onClick: () => onItemsUngroup(
|
|
1383
|
+
onClick: () => onItemsUngroup(item_20.group)
|
|
1109
1384
|
}, /*#__PURE__*/React.createElement(IconUngroup, null))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
1110
1385
|
name: `${groupSelected ? 'Unselect' : 'Select'} group`
|
|
1111
1386
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1112
1387
|
size: "small",
|
|
1113
|
-
onClick:
|
|
1388
|
+
onClick: event_13 => onGroupSelect(item_20.group, event_13),
|
|
1114
1389
|
color: groupSelected ? 'success' : 'default',
|
|
1115
1390
|
selected: groupSelected
|
|
1116
1391
|
}, /*#__PURE__*/React.createElement(IconGroupSelect, null)))),
|
|
@@ -1121,7 +1396,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1121
1396
|
wrapper: true,
|
|
1122
1397
|
accordion: true,
|
|
1123
1398
|
className: classes.accordion
|
|
1124
|
-
},
|
|
1399
|
+
}, item_20.items.map((itemGroup, indexItemGroup) => {
|
|
1125
1400
|
return /*#__PURE__*/React.createElement(ListItem, {
|
|
1126
1401
|
key: itemGroup.id,
|
|
1127
1402
|
primary: /*#__PURE__*/React.createElement(Type, {
|
|
@@ -1137,13 +1412,13 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1137
1412
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
1138
1413
|
name: "Move in front"
|
|
1139
1414
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1140
|
-
onClick:
|
|
1415
|
+
onClick: event_14 => onItemMove(itemGroup, itemGroup.order, itemGroup.order + 1, event_14),
|
|
1141
1416
|
size: "small",
|
|
1142
|
-
disabled: indexItemGroup >=
|
|
1417
|
+
disabled: indexItemGroup >= item_20.items.length - 1
|
|
1143
1418
|
}, /*#__PURE__*/React.createElement(IconArrowDown, null))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
1144
1419
|
name: "Move behind"
|
|
1145
1420
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1146
|
-
onClick:
|
|
1421
|
+
onClick: event_15 => onItemMove(itemGroup, itemGroup.order, itemGroup.order - 1, event_15),
|
|
1147
1422
|
size: "small",
|
|
1148
1423
|
disabled: !indexItemGroup
|
|
1149
1424
|
}, /*#__PURE__*/React.createElement(IconArrowUp, null)))),
|
|
@@ -1154,17 +1429,17 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1154
1429
|
noBackground: true
|
|
1155
1430
|
});
|
|
1156
1431
|
})) : /*#__PURE__*/React.createElement(ListItem, {
|
|
1157
|
-
key:
|
|
1158
|
-
start: !
|
|
1159
|
-
value: !!itemsSelected[
|
|
1160
|
-
onChange: () => onItemSelect(
|
|
1432
|
+
key: item_20.id,
|
|
1433
|
+
start: !item_20.group && !item_20.isGroup && /*#__PURE__*/React.createElement(Checkbox, {
|
|
1434
|
+
value: !!itemsSelected[item_20.id],
|
|
1435
|
+
onChange: () => onItemSelect(item_20),
|
|
1161
1436
|
onClick: onStopPropagation,
|
|
1162
1437
|
size: "small"
|
|
1163
1438
|
}),
|
|
1164
1439
|
primary: /*#__PURE__*/React.createElement(Type, {
|
|
1165
1440
|
version: "b2",
|
|
1166
1441
|
dangerouslySetInnerHTML: {
|
|
1167
|
-
__html: textToInnerHTML(
|
|
1442
|
+
__html: textToInnerHTML(item_20.name)
|
|
1168
1443
|
}
|
|
1169
1444
|
}),
|
|
1170
1445
|
end: /*#__PURE__*/React.createElement(Line, {
|
|
@@ -1174,18 +1449,18 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1174
1449
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
1175
1450
|
name: "Move in front"
|
|
1176
1451
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1177
|
-
onClick:
|
|
1452
|
+
onClick: event_16 => onItemMove(item_20, item_20.order, item_20.order + 1, event_16),
|
|
1178
1453
|
size: "small",
|
|
1179
|
-
disabled:
|
|
1454
|
+
disabled: index_2 >= items.length - 1
|
|
1180
1455
|
}, /*#__PURE__*/React.createElement(IconArrowDown, null))), /*#__PURE__*/React.createElement(Tooltip, {
|
|
1181
1456
|
name: "Move behind"
|
|
1182
1457
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
1183
|
-
onClick:
|
|
1458
|
+
onClick: event_17 => onItemMove(item_20, item_20.order, item_20.order - 1, event_17),
|
|
1184
1459
|
size: "small",
|
|
1185
|
-
disabled: !
|
|
1460
|
+
disabled: !index_2
|
|
1186
1461
|
}, /*#__PURE__*/React.createElement(IconArrowUp, null)))),
|
|
1187
|
-
onClick: () => onItemOpen(
|
|
1188
|
-
selected:
|
|
1462
|
+
onClick: () => onItemOpen(item_20),
|
|
1463
|
+
selected: item_20.id === refs.selected.current,
|
|
1189
1464
|
size: "small",
|
|
1190
1465
|
button: true,
|
|
1191
1466
|
noBackground: true
|
|
@@ -1231,22 +1506,22 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1231
1506
|
priority: "secondary"
|
|
1232
1507
|
}, itemOpen.group), /*#__PURE__*/React.createElement(Label, {
|
|
1233
1508
|
value: itemOpen?.selectable,
|
|
1234
|
-
onChange:
|
|
1235
|
-
selectable:
|
|
1509
|
+
onChange: valueNew_8 => onItemUpdate({
|
|
1510
|
+
selectable: valueNew_8
|
|
1236
1511
|
})
|
|
1237
1512
|
}, /*#__PURE__*/React.createElement(Checkbox, null), "Selectable"), /*#__PURE__*/React.createElement(TextField, {
|
|
1238
1513
|
name: "Custom ID",
|
|
1239
1514
|
value: itemOpen?.id_custom || '',
|
|
1240
|
-
onChange:
|
|
1241
|
-
id_custom:
|
|
1515
|
+
onChange: valueNew_9 => onItemUpdate({
|
|
1516
|
+
id_custom: valueNew_9
|
|
1242
1517
|
}),
|
|
1243
1518
|
size: "small",
|
|
1244
1519
|
fullWidth: true
|
|
1245
1520
|
}), /*#__PURE__*/React.createElement(SmartTextField, {
|
|
1246
1521
|
name: "Description",
|
|
1247
1522
|
valueDefault: textToInnerHTML(itemOpen?.description) || '',
|
|
1248
|
-
onChange:
|
|
1249
|
-
description:
|
|
1523
|
+
onChange: valueNew_10 => onItemUpdate({
|
|
1524
|
+
description: valueNew_10
|
|
1250
1525
|
}),
|
|
1251
1526
|
minRows: 4,
|
|
1252
1527
|
multiline: true,
|
|
@@ -1259,11 +1534,11 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1259
1534
|
}, formRowProps), /*#__PURE__*/React.createElement(NumericTextField, {
|
|
1260
1535
|
name: "Width",
|
|
1261
1536
|
value: getUnitValue(itemOpen.width),
|
|
1262
|
-
onChange:
|
|
1263
|
-
width: toUnitValue(
|
|
1537
|
+
onChange: valueNew_11 => onItemUpdate({
|
|
1538
|
+
width: toUnitValue(valueNew_11, true),
|
|
1264
1539
|
props: {
|
|
1265
1540
|
style: {
|
|
1266
|
-
width: toUnitValue(
|
|
1541
|
+
width: toUnitValue(valueNew_11)
|
|
1267
1542
|
}
|
|
1268
1543
|
}
|
|
1269
1544
|
}),
|
|
@@ -1274,11 +1549,11 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1274
1549
|
}), ['shape'].includes(itemOpenType) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericTextField, {
|
|
1275
1550
|
name: "Height",
|
|
1276
1551
|
value: getUnitValue(itemOpen.height),
|
|
1277
|
-
onChange:
|
|
1278
|
-
height: toUnitValue(
|
|
1552
|
+
onChange: valueNew_12 => onItemUpdate({
|
|
1553
|
+
height: toUnitValue(valueNew_12, true),
|
|
1279
1554
|
props: {
|
|
1280
1555
|
style: {
|
|
1281
|
-
height: toUnitValue(
|
|
1556
|
+
height: toUnitValue(valueNew_12)
|
|
1282
1557
|
}
|
|
1283
1558
|
}
|
|
1284
1559
|
}),
|
|
@@ -1298,8 +1573,8 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1298
1573
|
}
|
|
1299
1574
|
}, formRowProps), /*#__PURE__*/React.createElement(Slider, {
|
|
1300
1575
|
value: itemOpen.rotate || 0,
|
|
1301
|
-
onChange:
|
|
1302
|
-
rotate:
|
|
1576
|
+
onChange: valueNew_13 => onItemUpdate({
|
|
1577
|
+
rotate: valueNew_13
|
|
1303
1578
|
}),
|
|
1304
1579
|
min: 0,
|
|
1305
1580
|
max: 360,
|
|
@@ -1330,9 +1605,9 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1330
1605
|
}, formRowProps), /*#__PURE__*/React.createElement(ColorTextField, {
|
|
1331
1606
|
name: "Color",
|
|
1332
1607
|
value: itemOpen?.props?.color,
|
|
1333
|
-
onChange:
|
|
1608
|
+
onChange: valueNew_14 => onItemUpdate({
|
|
1334
1609
|
props: {
|
|
1335
|
-
color:
|
|
1610
|
+
color: valueNew_14
|
|
1336
1611
|
}
|
|
1337
1612
|
})
|
|
1338
1613
|
}))), ['shape'].includes(itemOpenType) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormRow, _extends({
|
|
@@ -1341,24 +1616,24 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1341
1616
|
}, formRowProps), /*#__PURE__*/React.createElement(Select, {
|
|
1342
1617
|
name: "Texture",
|
|
1343
1618
|
value: itemOpen?.backgroundImage,
|
|
1344
|
-
onChange:
|
|
1345
|
-
backgroundImage:
|
|
1619
|
+
onChange: valueNew_15 => onItemUpdate({
|
|
1620
|
+
backgroundImage: valueNew_15
|
|
1346
1621
|
}),
|
|
1347
1622
|
fullWidth: true,
|
|
1348
1623
|
className: classes.select
|
|
1349
|
-
}, optionsBackgroundImage.map(
|
|
1350
|
-
key:
|
|
1351
|
-
primary:
|
|
1352
|
-
value:
|
|
1624
|
+
}, optionsBackgroundImage.map(item_21 => /*#__PURE__*/React.createElement(ListItem, {
|
|
1625
|
+
key: item_21.value,
|
|
1626
|
+
primary: item_21.name,
|
|
1627
|
+
value: item_21.value,
|
|
1353
1628
|
button: true,
|
|
1354
1629
|
size: "small"
|
|
1355
1630
|
}))), /*#__PURE__*/React.createElement(ColorTextField, {
|
|
1356
1631
|
name: "Color",
|
|
1357
1632
|
value: itemOpen?.props?.style?.backgroundColor,
|
|
1358
|
-
onChange:
|
|
1633
|
+
onChange: valueNew_16 => onItemUpdate({
|
|
1359
1634
|
props: {
|
|
1360
1635
|
style: {
|
|
1361
|
-
backgroundColor:
|
|
1636
|
+
backgroundColor: valueNew_16
|
|
1362
1637
|
}
|
|
1363
1638
|
}
|
|
1364
1639
|
}),
|
|
@@ -1369,10 +1644,10 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1369
1644
|
}, formRowProps), /*#__PURE__*/React.createElement(NumericTextField, {
|
|
1370
1645
|
name: "Width",
|
|
1371
1646
|
value: getUnitValue(itemOpen?.props?.style?.borderWidth),
|
|
1372
|
-
onChange:
|
|
1647
|
+
onChange: valueNew_17 => onItemUpdate({
|
|
1373
1648
|
props: {
|
|
1374
1649
|
style: {
|
|
1375
|
-
borderWidth: toUnitValue(
|
|
1650
|
+
borderWidth: toUnitValue(valueNew_17)
|
|
1376
1651
|
}
|
|
1377
1652
|
}
|
|
1378
1653
|
}),
|
|
@@ -1383,27 +1658,27 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1383
1658
|
}), /*#__PURE__*/React.createElement(Select, {
|
|
1384
1659
|
name: "Style",
|
|
1385
1660
|
value: itemOpen?.props?.style?.borderStyle,
|
|
1386
|
-
onChange:
|
|
1661
|
+
onChange: valueNew_18 => onItemUpdate({
|
|
1387
1662
|
props: {
|
|
1388
1663
|
style: {
|
|
1389
|
-
borderStyle:
|
|
1664
|
+
borderStyle: valueNew_18
|
|
1390
1665
|
}
|
|
1391
1666
|
}
|
|
1392
1667
|
}),
|
|
1393
|
-
options: ['solid', 'dashed', 'dotted', 'double', 'groove', 'inset', 'outset', 'ridge', 'none'].map(
|
|
1394
|
-
name: cleanValue(
|
|
1668
|
+
options: ['solid', 'dashed', 'dotted', 'double', 'groove', 'inset', 'outset', 'ridge', 'none'].map(item_22 => ({
|
|
1669
|
+
name: cleanValue(item_22, {
|
|
1395
1670
|
capitalize: true
|
|
1396
1671
|
}),
|
|
1397
|
-
value:
|
|
1672
|
+
value: item_22
|
|
1398
1673
|
})),
|
|
1399
1674
|
fullWidth: true
|
|
1400
1675
|
}), /*#__PURE__*/React.createElement(ColorTextField, {
|
|
1401
1676
|
name: "Color",
|
|
1402
1677
|
value: itemOpen?.props?.style?.borderColor,
|
|
1403
|
-
onChange:
|
|
1678
|
+
onChange: valueNew_19 => onItemUpdate({
|
|
1404
1679
|
props: {
|
|
1405
1680
|
style: {
|
|
1406
|
-
borderColor:
|
|
1681
|
+
borderColor: valueNew_19
|
|
1407
1682
|
}
|
|
1408
1683
|
}
|
|
1409
1684
|
}),
|
|
@@ -1456,12 +1731,12 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1456
1731
|
})))
|
|
1457
1732
|
};
|
|
1458
1733
|
return /*#__PURE__*/React.createElement(Surface, _extends({
|
|
1459
|
-
ref:
|
|
1734
|
+
ref: item_23 => {
|
|
1460
1735
|
if (ref) {
|
|
1461
|
-
if (is('function', ref)) ref(
|
|
1462
|
-
ref.current =
|
|
1736
|
+
if (is('function', ref)) ref(item_23);
|
|
1737
|
+
ref.current = item_23;
|
|
1463
1738
|
}
|
|
1464
|
-
refs.root.current =
|
|
1739
|
+
refs.root.current = item_23;
|
|
1465
1740
|
},
|
|
1466
1741
|
color: "default",
|
|
1467
1742
|
gap: 0,
|
|
@@ -1493,7 +1768,7 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1493
1768
|
ref: refs.container,
|
|
1494
1769
|
onClick: onClickSpace
|
|
1495
1770
|
}
|
|
1496
|
-
}, items.map(
|
|
1771
|
+
}, items.map(item_24 => getElement(item_24))), /*#__PURE__*/React.createElement(Line, {
|
|
1497
1772
|
direction: "row",
|
|
1498
1773
|
justify: "flex-end",
|
|
1499
1774
|
className: classes.actionsEnd
|
|
@@ -1535,8 +1810,8 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1535
1810
|
}, /*#__PURE__*/React.createElement(IconArrowBack, null))), itemOpen ? /*#__PURE__*/React.createElement(SmartTextField, {
|
|
1536
1811
|
placeholder: "Name",
|
|
1537
1812
|
value: textToInnerHTML(itemOpen.name),
|
|
1538
|
-
onChange:
|
|
1539
|
-
name:
|
|
1813
|
+
onChange: valueNew_20 => onItemUpdate({
|
|
1814
|
+
name: valueNew_20
|
|
1540
1815
|
}),
|
|
1541
1816
|
additional: {
|
|
1542
1817
|
version: 't3'
|
|
@@ -1616,16 +1891,16 @@ const Space = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
1616
1891
|
className: classes.main
|
|
1617
1892
|
},
|
|
1618
1893
|
fullWidth: true
|
|
1619
|
-
}, elementsMenu?.map((
|
|
1620
|
-
key:
|
|
1894
|
+
}, elementsMenu?.map((item_25, index_3) => /*#__PURE__*/React.createElement(Line, {
|
|
1895
|
+
key: index_3,
|
|
1621
1896
|
gap: 1.4,
|
|
1622
1897
|
align: "center",
|
|
1623
|
-
onClick: () => onAdd(
|
|
1898
|
+
onClick: () => onAdd(item_25),
|
|
1624
1899
|
className: classes.element
|
|
1625
|
-
}, getThumbnail(
|
|
1900
|
+
}, getThumbnail(item_25), /*#__PURE__*/React.createElement(Type, {
|
|
1626
1901
|
version: "b3",
|
|
1627
1902
|
align: "center"
|
|
1628
|
-
},
|
|
1903
|
+
}, item_25.name))))))));
|
|
1629
1904
|
});
|
|
1630
1905
|
Space.displayName = 'onesy-Space';
|
|
1631
1906
|
export default Space;
|