@pezeshk-book/modules 0.0.52 → 0.1.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import Slider from './modules/slider';
 import Calendar from './modules/calendar';
 import Pagination from './modules/pagination';
-export { Slider, Calendar, Pagination, };
+import CountDown from './modules/countdown-timer';
+export { Slider, Calendar, Pagination, CountDown, };

package/dist/index.js

@@ -1,5 +1,6 @@
 import Slider from './modules/slider';
 import Calendar from './modules/calendar';
 import Pagination from './modules/pagination';
-export { Slider, Calendar, Pagination, };
+import CountDown from './modules/countdown-timer';
+export { Slider, Calendar, Pagination, CountDown, };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EACL,MAAM,EACN,QAAQ,EACR,UAAU,GACX,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,OAAO,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,GACV,CAAC"}

package/dist/modules/countdown-timer/countdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CountdownProps } from './countdown.props';
+declare const CountDown: ({ sec, parentCallback, reset, variant, className, textProps, initialColor }: CountdownProps) => React.JSX.Element;
+export default CountDown;

package/dist/modules/countdown-timer/countdown.js

@@ -0,0 +1,61 @@
+'use client';
+import { __assign } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import { classNames, Div, Text } from '@pezeshk-book/ui-kit';
+var CountDown = function (_a) {
+    var sec = _a.sec, parentCallback = _a.parentCallback, reset = _a.reset, _b = _a.variant, variant = _b === void 0 ? 'contained' : _b, className = _a.className, textProps = _a.textProps, _c = _a.initialColor, initialColor = _c === void 0 ? 'primary' : _c;
+    var _d = useState(sec), timerSec = _d[0], setTimerSec = _d[1];
+    var _e = useState(0), timerMin = _e[0], setTimerMin = _e[1];
+    var _f = useState(0), timerHour = _f[0], setTimerHour = _f[1];
+    var _g = useState(initialColor), color = _g[0], setColor = _g[1];
+    useEffect(function () {
+        if (sec >= 3600) {
+            setTimerHour(Math.floor(sec / 3600));
+            setTimerMin(Math.floor((sec % 3600) / 60));
+            setTimerSec(Math.floor((sec % 3600) % 60));
+        }
+        else {
+            setTimerMin(Math.floor(sec / 60));
+            setTimerSec(Math.floor(sec % 60));
+        }
+    }, [reset]);
+    var id = useRef(null);
+    var clear = function () {
+        // @ts-ignore
+        clearInterval(id.current);
+    };
+    useEffect(function () {
+        // @ts-ignore
+        id.current = setInterval(function () {
+            setTimerSec(function (time) { return time - 1; });
+        }, 1000);
+        return function () { return clear(); };
+    }, [reset]);
+    useEffect(function () {
+        if (timerSec === 0 && timerMin === 0 && timerHour === 0) {
+            parentCallback(true);
+            clear();
+        }
+        else if (timerSec === -1 && timerMin !== 0) {
+            setTimerSec(59);
+            setTimerMin(function (time) { return time - 1; });
+        }
+        else if (timerSec === -1 && timerMin === 0 && timerHour !== 0) {
+            setTimerSec(59);
+            setTimerMin(59);
+            setTimerHour(function (time) { return time - 1; });
+        }
+        var remainingTime = (timerSec + timerMin * 60 + timerHour * 3600);
+        setColor((remainingTime <= (sec / 10) ? 'danger' : (remainingTime <= (sec * 30 / 100) ? 'warning' : initialColor)));
+    }, [timerSec]);
+    return (React.createElement(Div, { dir: 'rtl', className: classNames('items-center justify-center h-full rounded', variant === 'contained' ? 'bg-primary' : 'bg-transparent', className) },
+        React.createElement(Text, __assign({ typography: 'base', color: variant === 'contained' ? 'white' : color }, textProps), timerSec < 10 ? '0' + timerSec : timerSec),
+        React.createElement(Text, __assign({ className: 'mx-1', typography: 'base', color: variant === 'contained' ? 'white' : color }, textProps), ":"),
+        React.createElement(Text, __assign({ typography: 'base', color: variant === 'contained' ? 'white' : color }, textProps), timerMin < 10 ? '0' + timerMin : timerMin),
+        sec >= 3600
+            ? React.createElement(React.Fragment, null,
+                React.createElement(Text, __assign({ className: 'mx-1', typography: 'base', color: variant === 'contained' ? 'white' : color }, textProps), ":"),
+                React.createElement(Text, __assign({ typography: 'base', color: variant === 'contained' ? 'white' : color }, textProps), timerHour < 10 ? '0' + timerHour : timerHour)) : null));
+};
+export default CountDown;
+//# sourceMappingURL=countdown.js.map

