@chief-editor/ui/lib/hooks/useProgressAnimation.js

UI Component for chief editor

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react_1=require("react");function useProgressAnimation(e,s){var t=react_1.useRef(0),r=Math.abs(e-t.current),o=e>0&&t.current<=0,a=e<=0&&t.current>0;t.current=e;var n=Math.min(4*r+100,400),i=o?100:0;return s?{transition:["stroke "+n+"ms ease-out "+i+"ms","stroke-dashoffset "+n+"ms ease-out "+i+"ms","stroke-dasharray "+n+"ms ease-out "+i+"ms","stroke-width 100ms ease-out "+(a?n:0)+"ms"].join(", ")}:{transition:["width "+n+"ms ease-out","height "+n+"ms ease-out"].join(", ")}}exports.useProgressAnimation=useProgressAnimation;