@cleartrip/ct-design-story 1.2.0-SNAPSHORT-mevc.0
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/Story.d.ts +11 -0
- package/dist/Story.d.ts.map +1 -0
- package/dist/components/Progress.d.ts +4 -0
- package/dist/components/Progress.d.ts.map +1 -0
- package/dist/components/ProgressArray.d.ts +3 -0
- package/dist/components/ProgressArray.d.ts.map +1 -0
- package/dist/components/ProgressWrapper.d.ts +4 -0
- package/dist/components/ProgressWrapper.d.ts.map +1 -0
- package/dist/components/Story.d.ts +4 -0
- package/dist/components/Story.d.ts.map +1 -0
- package/dist/components/StoryContainer.d.ts +2 -0
- package/dist/components/StoryContainer.d.ts.map +1 -0
- package/dist/context/Global.d.ts +10 -0
- package/dist/context/Global.d.ts.map +1 -0
- package/dist/context/Progress.d.ts +5 -0
- package/dist/context/Progress.d.ts.map +1 -0
- package/dist/context/Stories.d.ts +8 -0
- package/dist/context/Stories.d.ts.map +1 -0
- package/dist/ct-design-story.browser.cjs.js +2 -0
- package/dist/ct-design-story.browser.cjs.js.map +1 -0
- package/dist/ct-design-story.browser.esm.js +2 -0
- package/dist/ct-design-story.browser.esm.js.map +1 -0
- package/dist/ct-design-story.cjs.js +444 -0
- package/dist/ct-design-story.cjs.js.map +1 -0
- package/dist/ct-design-story.esm.js +423 -0
- package/dist/ct-design-story.esm.js.map +1 -0
- package/dist/ct-design-story.umd.js +477 -0
- package/dist/ct-design-story.umd.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/interfaces.d.ts +123 -0
- package/dist/interfaces.d.ts.map +1 -0
- package/dist/renderers/AutoPlayContent.d.ts +9 -0
- package/dist/renderers/AutoPlayContent.d.ts.map +1 -0
- package/dist/renderers/index.d.ts +5 -0
- package/dist/renderers/index.d.ts.map +1 -0
- package/dist/type.d.ts +123 -0
- package/dist/type.d.ts.map +1 -0
- package/dist/util/renderers.d.ts +6 -0
- package/dist/util/renderers.d.ts.map +1 -0
- package/dist/util/time.d.ts +2 -0
- package/dist/util/time.d.ts.map +1 -0
- package/dist/util/use-is-mounted.d.ts +3 -0
- package/dist/util/use-is-mounted.d.ts.map +1 -0
- package/package.json +62 -0
package/dist/Story.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactInstaStoriesProps } from './type';
|
|
2
|
+
declare const Story: {
|
|
3
|
+
(props: ReactInstaStoriesProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
defaultProps: {
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
interval: number;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default Story;
|
|
11
|
+
//# sourceMappingURL=Story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../packages/components/Story/src/Story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAqD,MAAM,QAAQ,CAAC;AAOnG,QAAA,MAAM,KAAK;YAAoB,sBAAsB;;;;;;CAwCpD,CAAC;AAkBF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/components/Progress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA8B,MAAM,WAAW,CAAC;gCAK/C,aAAa;AAApC,wBA6BE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressArray.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/components/ProgressArray.tsx"],"names":[],"mappings":";AAQA,wBAgFE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressWrapper.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/components/ProgressWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAa,MAAM,WAAW,CAAC;AAG5D,QAAA,MAAM,eAAe,UAAW,oBAAoB,4CAcnD,CAAC;AAoBF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/components/Story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,MAAM,WAAW,CAAC;AAGlD,QAAA,MAAM,KAAK,UAAW,UAAU,4CAwC/B,CAAC;AAiBF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoryContainer.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/components/StoryContainer.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,sDA4Kb"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GlobalCtx } from '../type';
|
|
3
|
+
export declare const initialContext: {
|
|
4
|
+
interval: number;
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
declare const GlobalContext: React.Context<GlobalCtx>;
|
|
9
|
+
export default GlobalContext;
|
|
10
|
+
//# sourceMappingURL=Global.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Global.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/context/Global.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,QAAA,MAAM,aAAa,0BAAiD,CAAC;AAErE,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/context/Progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;;AAE5C,wBAKG"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StoriesContext as StoriesContextInterface, Story } from '../type';
|
|
3
|
+
export declare const initialContext: {
|
|
4
|
+
stories: Story[];
|
|
5
|
+
};
|
|
6
|
+
declare const StoriesContext: React.Context<StoriesContextInterface>;
|
|
7
|
+
export default StoriesContext;
|
|
8
|
+
//# sourceMappingURL=Stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stories.d.ts","sourceRoot":"","sources":["../../packages/components/Story/src/context/Stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,cAAc,EAAE;IAAE,OAAO,EAAE,KAAK,EAAE,CAAA;CAE9C,CAAC;AAEF,QAAA,MAAM,cAAc,wCAA+D,CAAC;AAEpF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(n),o=i.default.createContext({interval:4e3,width:360,height:640}),s=i.default.createContext({stories:[]}),a=i.default.createContext({currentId:0,bufferAction:!1,pause:!1,next:function(){}}),u=function(r){var i,s,a=n.useContext(o),u=a.width,d=a.height,l=a.loader,f=a.storyStyles,y=a.storyInnerContainerStyles,p=void 0===y?{}:y,h=function(e,t){return{ack:"OK"}};return t.jsx("div",e.__assign({style:e.__assign(e.__assign(e.__assign({},c.story),p),{width:u,height:d})},{children:(i=r.story.content,s={width:u,height:d,loader:l,storyStyles:f},t.jsx(i,{action:r.action,isPaused:r.playState,story:r.story,config:s,messageHandler:h}))}))},c={story:{display:"flex",position:"relative",overflow:"hidden",alignItems:"center"},storyContent:{width:"auto",maxWidth:"100%",maxHeight:"100%",margin:"auto"}},d=function(r){var i=n.useContext(o).progressWrapperStyles;return t.jsx("div",e.__assign({style:e.__assign(e.__assign(e.__assign({},f.progress),i),l(r))},{children:r.children}))},l=function(e){var t=e.width;return{width:"".concat(100*t,"%")}},f={progress:{height:2,maxWidth:"100%",background:"#555",margin:2,borderRadius:2,WebkitBackfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",msBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}},y=function(r){var i=n.useContext(o).progressStyles,s=n.useContext(a),u=s.bufferAction,c=s.pause,l=r.width,f=r.active;return t.jsx(d,e.__assign({width:l,pause:c,bufferAction:u},{children:t.jsx("div",{style:e.__assign(e.__assign(e.__assign({},p.inner),i),function(e){switch(e.active){case 2:return{width:"100%"};case 1:return{transform:"scaleX(".concat(r.count/100,")")};default:return{width:0}}}({active:f}))})}))},p={inner:{background:"#fff",height:"100%",maxWidth:"100%",borderRadius:2,transformOrigin:"center left",WebkitBackfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",msBackfaceVisibility:"hidden",backfaceVisibility:"hidden",WebkitPerspective:1e3,MozPerspective:1e3,msPerspective:1e3,perspective:1e3}};function h(){return window.performance&&window.performance.now?window.performance.now():(new Date).getTime()}var v=function(){var r=n.useState(0),i=r[0],u=r[1],c=n.useRef(),d=n.useContext(a),l=d.currentId,f=d.next,p=d.pause,v=d.bufferAction,x=n.useContext(o),_=x.interval,w=x.onStoryEnd,S=x.onStoryStart,m=x.progressContainerStyles,b=n.useContext(s).stories;n.useEffect((function(){u(0)}),[l,b]),n.useEffect((function(){return p||(C.current=requestAnimationFrame(j),c.current=h()),function(){cancelAnimationFrame(C.current)}}),[l,p]);var C=n.useRef(),k=i,j=function(){0===k&&E(),null==c.current&&(c.current=h());var e=h(),t=e-c.current;c.current=e,u((function(e){var n=A();return k=e+100*t/n})),k<100?C.current=requestAnimationFrame(j):(P(),cancelAnimationFrame(C.current),f())},E=function(){S&&S(l,b[l])},P=function(){w&&w(l,b[l])},A=function(){return"number"==typeof b[l].duration?b[l].duration:_},I={opacity:p&&!v?0:1};return t.jsx("div",e.__assign({style:e.__assign(e.__assign(e.__assign({},g.progressArr),m),I)},{children:b.map((function(e,n){return t.jsx(y,{count:i,width:1/b.length,active:n===l?1:n<l?2:0},n)}))}))},g={progressArr:{display:"flex",justifyContent:"center",maxWidth:"100%",flexWrap:"nowrap",position:"absolute",width:"98%",padding:16,paddingTop:16,alignSelf:"center",zIndex:1001,filter:"drop-shadow(0 1px 8px #222)",transition:"opacity 400ms ease-in-out"}};function x(){var r=n.useState(0),i=r[0],c=r[1],d=n.useState(!0),l=d[0],f=d[1],y=n.useState(!0),p=y[0],h=y[1],g=function(){var e=n.useRef(!1);return n.useEffect((function(){return e.current=!0,function(){e.current=!1}}),[]),n.useCallback((function(){return e.current}),[])}(),x=n.useRef(),w=n.useContext(o),S=w.width,m=w.height,b=w.loop,C=w.currentIndex,k=w.isPaused,j=w.keyboardNavigation,E=w.preventDefault,P=w.storyContainerStyles,A=void 0===P?{}:P,I=w.onAllStoriesEnd,T=w.onPrevious,W=w.onNext,R=w.prevTapPercent,D=void 0===R?50:R,B=n.useContext(s).stories;n.useEffect((function(){"number"==typeof C&&(C>=0&&C<B.length?V((function(){return C})):console.error("Index out of bounds. Current index was set to value more than the length of stories array.",C))}),[C]),n.useEffect((function(){"boolean"==typeof k&&setTimeout((function(){f(k)}),50)}),[k]),n.useEffect((function(){if("undefined"!=typeof window&&window.document&&"boolean"==typeof j&&j)return document.addEventListener("keydown",M),function(){document.removeEventListener("keydown",M)}}),[j]);var M=function(e){"ArrowLeft"===e.key?z():"ArrowRight"===e.key&&N({isSkippedByUser:!0})},O=function(e,t){f("pause"===e),h(!!t)},V=function(e,t){void 0===t&&(t=!0),c(e),t&&O("pause",!0)},z=function(){null!=T&&T(),V((function(e){return e>0?e-1:e}),!1)},N=function(e){null!=W&&(null==e?void 0:e.isSkippedByUser)&&W(),g()&&(b?U():q(null==e?void 0:e.flag))},U=function(){V((function(e){return e>=B.length-1&&I&&I(i,B),(e+1)%B.length}))},q=function(e){void 0===e&&(e=!0),V((function(e){return e<B.length-1?e+1:(I&&I(i,B),e)}),e)},F=function(e){e.preventDefault(),x.current=setTimeout((function(){O("pause")}),200)},L=function(e,t){return void 0===t&&(t=!0),function(n){n.preventDefault(),x.current&&clearTimeout(x.current),l?O("play"):"next"===e?N({isSkippedByUser:!0,flag:t}):z()}};return t.jsxs("div",e.__assign({style:e.__assign(e.__assign(e.__assign({},_.container),A),{width:S,height:m})},{children:[t.jsx(a.Provider,e.__assign({value:{bufferAction:p,currentId:i,pause:l,next:N}},{children:t.jsx(v,{})})),t.jsx(u,{action:O,bufferAction:p,playState:l,story:B[i]}),!E&&t.jsxs("div",e.__assign({style:_.overlay},{children:[t.jsx("div",{style:{width:"".concat(D,"%"),zIndex:999},onTouchStart:F,onTouchEnd:L("previous"),onMouseDown:F,onMouseUp:L("previous")}),t.jsx("div",{style:{width:"".concat(100-D,"%"),zIndex:999},onTouchStart:F,onTouchEnd:L("next",!1),onMouseDown:F,onMouseUp:L("next",!1)})]}))]}))}var _={container:{display:"flex",flexDirection:"column",position:"relative",WebkitUserSelect:"none",overflow:"hidden"},overlay:{position:"absolute",height:"inherit",width:"inherit",display:"flex"}},w=[{renderer:function(n){i.useEffect((function(){n.action("play")}),[n.story]);var r=n.story.originalContent;return r?t.jsx(r,e.__assign({},n)):null},tester:function(e){return{condition:!!e.content,priority:2}}}],S=function(r){var i,a,u=w,c={width:(null===(i=r.storyContainerStyles)||void 0===i?void 0:i.width)||r.width,height:(null===(a=r.storyContainerStyles)||void 0===a?void 0:a.height)||r.height,loader:r.loader,storyContainerStyles:r.storyContainerStyles,storyInnerContainerStyles:r.storyInnerContainerStyles,storyStyles:r.storyStyles,progressContainerStyles:r.progressContainerStyles,progressWrapperStyles:r.progressWrapperStyles,progressStyles:r.progressStyles,loop:r.loop,interval:r.interval,isPaused:r.isPaused,currentIndex:r.currentIndex,onStoryStart:r.onStoryStart,onStoryEnd:r.onStoryEnd,onAllStoriesEnd:r.onAllStoriesEnd,onNext:r.onNext,onPrevious:r.onPrevious,keyboardNavigation:r.keyboardNavigation,preventDefault:r.preventDefault,prevTapPercent:r.prevTapPercent},d=n.useState({stories:m(r.stories,u)}),l=d[0],f=d[1];return n.useEffect((function(){f({stories:m(r.stories,u)})}),[r.stories,r.renderers]),t.jsx(o.Provider,e.__assign({value:c},{children:t.jsx(s.Provider,e.__assign({value:l},{children:t.jsx(x,{})}))}))},m=function(t,n){return t.map((function(t){var r=e.__assign({},t),i=function(t,n){var r=n.map((function(n){return e.__assign(e.__assign({},n),{testerResult:n.tester(t)})})).filter((function(e){return e.testerResult.condition}));return r.sort((function(e,t){return t.testerResult.priority-e.testerResult.priority})),r[0].renderer}(r,n);return r.originalContent=r.content,r.content=i,r}))};S.defaultProps={width:280,height:320,interval:4e3},exports.Story=S;
|
|
2
|
+
//# sourceMappingURL=ct-design-story.browser.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-story.browser.cjs.js","sources":["../packages/components/Story/src/context/Global.ts","../packages/components/Story/src/context/Stories.ts","../packages/components/Story/src/context/Progress.ts","../packages/components/Story/src/components/Story.tsx","../packages/components/Story/src/components/ProgressWrapper.tsx","../packages/components/Story/src/components/Progress.tsx","../packages/components/Story/src/util/time.ts","../packages/components/Story/src/components/ProgressArray.tsx","../packages/components/Story/src/components/StoryContainer.tsx","../packages/components/Story/src/util/use-is-mounted.tsx","../packages/components/Story/src/renderers/index.ts","../packages/components/Story/src/renderers/AutoPlayContent.tsx","../packages/components/Story/src/Story.tsx","../packages/components/Story/src/util/renderers.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["GlobalContext","React","createContext","interval","width","height","StoriesContext","stories","currentId","bufferAction","pause","next","Story","props","InnerContent","config","globalContext","useContext","loader","storyStyles","_a","storyInnerContainerStyles","rendererMessageHandler","type","data","ack","_jsx","style","__assign","styles","story","content","action","isPaused","playState","messageHandler","display","position","overflow","alignItems","storyContent","maxWidth","maxHeight","margin","ProgressWrapper","progressWrapperStyles","progress","getProgressWrapperStyle","children","concat","background","borderRadius","WebkitBackfaceVisibility","MozBackfaceVisibility","msBackfaceVisibility","backfaceVisibility","Progress","progressStyles","ProgressCtx","active","jsx","inner","transform","count","getProgressStyle","transformOrigin","WebkitPerspective","MozPerspective","msPerspective","perspective","timestamp","window","performance","now","Date","getTime","ProgressArray","useState","setCount","lastTime","useRef","_b","_c","onStoryEnd","onStoryStart","progressContainerStyles","useEffect","animationFrameId","current","requestAnimationFrame","incrementCount","cancelAnimationFrame","countCopy","storyStartCallback","undefined","t","dt","getCurrentInterval","storyEndCallback","duration","opacityStyles","opacity","progressArr","map","_","i","length","justifyContent","flexWrap","padding","paddingTop","alignSelf","zIndex","filter","transition","StoryContainer","setCurrentId","setPause","setBufferAction","isMounted","useCallback","useIsMounted","mousedownId","_d","loop","currentIndex","keyboardNavigation","preventDefault","_e","storyContainerStyles","onAllStoriesEnd","onPrevious","onNext","_f","prevTapPercent","setCurrentIdWrapper","console","error","setTimeout","document","addEventListener","handleKeyDown","removeEventListener","e","key","previous","isSkippedByUser","toggleState","callback","flag","prev","options","updateNextStoryIdForLoop","updateNextStoryId","debouncePause","mouseUp","clearTimeout","_jsxs","container","ProgressContext","Provider","value","overlay","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","flexDirection","WebkitUserSelect","renderers","renderer","Content","originalContent","tester","condition","priority","defaultRenderers","context","generateStories","setStories","s","probable","r","testerResult","sort","a","b","getRenderer","defaultProps"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as t,jsxs as n}from"react/jsx-runtime";import*as r from"react";import i,{useContext as o,useState as a,useRef as s,useEffect as u,useCallback as c}from"react";var d=i.createContext({interval:4e3,width:360,height:640}),l=i.createContext({stories:[]}),f=i.createContext({currentId:0,bufferAction:!1,pause:!1,next:function(){}}),p=function(n){var r,i,a=o(d),s=a.width,u=a.height,c=a.loader,l=a.storyStyles,f=a.storyInnerContainerStyles,p=void 0===f?{}:f,h=function(e,t){return{ack:"OK"}};return t("div",e({style:e(e(e({},y.story),p),{width:s,height:u})},{children:(r=n.story.content,i={width:s,height:u,loader:c,storyStyles:l},t(r,{action:n.action,isPaused:n.playState,story:n.story,config:i,messageHandler:h}))}))},y={story:{display:"flex",position:"relative",overflow:"hidden",alignItems:"center"},storyContent:{width:"auto",maxWidth:"100%",maxHeight:"100%",margin:"auto"}},h=function(n){var r=o(d).progressWrapperStyles;return t("div",e({style:e(e(e({},g.progress),r),v(n))},{children:n.children}))},v=function(e){var t=e.width;return{width:"".concat(100*t,"%")}},g={progress:{height:2,maxWidth:"100%",background:"#555",margin:2,borderRadius:2,WebkitBackfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",msBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}},m=function(n){var r=o(d).progressStyles,i=o(f),a=i.bufferAction,s=i.pause,u=n.width,c=n.active;return t(h,e({width:u,pause:s,bufferAction:a},{children:t("div",{style:e(e(e({},w.inner),r),function(e){switch(e.active){case 2:return{width:"100%"};case 1:return{transform:"scaleX(".concat(n.count/100,")")};default:return{width:0}}}({active:c}))})}))},w={inner:{background:"#fff",height:"100%",maxWidth:"100%",borderRadius:2,transformOrigin:"center left",WebkitBackfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",msBackfaceVisibility:"hidden",backfaceVisibility:"hidden",WebkitPerspective:1e3,MozPerspective:1e3,msPerspective:1e3,perspective:1e3}};function S(){return window.performance&&window.performance.now?window.performance.now():(new Date).getTime()}var b=function(){var n=a(0),r=n[0],i=n[1],c=s(),p=o(f),y=p.currentId,h=p.next,v=p.pause,g=p.bufferAction,w=o(d),b=w.interval,k=w.onStoryEnd,C=w.onStoryStart,A=w.progressContainerStyles,P=o(l).stories;u((function(){i(0)}),[y,P]),u((function(){return v||(I.current=requestAnimationFrame(W),c.current=S()),function(){cancelAnimationFrame(I.current)}}),[y,v]);var I=s(),T=r,W=function(){0===T&&E(),null==c.current&&(c.current=S());var e=S(),t=e-c.current;c.current=e,i((function(e){var n=D();return T=e+100*t/n})),T<100?I.current=requestAnimationFrame(W):(B(),cancelAnimationFrame(I.current),h())},E=function(){C&&C(y,P[y])},B=function(){k&&k(y,P[y])},D=function(){return"number"==typeof P[y].duration?P[y].duration:b},V={opacity:v&&!g?0:1};return t("div",e({style:e(e(e({},x.progressArr),A),V)},{children:P.map((function(e,n){return t(m,{count:r,width:1/P.length,active:n===y?1:n<y?2:0},n)}))}))},x={progressArr:{display:"flex",justifyContent:"center",maxWidth:"100%",flexWrap:"nowrap",position:"absolute",width:"98%",padding:16,paddingTop:16,alignSelf:"center",zIndex:1001,filter:"drop-shadow(0 1px 8px #222)",transition:"opacity 400ms ease-in-out"}};function k(){var r=a(0),i=r[0],y=r[1],h=a(!0),v=h[0],g=h[1],m=a(!0),w=m[0],S=m[1],x=function(){var e=s(!1);return u((function(){return e.current=!0,function(){e.current=!1}}),[]),c((function(){return e.current}),[])}(),k=s(),A=o(d),P=A.width,I=A.height,T=A.loop,W=A.currentIndex,E=A.isPaused,B=A.keyboardNavigation,D=A.preventDefault,V=A.storyContainerStyles,M=void 0===V?{}:V,R=A.onAllStoriesEnd,z=A.onPrevious,N=A.onNext,U=A.prevTapPercent,F=void 0===U?50:U,L=o(l).stories;u((function(){"number"==typeof W&&(W>=0&&W<L.length?H((function(){return W})):console.error("Index out of bounds. Current index was set to value more than the length of stories array.",W))}),[W]),u((function(){"boolean"==typeof E&&setTimeout((function(){g(E)}),50)}),[E]),u((function(){if("undefined"!=typeof window&&window.document&&"boolean"==typeof B&&B)return document.addEventListener("keydown",j),function(){document.removeEventListener("keydown",j)}}),[B]);var j=function(e){"ArrowLeft"===e.key?O():"ArrowRight"===e.key&&K({isSkippedByUser:!0})},q=function(e,t){g("pause"===e),S(!!t)},H=function(e,t){void 0===t&&(t=!0),y(e),t&&q("pause",!0)},O=function(){null!=z&&z(),H((function(e){return e>0?e-1:e}),!1)},K=function(e){null!=N&&(null==e?void 0:e.isSkippedByUser)&&N(),x()&&(T?X():G(null==e?void 0:e.flag))},X=function(){H((function(e){return e>=L.length-1&&R&&R(i,L),(e+1)%L.length}))},G=function(e){void 0===e&&(e=!0),H((function(e){return e<L.length-1?e+1:(R&&R(i,L),e)}),e)},J=function(e){e.preventDefault(),k.current=setTimeout((function(){q("pause")}),200)},Q=function(e,t){return void 0===t&&(t=!0),function(n){n.preventDefault(),k.current&&clearTimeout(k.current),v?q("play"):"next"===e?K({isSkippedByUser:!0,flag:t}):O()}};return n("div",e({style:e(e(e({},C.container),M),{width:P,height:I})},{children:[t(f.Provider,e({value:{bufferAction:w,currentId:i,pause:v,next:K}},{children:t(b,{})})),t(p,{action:q,bufferAction:w,playState:v,story:L[i]}),!D&&n("div",e({style:C.overlay},{children:[t("div",{style:{width:"".concat(F,"%"),zIndex:999},onTouchStart:J,onTouchEnd:Q("previous"),onMouseDown:J,onMouseUp:Q("previous")}),t("div",{style:{width:"".concat(100-F,"%"),zIndex:999},onTouchStart:J,onTouchEnd:Q("next",!1),onMouseDown:J,onMouseUp:Q("next",!1)})]}))]}))}var C={container:{display:"flex",flexDirection:"column",position:"relative",WebkitUserSelect:"none",overflow:"hidden"},overlay:{position:"absolute",height:"inherit",width:"inherit",display:"flex"}},A=[{renderer:function(n){r.useEffect((function(){n.action("play")}),[n.story]);var i=n.story.originalContent;return i?t(i,e({},n)):null},tester:function(e){return{condition:!!e.content,priority:2}}}],P=function(n){var r,i,o=A,s={width:(null===(r=n.storyContainerStyles)||void 0===r?void 0:r.width)||n.width,height:(null===(i=n.storyContainerStyles)||void 0===i?void 0:i.height)||n.height,loader:n.loader,storyContainerStyles:n.storyContainerStyles,storyInnerContainerStyles:n.storyInnerContainerStyles,storyStyles:n.storyStyles,progressContainerStyles:n.progressContainerStyles,progressWrapperStyles:n.progressWrapperStyles,progressStyles:n.progressStyles,loop:n.loop,interval:n.interval,isPaused:n.isPaused,currentIndex:n.currentIndex,onStoryStart:n.onStoryStart,onStoryEnd:n.onStoryEnd,onAllStoriesEnd:n.onAllStoriesEnd,onNext:n.onNext,onPrevious:n.onPrevious,keyboardNavigation:n.keyboardNavigation,preventDefault:n.preventDefault,prevTapPercent:n.prevTapPercent},c=a({stories:I(n.stories,o)}),f=c[0],p=c[1];return u((function(){p({stories:I(n.stories,o)})}),[n.stories,n.renderers]),t(d.Provider,e({value:s},{children:t(l.Provider,e({value:f},{children:t(k,{})}))}))},I=function(t,n){return t.map((function(t){var r=e({},t),i=function(t,n){var r=n.map((function(n){return e(e({},n),{testerResult:n.tester(t)})})).filter((function(e){return e.testerResult.condition}));return r.sort((function(e,t){return t.testerResult.priority-e.testerResult.priority})),r[0].renderer}(r,n);return r.originalContent=r.content,r.content=i,r}))};P.defaultProps={width:280,height:320,interval:4e3};export{P as Story};
|
|
2
|
+
//# sourceMappingURL=ct-design-story.browser.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ct-design-story.browser.esm.js","sources":["../packages/components/Story/src/context/Global.ts","../packages/components/Story/src/context/Stories.ts","../packages/components/Story/src/context/Progress.ts","../packages/components/Story/src/components/Story.tsx","../packages/components/Story/src/components/ProgressWrapper.tsx","../packages/components/Story/src/components/Progress.tsx","../packages/components/Story/src/util/time.ts","../packages/components/Story/src/components/ProgressArray.tsx","../packages/components/Story/src/components/StoryContainer.tsx","../packages/components/Story/src/util/use-is-mounted.tsx","../packages/components/Story/src/renderers/index.ts","../packages/components/Story/src/renderers/AutoPlayContent.tsx","../packages/components/Story/src/Story.tsx","../packages/components/Story/src/util/renderers.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["GlobalContext","React","createContext","interval","width","height","StoriesContext","stories","currentId","bufferAction","pause","next","Story","props","InnerContent","config","globalContext","useContext","loader","storyStyles","_a","storyInnerContainerStyles","rendererMessageHandler","type","data","ack","_jsx","style","__assign","styles","story","content","action","isPaused","playState","messageHandler","display","position","overflow","alignItems","storyContent","maxWidth","maxHeight","margin","ProgressWrapper","progressWrapperStyles","progress","getProgressWrapperStyle","children","concat","background","borderRadius","WebkitBackfaceVisibility","MozBackfaceVisibility","msBackfaceVisibility","backfaceVisibility","Progress","progressStyles","ProgressCtx","active","inner","transform","count","getProgressStyle","transformOrigin","WebkitPerspective","MozPerspective","msPerspective","perspective","timestamp","window","performance","now","Date","getTime","ProgressArray","useState","setCount","lastTime","useRef","_b","_c","onStoryEnd","onStoryStart","progressContainerStyles","useEffect","animationFrameId","current","requestAnimationFrame","incrementCount","cancelAnimationFrame","countCopy","storyStartCallback","undefined","t","dt","getCurrentInterval","storyEndCallback","duration","opacityStyles","opacity","progressArr","map","_","i","length","justifyContent","flexWrap","padding","paddingTop","alignSelf","zIndex","filter","transition","StoryContainer","setCurrentId","setPause","setBufferAction","isMounted","useCallback","useIsMounted","mousedownId","_d","loop","currentIndex","keyboardNavigation","preventDefault","_e","storyContainerStyles","onAllStoriesEnd","onPrevious","onNext","_f","prevTapPercent","setCurrentIdWrapper","console","error","setTimeout","document","addEventListener","handleKeyDown","removeEventListener","e","key","previous","isSkippedByUser","toggleState","callback","flag","prev","options","updateNextStoryIdForLoop","updateNextStoryId","debouncePause","mouseUp","clearTimeout","_jsxs","container","ProgressContext","Provider","value","overlay","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","flexDirection","WebkitUserSelect","renderers","renderer","Content","originalContent","tester","condition","priority","defaultRenderers","context","generateStories","setStories","s","probable","r","testerResult","sort","a","b","getRenderer","defaultProps"],"mappings":"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"}
|