@semcore/carousel 2.0.17 → 2.0.19

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.0.19] - 2022-10-04
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2]).
+
+## [2.0.18] - 2022-10-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.0 ~> 2.32.1]).
+
 ## [2.0.17] - 2022-09-29
 
 ### Changed

package/lib/cjs/Carousel.js

@@ -54,22 +54,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_9w60l_gg_{overflow:hidden;outline:none}.___SContainer_9w60l_gg_{display:flex;transition:transform var(--duration_9w60l) ease-in-out}.___SItem_9w60l_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_9w60l);border-radius:6px;overflow:hidden}.___SIndicators_9w60l_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_9w60l_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_9w60l_gg_:hover{opacity:.6}.___SIndicator_9w60l_gg_.__active_9w60l_gg_{opacity:1}.___SNext_9w60l_gg_,.___SPrev_9w60l_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_9w60l_gg_{margin-right:12px}.___SNext_9w60l_gg_{margin-left:12px}.___SNext_9w60l_gg_.__disabled_9w60l_gg_,.___SPrev_9w60l_gg_.__disabled_9w60l_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_9w60l_gg_{transition:none}}"
+".___SCarousel_3eynj_gg_{overflow:hidden;outline:none}.___SContainer_3eynj_gg_{display:flex;transition:transform var(--duration_3eynj) ease-in-out}.___SItem_3eynj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_3eynj);border-radius:6px;overflow:hidden}.___SIndicators_3eynj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_3eynj_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_3eynj_gg_:hover{opacity:.6}.___SIndicator_3eynj_gg_.__active_3eynj_gg_{opacity:1}.___SNext_3eynj_gg_,.___SPrev_3eynj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_3eynj_gg_{margin-right:12px}.___SNext_3eynj_gg_{margin-left:12px}.___SNext_3eynj_gg_.__disabled_3eynj_gg_,.___SPrev_3eynj_gg_.__disabled_3eynj_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_3eynj_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "9w60l_gg_")
+, "3eynj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_9w60l_gg_",
-  "__SContainer": "___SContainer_9w60l_gg_",
-  "--duration": "--duration_9w60l",
-  "__SItem": "___SItem_9w60l_gg_",
-  "--transform": "--transform_9w60l",
-  "__SIndicators": "___SIndicators_9w60l_gg_",
-  "__SIndicator": "___SIndicator_9w60l_gg_",
-  "_active": "__active_9w60l_gg_",
-  "__SNext": "___SNext_9w60l_gg_",
-  "__SPrev": "___SPrev_9w60l_gg_",
-  "_disabled": "__disabled_9w60l_gg_"
+  "__SCarousel": "___SCarousel_3eynj_gg_",
+  "__SContainer": "___SContainer_3eynj_gg_",
+  "--duration": "--duration_3eynj",
+  "__SItem": "___SItem_3eynj_gg_",
+  "--transform": "--transform_3eynj",
+  "__SIndicators": "___SIndicators_3eynj_gg_",
+  "__SIndicator": "___SIndicator_3eynj_gg_",
+  "_active": "__active_3eynj_gg_",
+  "__SNext": "___SNext_3eynj_gg_",
+  "__SPrev": "___SPrev_3eynj_gg_",
+  "_disabled": "__disabled_3eynj_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, CProps, ReturnEl } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\n\ntype ChildRenderFn<Props> = Props & {\n  children?: ({\n    items,\n  }: {\n    items: { active: boolean; onClick: () => void }[];\n  }) => React.ReactElement | React.ReactElement[];\n};\n\nexport interface ICarouselProps {\n  /** Index active item */\n  index?: number;\n  /**\n   * Index of the active item selected by default\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**  Called when the selection is changed */\n  onIndexChange?: (index: number) => void;\n  /** Animation duration\n   * @default 300 */\n  duration?: number;\n  /** Disables infinite items change in the carousel\n   * @default false */\n  bounded?: boolean;\n  /** @ignore  */\n  step?: number;\n}\n\nexport interface ICarouselContext {\n  getContainerProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getIndicatorsProps: PropGetterFn;\n}\n\nexport interface ICarouselState {\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  items: { transform: number; position: number; node: HTMLDivElement }[];\n}\n\ndeclare const Carousel: (<T>(\n  props: CProps<ICarouselProps & T, ICarouselContext, ICarouselState>,\n) => ReturnEl) & {\n  Container: <T>(props: IBoxProps & T) => ReturnEl;\n  Indicators: <T>(props: ChildRenderFn<IBoxProps & T>) => ReturnEl;\n  Indicator: <T>(\n    props: ChildRenderFn<IBoxProps & { active: boolean; onClick: () => void } & T>,\n  ) => ReturnEl;\n  Item: <T>(props: IBoxProps & T) => ReturnEl;\n  Prev: <T>(props: IBoxProps & T) => ReturnEl;\n  Next: <T>(props: IBoxProps & T) => ReturnEl;\n};\n\nexport default Carousel;\n"],"mappings":""}

