@semcore/carousel 16.1.13 → 17.0.0-prerelease.17

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

package/lib/types/Carousel.types.d.ts

@@ -1,8 +1,5 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
-/** @deprecated */
-export interface ICarouselProps extends CarouselProps, UnknownProperties {
-}
+import type { BoxProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic, IRootComponentProps } from '@semcore/core';
 export type CarouselProps = BoxProps & {
     /** Index active item */
     index?: number;
@@ -30,9 +27,6 @@ export type CarouselProps = BoxProps & {
     /** Type of indicators */
     indicators?: 'default' | 'hide' | 'preview';
 };
-/** @deprecated */
-export interface ICarouselContext extends CarouselContext, UnknownProperties {
-}
 export type CarouselContext = {
     getContainerProps: PropGetterFn;
     getItemProps: PropGetterFn;
@@ -75,9 +69,6 @@ export type CarouselItemProps = BoxProps & {
      */
     isOpenZoom?: boolean;
 };
-/** @deprecated */
-export interface ICarouselState extends CarouselState, UnknownProperties {
-}
 export type CarouselState = {
     isOpenZoom: boolean;
     selectedIndex: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/carousel",
   "description": "Semrush Carousel Component",
-  "version": "16.1.13",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.7.3",
-    "@semcore/button": "16.0.12",
-    "@semcore/modal": "16.1.12",
-    "@semcore/flex-box": "16.0.11",
+    "@semcore/button": "^16.0.13-prerelease.17",
+    "@semcore/modal": "^17.0.0-prerelease.17",
     "@semcore/breakpoints": "16.0.11"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.17",
+    "@semcore/icon": "^16.7.2-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -29,8 +28,10 @@
     "directory": "semcore/carousel"
   },
   "devDependencies": {
-    "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.5.1"
+    "@semcore/core": "17.0.0-prerelease.17",
+    "@semcore/base-components": "17.0.0-prerelease.17",
+    "@semcore/icon": "16.7.2-prerelease.17",
+    "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"

package/src/Carousel.tsx

@@ -1,12 +1,11 @@
-import { createBreakpoints } from '@semcore/breakpoints';
+import { createBreakpoints, Box, Flex } from '@semcore/base-components';
+import type { BoxProps } from '@semcore/base-components';
 import Button from '@semcore/button';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { findAllComponents } from '@semcore/core/lib/utils/findComponent';
 import logger from '@semcore/core/lib/utils/logger';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { Box, Flex } from '@semcore/flex-box';
-import type { BoxProps } from '@semcore/flex-box';
 import ChevronLeft from '@semcore/icon/ChevronLeft/l';
 import ChevronRight from '@semcore/icon/ChevronRight/l';
 import Modal from '@semcore/modal';
@@ -38,9 +37,10 @@ const isSmallScreen = (index?: number) => index === 1;
 
 class CarouselRoot extends Component<
   CarouselProps,
+  typeof enhance,
+  { index: any },
   CarouselContext,
-  CarouselState,
-        typeof enhance
+  CarouselState
 > {
   static displayName = 'Carousel';
   static defaultProps = {
@@ -597,21 +597,21 @@ class CarouselRoot extends Component<
   }
 }
 
-const Container = (props: BoxProps & { duration?: number }) => {
+function Container(props: BoxProps & { duration?: number }) {
   const SContainer = Root;
   const { styles, duration } = props;
 
   return sstyled(styles)(
     <SContainer render={Box} use:duration={`${duration}ms`} aria-live='polite' />,
   );
-};
+}
 
-const ContentBox = (props: BoxProps) => {
+function ContentBox(props: BoxProps) {
   const SContentBox = Root;
   const { styles } = props;
 
   return sstyled(styles)(<SContentBox render={Box} />);
-};
+}
 
 class Item extends Component<CarouselItemProps> {
   refItem = React.createRef<HTMLElement>();
@@ -667,7 +667,7 @@ class Item extends Component<CarouselItemProps> {
   }
 }
 
-const Prev = (props: CarouselButtonProps) => {
+function Prev(props: CarouselButtonProps) {
   const { styles, children, Children, label, top = 0, inverted } = props;
   const SPrev = Root;
   const SPrevButton = Button;
@@ -692,7 +692,7 @@ const Prev = (props: CarouselButtonProps) => {
   );
 };
 
-const Next = (props: CarouselButtonProps) => {
+function Next(props: CarouselButtonProps) {
   const { styles, children, Children, label, top = 0, inverted } = props;
   const SNext = Root;
   const SNextButton = Button;
@@ -717,7 +717,7 @@ const Next = (props: CarouselButtonProps) => {
   );
 };
 
-const Indicators = ({ items, styles, Children, inverted }: CarouselIndicatorsProps) => {
+function Indicators({ items, styles, Children, inverted }: CarouselIndicatorsProps) {
   const SIndicators = Root;
   if (Children.origin) {
     return sstyled(styles)(
@@ -735,7 +735,7 @@ const Indicators = ({ items, styles, Children, inverted }: CarouselIndicatorsPro
   );
 };
 
-const Indicator = ({ styles, Children, inverted }: CarouselIndicatorProps) => {
+function Indicator({ styles, Children, inverted }: CarouselIndicatorProps) {
   const SIndicator = Root;
   return sstyled(styles)(
     <SIndicator render={Box}>
@@ -744,7 +744,7 @@ const Indicator = ({ styles, Children, inverted }: CarouselIndicatorProps) => {
   );
 };
 
-const Carousel: typeof CarouselType = createComponent(CarouselRoot, {
+const Carousel = createComponent(CarouselRoot, {
   Container,
   ContentBox,
   Indicators,
@@ -752,6 +752,6 @@ const Carousel: typeof CarouselType = createComponent(CarouselRoot, {
   Item,
   Prev,
   Next,
-});
+}) as typeof CarouselType;
 
 export default Carousel;

package/src/Carousel.types.ts

@@ -1,8 +1,6 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
+import type { BoxProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic, IRootComponentProps } from '@semcore/core';
 
-/** @deprecated */
-export interface ICarouselProps extends CarouselProps, UnknownProperties {}
 export type CarouselProps = BoxProps & {
   /** Index active item */
   index?: number;
@@ -31,8 +29,6 @@ export type CarouselProps = BoxProps & {
   indicators?: 'default' | 'hide' | 'preview';
 };
 
-/** @deprecated */
-export interface ICarouselContext extends CarouselContext, UnknownProperties {}
 export type CarouselContext = {
   getContainerProps: PropGetterFn;
   getItemProps: PropGetterFn;
@@ -85,8 +81,6 @@ export type CarouselItemProps = BoxProps & {
   isOpenZoom?: boolean;
 };
 
-/** @deprecated */
-export interface ICarouselState extends CarouselState, UnknownProperties {}
 export type CarouselState = {
   isOpenZoom: boolean;
   selectedIndex: number;