@kkcompany/app-ui 0.1.27 → 0.1.29

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/dist/index.cjs CHANGED
@@ -267,8 +267,13 @@ const BannerRender = ({ children, className = "", autoplay = false, autoplayInte
267
267
  const movingWidth = Math.abs(movingVector);
268
268
  if (movingVector > 0 && movingWidth > triggerWidth && hasPrev) jumpTo(currentPosition - 1);
269
269
  else if (movingVector < 0 && movingWidth > triggerWidth && hasNext) jumpTo(currentPosition + 1);
270
- else if (movingVector !== 0) jumpTo(currentPosition);
271
- else resume();
270
+ else if (movingVector !== 0) {
271
+ dispatch({
272
+ type: "DRAG",
273
+ payload: { dragOffset: 0 }
274
+ });
275
+ resume();
276
+ } else resume();
272
277
  dragRef.current = {
273
278
  dragging: false,
274
279
  dragXFrom: -1,
@@ -738,6 +743,7 @@ const containerStyle = {
738
743
  "&:hover": { color: "#fff" },
739
744
  "&:disabled": {
740
745
  opacity: "0",
746
+ pointerEvents: "none",
741
747
  "-webkit-tap-highlight-color": "transparent"
742
748
  },
743
749
  "> span": {
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react0 from "react";
2
2
  import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
3
- import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
3
+ import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
4
4
  import { CSSObject } from "@emotion/react";
5
5
  import Link from "next/link";
6
6
 
@@ -65,7 +65,7 @@ declare const HiddenToggle: ({
65
65
  defaultEnabled?: boolean;
66
66
  children: any;
67
67
  onChange: any;
68
- }) => _emotion_react_jsx_runtime1.JSX.Element;
68
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
69
69
  //#endregion
70
70
  //#region src/Icon.d.ts
71
71
  declare const Icon: ({
@@ -74,7 +74,7 @@ declare const Icon: ({
74
74
  }: {
75
75
  style?: {};
76
76
  src: any;
77
- }) => _emotion_react_jsx_runtime1.JSX.Element;
77
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
78
78
  //#endregion
79
79
  //#region src/SeeMore.d.ts
80
80
  declare const defaultMessages: {
@@ -90,7 +90,7 @@ declare const SeeMore: ({
90
90
  style?: CSSObject;
91
91
  messages?: typeof defaultMessages;
92
92
  children?: ReactNode;
93
- }) => _emotion_react_jsx_runtime1.JSX.Element;
93
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
94
94
  //#endregion
95
95
  //#region src/VideoItem.d.ts
96
96
  type VideoDetail = {
@@ -154,6 +154,6 @@ declare const VideoThumbnail: ({
154
154
  Image?: ElementType;
155
155
  };
156
156
  onClick?: MouseEventHandler<HTMLAnchorElement>;
157
- }) => _emotion_react_jsx_runtime1.JSX.Element;
157
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
158
158
  //#endregion
159
159
  export { Banner, Dropdown, HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react0 from "react";
2
2
  import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
3
- import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
3
+ import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
4
4
  import { CSSObject } from "@emotion/react";
5
5
  import Link from "next/link";
6
6
 
@@ -65,7 +65,7 @@ declare const HiddenToggle: ({
65
65
  defaultEnabled?: boolean;
66
66
  children: any;
67
67
  onChange: any;
68
- }) => _emotion_react_jsx_runtime1.JSX.Element;
68
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
69
69
  //#endregion
70
70
  //#region src/Icon.d.ts
71
71
  declare const Icon: ({
@@ -74,7 +74,7 @@ declare const Icon: ({
74
74
  }: {
75
75
  style?: {};
76
76
  src: any;
77
- }) => _emotion_react_jsx_runtime1.JSX.Element;
77
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
78
78
  //#endregion
79
79
  //#region src/SeeMore.d.ts
80
80
  declare const defaultMessages: {
@@ -90,7 +90,7 @@ declare const SeeMore: ({
90
90
  style?: CSSObject;
91
91
  messages?: typeof defaultMessages;
92
92
  children?: ReactNode;
93
- }) => _emotion_react_jsx_runtime1.JSX.Element;
93
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
94
94
  //#endregion
95
95
  //#region src/VideoItem.d.ts
96
96
  type VideoDetail = {
@@ -154,6 +154,6 @@ declare const VideoThumbnail: ({
154
154
  Image?: ElementType;
155
155
  };
156
156
  onClick?: MouseEventHandler<HTMLAnchorElement>;
157
- }) => _emotion_react_jsx_runtime1.JSX.Element;
157
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
158
158
  //#endregion
159
159
  export { Banner, Dropdown, HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.mjs CHANGED
@@ -267,8 +267,13 @@ const BannerRender = ({ children, className = "", autoplay = false, autoplayInte
267
267
  const movingWidth = Math.abs(movingVector);
268
268
  if (movingVector > 0 && movingWidth > triggerWidth && hasPrev) jumpTo(currentPosition - 1);
269
269
  else if (movingVector < 0 && movingWidth > triggerWidth && hasNext) jumpTo(currentPosition + 1);
270
- else if (movingVector !== 0) jumpTo(currentPosition);
271
- else resume();
270
+ else if (movingVector !== 0) {
271
+ dispatch({
272
+ type: "DRAG",
273
+ payload: { dragOffset: 0 }
274
+ });
275
+ resume();
276
+ } else resume();
272
277
  dragRef.current = {
273
278
  dragging: false,
274
279
  dragXFrom: -1,
@@ -738,6 +743,7 @@ const containerStyle = {
738
743
  "&:hover": { color: "#fff" },
739
744
  "&:disabled": {
740
745
  opacity: "0",
746
+ pointerEvents: "none",
741
747
  "-webkit-tap-highlight-color": "transparent"
742
748
  },
743
749
  "> span": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.27",
3
+ "version": "0.1.29",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",