package/lib/es6/Carousel.js

@@ -36,22 +36,22 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_9w60l_gg_{overflow:hidden;outline:none}.___SContainer_9w60l_gg_{display:flex;transition:transform var(--duration_9w60l) ease-in-out}.___SItem_9w60l_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_9w60l);border-radius:6px;overflow:hidden}.___SIndicators_9w60l_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_9w60l_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_9w60l_gg_:hover{opacity:.6}.___SIndicator_9w60l_gg_.__active_9w60l_gg_{opacity:1}.___SNext_9w60l_gg_,.___SPrev_9w60l_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_9w60l_gg_{margin-right:12px}.___SNext_9w60l_gg_{margin-left:12px}.___SNext_9w60l_gg_.__disabled_9w60l_gg_,.___SPrev_9w60l_gg_.__disabled_9w60l_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_9w60l_gg_{transition:none}}"
+".___SCarousel_3eynj_gg_{overflow:hidden;outline:none}.___SContainer_3eynj_gg_{display:flex;transition:transform var(--duration_3eynj) ease-in-out}.___SItem_3eynj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_3eynj);border-radius:6px;overflow:hidden}.___SIndicators_3eynj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_3eynj_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_3eynj_gg_:hover{opacity:.6}.___SIndicator_3eynj_gg_.__active_3eynj_gg_{opacity:1}.___SNext_3eynj_gg_,.___SPrev_3eynj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_3eynj_gg_{margin-right:12px}.___SNext_3eynj_gg_{margin-left:12px}.___SNext_3eynj_gg_.__disabled_3eynj_gg_,.___SPrev_3eynj_gg_.__disabled_3eynj_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_3eynj_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "9w60l_gg_")
+, "3eynj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_9w60l_gg_",
-  "__SContainer": "___SContainer_9w60l_gg_",
-  "--duration": "--duration_9w60l",
-  "__SItem": "___SItem_9w60l_gg_",
-  "--transform": "--transform_9w60l",
-  "__SIndicators": "___SIndicators_9w60l_gg_",
-  "__SIndicator": "___SIndicator_9w60l_gg_",
-  "_active": "__active_9w60l_gg_",
-  "__SNext": "___SNext_9w60l_gg_",
-  "__SPrev": "___SPrev_9w60l_gg_",
-  "_disabled": "__disabled_9w60l_gg_"
+  "__SCarousel": "___SCarousel_3eynj_gg_",
+  "__SContainer": "___SContainer_3eynj_gg_",
+  "--duration": "--duration_3eynj",
+  "__SItem": "___SItem_3eynj_gg_",
+  "--transform": "--transform_3eynj",
+  "__SIndicators": "___SIndicators_3eynj_gg_",
+  "__SIndicator": "___SIndicator_3eynj_gg_",
+  "_active": "__active_3eynj_gg_",
+  "__SNext": "___SNext_3eynj_gg_",
+  "__SPrev": "___SPrev_3eynj_gg_",
+  "_disabled": "__disabled_3eynj_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, CProps, ReturnEl } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\n\ntype ChildRenderFn<Props> = Props & {\n  children?: ({\n    items,\n  }: {\n    items: { active: boolean; onClick: () => void }[];\n  }) => React.ReactElement | React.ReactElement[];\n};\n\nexport interface ICarouselProps {\n  /** Index active item */\n  index?: number;\n  /**\n   * Index of the active item selected by default\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**  Called when the selection is changed */\n  onIndexChange?: (index: number) => void;\n  /** Animation duration\n   * @default 300 */\n  duration?: number;\n  /** Disables infinite items change in the carousel\n   * @default false */\n  bounded?: boolean;\n  /** @ignore  */\n  step?: number;\n}\n\nexport interface ICarouselContext {\n  getContainerProps: PropGetterFn;\n  getItemProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getIndicatorsProps: PropGetterFn;\n}\n\nexport interface ICarouselState {\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  items: { transform: number; position: number; node: HTMLDivElement }[];\n}\n\ndeclare const Carousel: (<T>(\n  props: CProps<ICarouselProps & T, ICarouselContext, ICarouselState>,\n) => ReturnEl) & {\n  Container: <T>(props: IBoxProps & T) => ReturnEl;\n  Indicators: <T>(props: ChildRenderFn<IBoxProps & T>) => ReturnEl;\n  Indicator: <T>(\n    props: ChildRenderFn<IBoxProps & { active: boolean; onClick: () => void } & T>,\n  ) => ReturnEl;\n  Item: <T>(props: IBoxProps & T) => ReturnEl;\n  Prev: <T>(props: IBoxProps & T) => ReturnEl;\n  Next: <T>(props: IBoxProps & T) => ReturnEl;\n};\n\nexport default Carousel;\n"],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/carousel",
   "description": "Semrush Carousel Component",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -30,6 +30,7 @@
     "directory": "semcore/carousel"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/lib/cjs/index.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import { PropGetterFn, CProps, ReturnEl } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-