package/dist/modules/countdown-timer/countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown.js","sourceRoot":"","sources":["../../../modules/countdown-timer/countdown.tsx"],"names":[],"mappings":"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"}

package/dist/modules/countdown-timer/countdown.props.d.ts

@@ -0,0 +1,10 @@
+import { TextProps } from '@pezeshk-book/ui-kit/text/text.props';
+export interface CountdownProps {
+    sec: number;
+    parentCallback?: any;
+    reset?: boolean;
+    variant?: 'contained' | 'outlined';
+    className?: string;
+    textProps?: Omit<TextProps, 'children'>;
+    initialColor?: 'primary' | 'success';
+}

package/dist/modules/countdown-timer/countdown.props.js

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

package/dist/modules/countdown-timer/countdown.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown.props.js","sourceRoot":"","sources":["../../../modules/countdown-timer/countdown.props.ts"],"names":[],"mappings":""}

package/dist/modules/countdown-timer/index.d.ts

@@ -0,0 +1,2 @@
+import CountDown from './countdown';
+export default CountDown;

package/dist/modules/countdown-timer/index.js

@@ -0,0 +1,3 @@
+import CountDown from './countdown';
+export default CountDown;
+//# sourceMappingURL=index.js.map

package/dist/modules/countdown-timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../modules/countdown-timer/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/stories/count-down/count-down.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CountdownProps } from '../../modules/countdown-timer/countdown.props';
+/**
+ * Primary UI component for user interaction
+ */
+export declare const CountDown: ({ ...props }: CountdownProps) => React.JSX.Element;

package/dist/stories/count-down/count-down.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import CustomCountDown from '../../modules/countdown-timer';
+/**
+ * Primary UI component for user interaction
+ */
+export var CountDown = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(CustomCountDown, __assign({}, props)));
+};
+//# sourceMappingURL=count-down.js.map

package/dist/stories/count-down/count-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-down.js","sourceRoot":"","sources":["../../../stories/count-down/count-down.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAG5D;;GAEG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAClC,OAAO,CACL,oBAAC,eAAe,eAAK,KAAK,EAAI,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/count-down/count-down.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { CountdownProps } from '../../modules/countdown-timer/countdown.props';
+declare const _default: ComponentMeta<({ ...props }: CountdownProps) => React.JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<({ ...props }: CountdownProps) => React.JSX.Element>;

package/dist/stories/count-down/count-down.stories.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { CountDown } from './count-down';
+export default {
+    title: 'CountDownTimer',
+    component: CountDown
+};
+var Template = function (_a) {
+    var args = __rest(_a, []);
+    return React.createElement(CountDown, __assign({}, args));
+};
+export var Default = Template.bind({});
+//# sourceMappingURL=count-down.stories.js.map

package/dist/stories/count-down/count-down.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-down.stories.js","sourceRoot":"","sources":["../../../stories/count-down/count-down.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAS;CACc,CAAC;AAErC,IAAM,QAAQ,GAAqC,UAAC,EAA2B;QAAtB,IAAI,cAAT,EAAW,CAAF;IAAuB,OAAA,oBAAC,SAAS,eAAK,IAAI,EAAI,CAAA;CAAA,CAAC;AAE5G,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pezeshk-book/modules",
-  "version": "0.0.52",
+  "version": "0.1.0",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.ts",
   "module": "./dist/index.js",