Move the toggle to the rich components section

Author: sergioelmoreno

src/common/components/mock-components/front-components/index.ts

@@ -2,7 +2,6 @@ export * from './combobox-shape';
 export * from './textarea-shape';
 export * from './input-shape';
 export * from './toggleswitch-shape';
-export * from './togglelightdark-shape';
 export * from './checkbox-shape';
 export * from './progressbar-shape';
 export * from './listbox';

src/common/components/mock-components/front-rich-components/index.ts

@@ -15,3 +15,4 @@ export * from './buttonBar/buttonBar';
 export * from './tabsbar';
 export * from './audio-player';
 export * from './videoconference';
+export * from './togglelightdark-shape';

…ont-components/togglelightdark-shape.tsx …ich-components/togglelightdark-shape.tsxsrc/common/components/mock-components/front-components/togglelightdark-shape.tsx renamed to src/common/components/mock-components/front-rich-components/togglelightdark-shape.tsx src/common/components/mock-components/front-components/togglelightdark-shape.tsx renamed to src/common/components/mock-components/front-rich-components/togglelightdark-shape.tsx

@@ -4,7 +4,7 @@ import { ShapeProps } from '../shape.model';
 import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions';
 import { Circle, Group, Rect, Image } from 'react-konva';
 import { useShapeProps } from '../../shapes/use-shape-props.hook';
-import { BASIC_SHAPE } from './shape.const';
+import { BASIC_SHAPE } from '../front-components/shape.const';
 import { useGroupShapeProps } from '../mock-components.utils';
 import sunIconUrl from '/icons/sun.svg';
 import moonIconUrl from '/icons/moonalt.svg';

src/pods/canvas/model/shape-size.mapper.ts

@@ -17,7 +17,6 @@ import {
   getTextAreaSizeRestrictions,
   getTimepickerInputShapeSizeRestrictions,
   getToggleSwitchShapeSizeRestrictions,
-  getToggleLightDarkShapeSizeRestrictions,
   getTooltipShapeSizeRestrictions,
   getVerticalScrollBarShapeSizeRestrictions,
 } from '@/common/components/mock-components/front-components';
@@ -58,6 +57,7 @@ import {
   getPieChartShapeSizeRestrictions,
   getTableSizeRestrictions,
   getTabsBarShapeSizeRestrictions,
+  getToggleLightDarkShapeSizeRestrictions,
   getVerticalMenuShapeSizeRestrictions,
   getVideoPlayerShapeSizeRestrictions,
   getVideoconferenceShapeSizeRestrictions,

src/pods/canvas/shape-renderer/index.tsx

@@ -7,7 +7,6 @@ import {
   renderNotFound,
   renderButton,
   renderToggleSwitch,
-  renderToggleLightDark,
   renderCheckbox,
   renderProgressbar,
   renderListbox,
@@ -42,6 +41,7 @@ import {
   renderModal,
   renderButtonBar,
   renderTabsBar,
+  renderToggleLightDark,
   renderVideoconference,
 } from './simple-rich-components';
 import {

src/pods/canvas/shape-renderer/simple-component/index.ts

@@ -3,7 +3,6 @@ export * from './input.renderer';
 export * from './checkbox.renderer';
 export * from './textarea.renderer';
 export * from './toggleswitch.renderer';
-export * from './togglelightdark.renderer';
 export * from './notfound.renderer';
 export * from './button.renderer';
 export * from './progressbar.renderer';

src/pods/canvas/shape-renderer/simple-rich-components/index.ts

@@ -9,6 +9,7 @@ export * from './line-chart.renderer';
 export * from './vertical-menu.renderer';
 export * from './calendar.renderer';
 export * from './table.renderer';
+export * from './togglelightdark.renderer';
 export * from './modal.renderer';
 export * from './appBar.renderer';
 export * from './button-bar.renderer';

…e-component/togglelightdark.renderer.tsx …-components/togglelightdark.renderer.tsxsrc/pods/canvas/shape-renderer/simple-component/togglelightdark.renderer.tsx renamed to src/pods/canvas/shape-renderer/simple-rich-components/togglelightdark.renderer.tsx src/pods/canvas/shape-renderer/simple-component/togglelightdark.renderer.tsx renamed to src/pods/canvas/shape-renderer/simple-rich-components/togglelightdark.renderer.tsx

@@ -1,6 +1,6 @@
 import { ShapeModel } from '@/core/model';
 import { ShapeRendererProps } from '../model';
-import { ToggleLightDark } from '@/common/components/mock-components/front-components/togglelightdark-shape';
+import { ToggleLightDark } from '@/common/components/mock-components/front-rich-components/togglelightdark-shape';
 export const renderToggleLightDark = (
   shape: ShapeModel,
   shapeRenderedProps: ShapeRendererProps

src/pods/galleries/component-gallery/component-gallery-data/index.ts

@@ -19,7 +19,6 @@ export const mockWidgetCollection: ItemInfo[] = [
   { thumbnailSrc: '/widgets/textarea.svg', type: 'textarea' },
   { thumbnailSrc: '/widgets/timepicker.svg', type: 'timepickerinput' },
   { thumbnailSrc: '/widgets/toggleswitch.svg', type: 'toggleswitch' },
-  { thumbnailSrc: '/widgets/togglelightdark.svg', type: 'toggleLightDark' },
   { thumbnailSrc: '/widgets/tooltip.svg', type: 'tooltip' },
   { thumbnailSrc: '/widgets/verticalscrollbar.svg', type: 'verticalScrollBar' },
 ];

src/pods/galleries/rich-components-gallery/rich-components-gallery-data/index.ts

@@ -18,6 +18,7 @@ export const mockRichComponentsCollection: ItemInfo[] = [
   { thumbnailSrc: '/rich-components/pie.svg', type: 'pie' },
   { thumbnailSrc: '/rich-components/table.svg', type: 'table' },
   { thumbnailSrc: '/rich-components/tabsbar.svg', type: 'tabsBar' },
+  { thumbnailSrc: '/widgets/togglelightdark.svg', type: 'toggleLightDark' },
   { thumbnailSrc: '/rich-components/vertical-menu.svg', type: 'vertical-menu' },
   { thumbnailSrc: '/rich-components/videoPlayer.svg', type: 'videoPlayer' },
   {