-type ChildRenderFn<Props> = Props & {
-  children?: ({
-    items,
-  }: {
-    items: { active: boolean; onClick: () => void }[];
-  }) => React.ReactElement | React.ReactElement[];
-};
-
-export interface ICarouselProps {
-  /** Index active item */
-  index?: number;
-  /**
-   * Index of the active item selected by default
-   * @default 0
-   */
-  defaultIndex?: number;
-  /**  Called when the selection is changed */
-  onIndexChange?: (index: number) => void;
-  /** Animation duration
-   * @default 300 */
-  duration?: number;
-  /** Disables infinite items change in the carousel
-   * @default false */
-  bounded?: boolean;
-  /** @ignore  */
-  step?: number;
-}
-
-export interface ICarouselContext {
-  getContainerProps: PropGetterFn;
-  getItemProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getIndicatorsProps: PropGetterFn;
-}
-
-export interface ICarouselState {
-  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-  items: { transform: number; position: number; node: HTMLDivElement }[];
-}
-
-declare const Carousel: (<T>(
-  props: CProps<ICarouselProps & T, ICarouselContext, ICarouselState>,
-) => ReturnEl) & {
-  Container: <T>(props: IBoxProps & T) => ReturnEl;
-  Indicators: <T>(props: ChildRenderFn<IBoxProps & T>) => ReturnEl;
-  Indicator: <T>(
-    props: ChildRenderFn<IBoxProps & { active: boolean; onClick: () => void } & T>,
-  ) => ReturnEl;
-  Item: <T>(props: IBoxProps & T) => ReturnEl;
-  Prev: <T>(props: IBoxProps & T) => ReturnEl;
-  Next: <T>(props: IBoxProps & T) => ReturnEl;
-};
-
-export default Carousel;

package/lib/es6/index.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import { PropGetterFn, CProps, ReturnEl } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-
-type ChildRenderFn<Props> = Props & {
-  children?: ({
-    items,
-  }: {
-    items: { active: boolean; onClick: () => void }[];
-  }) => React.ReactElement | React.ReactElement[];
-};
-
-export interface ICarouselProps {
-  /** Index active item */
-  index?: number;
-  /**
-   * Index of the active item selected by default
-   * @default 0
-   */
-  defaultIndex?: number;
-  /**  Called when the selection is changed */
-  onIndexChange?: (index: number) => void;
-  /** Animation duration
-   * @default 300 */
-  duration?: number;
-  /** Disables infinite items change in the carousel
-   * @default false */
-  bounded?: boolean;
-  /** @ignore  */
-  step?: number;
-}
-
-export interface ICarouselContext {
-  getContainerProps: PropGetterFn;
-  getItemProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getIndicatorsProps: PropGetterFn;
-}
-
-export interface ICarouselState {
-  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-  items: { transform: number; position: number; node: HTMLDivElement }[];
-}
-
-declare const Carousel: (<T>(
-  props: CProps<ICarouselProps & T, ICarouselContext, ICarouselState>,
-) => ReturnEl) & {
-  Container: <T>(props: IBoxProps & T) => ReturnEl;
-  Indicators: <T>(props: ChildRenderFn<IBoxProps & T>) => ReturnEl;
-  Indicator: <T>(
-    props: ChildRenderFn<IBoxProps & { active: boolean; onClick: () => void } & T>,
-  ) => ReturnEl;
-  Item: <T>(props: IBoxProps & T) => ReturnEl;
-  Prev: <T>(props: IBoxProps & T) => ReturnEl;
-  Next: <T>(props: IBoxProps & T) => ReturnEl;
-};
-
-export default Carousel;