@pezeshk-book/modules 0.0.15 → 0.0.17
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/modules/calendar/calendar.d.ts +2 -2
- package/dist/modules/calendar/icons/arrow-left-icon.d.ts +2 -2
- package/dist/modules/calendar/icons/arrow-right-icon.d.ts +2 -2
- package/dist/modules/calendar/icons/calendar-icon.d.ts +2 -2
- package/dist/modules/calendar/sub-components/day/day.d.ts +2 -2
- package/dist/modules/calendar/sub-components/days/days.d.ts +2 -2
- package/dist/modules/calendar/sub-components/days-head/days-head.d.ts +2 -2
- package/dist/modules/slider/slider.d.ts +2 -2
- package/dist/modules/slider/slider.js +39 -24
- package/dist/modules/slider/slider.js.map +1 -1
- package/dist/modules/slider/slider.props.d.ts +5 -1
- package/dist/stories/calendar/calendar.d.ts +2 -2
- package/dist/stories/calendar/calendar.stories.d.ts +3 -3
- package/dist/stories/slider/slider.d.ts +2 -2
- package/dist/stories/slider/slider.js +11 -5
- package/dist/stories/slider/slider.js.map +1 -1
- package/dist/stories/slider/slider.stories.d.ts +3 -3
- package/dist/stories/wrapper.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { CalendarProps } from "./calendar.props";
|
|
3
|
-
declare const Calender: (props: CalendarProps) => JSX.Element;
|
|
3
|
+
declare const Calender: (props: CalendarProps) => React.JSX.Element;
|
|
4
4
|
export default Calender;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const ArrowLeftIcon: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const ArrowLeftIcon: () => React.JSX.Element;
|
|
3
3
|
export default ArrowLeftIcon;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const ArrowRightIcon: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const ArrowRightIcon: () => React.JSX.Element;
|
|
3
3
|
export default ArrowRightIcon;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const CalendarIcon: () => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const CalendarIcon: () => React.JSX.Element;
|
|
3
3
|
export default CalendarIcon;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { DayProps } from "./day.props";
|
|
3
|
-
export declare const Day: (props: DayProps) => JSX.Element;
|
|
3
|
+
export declare const Day: (props: DayProps) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { DaysProps } from './days.props';
|
|
3
3
|
declare const Days: {
|
|
4
|
-
(props: DaysProps): JSX.Element | null;
|
|
4
|
+
(props: DaysProps): React.JSX.Element | null;
|
|
5
5
|
defaultProps: {
|
|
6
6
|
monthName: string;
|
|
7
7
|
disableDays: never[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
import { DaysHeadProps } from "./days-head.props";
|
|
3
|
-
declare const DaysHead: (props: DaysHeadProps) => JSX.Element;
|
|
3
|
+
declare const DaysHead: (props: DaysHeadProps) => React.JSX.Element;
|
|
4
4
|
export default DaysHead;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { SliderProps } from './slider.props';
|
|
3
|
-
declare const Slider: ({ children, delay, spaceBetween, slides, infiniteLoop, pauseOnMouseOver, autoMove, indicatorActiveColor, indicator, navigation, prevNavigation, nextNavigation, direction, }: SliderProps) => JSX.Element;
|
|
3
|
+
declare const Slider: ({ children, delay, spaceBetween, slides, infiniteLoop, pauseOnMouseOver, autoMove, indicatorActiveColor, indicator, navigation, prevNavigation, nextNavigation, direction, rows, navigationColor, }: SliderProps) => React.JSX.Element;
|
|
4
4
|
export default Slider;
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
1
2
|
import React, { useEffect, useState } from 'react';
|
|
3
|
+
import { Button, Div } from '@pezeshk-book/ui-kit';
|
|
2
4
|
var Slider = function (_a) {
|
|
3
|
-
var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 2500 : _b, _c = _a.spaceBetween, spaceBetween = _c === void 0 ? 0 : _c, _d = _a.slides, slides = _d === void 0 ? 1 : _d, _e = _a.infiniteLoop, infiniteLoop = _e === void 0 ? false : _e, _f = _a.pauseOnMouseOver, pauseOnMouseOver = _f === void 0 ? false : _f, _g = _a.autoMove, autoMove = _g === void 0 ? true : _g, _h = _a.indicatorActiveColor, indicatorActiveColor = _h === void 0 ? 'info' : _h, _j = _a.indicator, indicator = _j === void 0 ? true : _j, _k = _a.navigation, navigation = _k === void 0 ? true : _k, prevNavigation = _a.prevNavigation, nextNavigation = _a.nextNavigation, _l = _a.direction, direction = _l === void 0 ? 'rtl' : _l;
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
5
|
+
var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 2500 : _b, _c = _a.spaceBetween, spaceBetween = _c === void 0 ? 0 : _c, _d = _a.slides, slides = _d === void 0 ? 1 : _d, _e = _a.infiniteLoop, infiniteLoop = _e === void 0 ? false : _e, _f = _a.pauseOnMouseOver, pauseOnMouseOver = _f === void 0 ? false : _f, _g = _a.autoMove, autoMove = _g === void 0 ? true : _g, _h = _a.indicatorActiveColor, indicatorActiveColor = _h === void 0 ? 'info' : _h, _j = _a.indicator, indicator = _j === void 0 ? true : _j, _k = _a.navigation, navigation = _k === void 0 ? true : _k, prevNavigation = _a.prevNavigation, nextNavigation = _a.nextNavigation, _l = _a.direction, direction = _l === void 0 ? 'rtl' : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.navigationColor, navigationColor = _o === void 0 ? 'info' : _o;
|
|
6
|
+
var _p = React.useState(infiniteLoop ? slides : 0), currentIndex = _p[0], setCurrentIndex = _p[1];
|
|
7
|
+
var _q = useState(Math.round(children.length / rows)), length = _q[0], setLength = _q[1];
|
|
8
|
+
var _r = useState(infiniteLoop && Math.round(children.length / rows) > slides), isRepeating = _r[0], setIsRepeating = _r[1];
|
|
9
|
+
var _s = useState(true), transitionEnabled = _s[0], setTransitionEnabled = _s[1];
|
|
10
|
+
var _t = useState(null), touchPosition = _t[0], setTouchPosition = _t[1];
|
|
11
|
+
var _u = useState(false), pause = _u[0], setPause = _u[1];
|
|
12
|
+
var _v = useState([]), sliders = _v[0], setSliders = _v[1];
|
|
10
13
|
var timeoutRef = React.useRef(null);
|
|
11
14
|
var ref = React.useRef(null);
|
|
12
15
|
var dir = React.useMemo(function () {
|
|
@@ -16,8 +19,19 @@ var Slider = function (_a) {
|
|
|
16
19
|
return '-';
|
|
17
20
|
}, [direction]);
|
|
18
21
|
useEffect(function () {
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
var final = [];
|
|
23
|
+
for (var i = 0; i < length; i++) {
|
|
24
|
+
var output = [];
|
|
25
|
+
for (var index = i * rows; index < rows * (i + 1); index++) {
|
|
26
|
+
output.push(children[index]);
|
|
27
|
+
}
|
|
28
|
+
final.push(output);
|
|
29
|
+
}
|
|
30
|
+
setSliders(final);
|
|
31
|
+
}, []);
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
setLength(Math.round(children.length / rows));
|
|
34
|
+
setIsRepeating(infiniteLoop && Math.round(children.length / rows) > slides);
|
|
21
35
|
}, [children, infiniteLoop, slides]);
|
|
22
36
|
useEffect(function () {
|
|
23
37
|
if (isRepeating) {
|
|
@@ -41,6 +55,7 @@ var Slider = function (_a) {
|
|
|
41
55
|
for (var _i = 0, _a = ref.current.children; _i < _a.length; _i++) {
|
|
42
56
|
var arg = _a[_i];
|
|
43
57
|
arg.style.width = "calc((100% / ".concat(slides, ") - (").concat(spaceBetween, "px))");
|
|
58
|
+
arg.style.gap = "".concat(spaceBetween, "px");
|
|
44
59
|
arg.style.marginLeft = "".concat(spaceBetween / 2, "px");
|
|
45
60
|
arg.style.marginRight = "".concat(spaceBetween / 2, "px");
|
|
46
61
|
arg.style.flexShrink = 0;
|
|
@@ -54,12 +69,12 @@ var Slider = function (_a) {
|
|
|
54
69
|
}
|
|
55
70
|
};
|
|
56
71
|
var next = function () {
|
|
57
|
-
if (isRepeating || currentIndex < (length - slides) + 1) {
|
|
72
|
+
if ((isRepeating || currentIndex < (length - slides) + 1) && currentIndex !== length) {
|
|
58
73
|
setCurrentIndex(function (prevState) { return prevState + 1; });
|
|
59
74
|
}
|
|
60
75
|
};
|
|
61
76
|
var prev = function () {
|
|
62
|
-
if (isRepeating || currentIndex > 0) {
|
|
77
|
+
if ((isRepeating || currentIndex > 0) && currentIndex !== slides) {
|
|
63
78
|
setCurrentIndex(function (prevState) { return prevState - 1; });
|
|
64
79
|
}
|
|
65
80
|
};
|
|
@@ -88,7 +103,7 @@ var Slider = function (_a) {
|
|
|
88
103
|
setTransitionEnabled(false);
|
|
89
104
|
setCurrentIndex(length);
|
|
90
105
|
}
|
|
91
|
-
else if (currentIndex ===
|
|
106
|
+
else if (currentIndex === length) {
|
|
92
107
|
setTimeout(function () {
|
|
93
108
|
setTransitionEnabled(false);
|
|
94
109
|
setCurrentIndex(slides);
|
|
@@ -99,7 +114,7 @@ var Slider = function (_a) {
|
|
|
99
114
|
var renderExtraPrev = function () {
|
|
100
115
|
var output = [];
|
|
101
116
|
for (var index = 0; index < slides; index++) {
|
|
102
|
-
output.push(children[length - 1 - index]);
|
|
117
|
+
output.push(children[(length * rows) - 1 - index]);
|
|
103
118
|
}
|
|
104
119
|
output.reverse();
|
|
105
120
|
return output;
|
|
@@ -116,9 +131,9 @@ var Slider = function (_a) {
|
|
|
116
131
|
setPause(state);
|
|
117
132
|
}
|
|
118
133
|
};
|
|
119
|
-
return (React.createElement(
|
|
120
|
-
React.createElement(
|
|
121
|
-
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement(
|
|
134
|
+
return (React.createElement(Div, { dir: direction, className: 'w-full flex-col', onMouseOver: function () { return handlePauseAutoMove(true); }, onMouseLeave: function () { return handlePauseAutoMove(false); } },
|
|
135
|
+
React.createElement(Div, { className: 'w-full relative' },
|
|
136
|
+
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement(Button, { disabled: direction === 'rtl' ? currentIndex === length : currentIndex === slides, onClick: direction === 'rtl' ? next : prev, color: navigationColor, rounded: 'full', className: 'absolute flex self-center items-center justify-center z-10 left-6' }, "<")) : null,
|
|
122
137
|
prevNavigation && (isRepeating || currentIndex > 0) ? (React.createElement(React.Fragment, null, prevNavigation(prev))) : null,
|
|
123
138
|
React.createElement("div", { className: 'overflow-hidden w-full h-full', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove },
|
|
124
139
|
React.createElement("div", { className: "flex transition ease-linear duration-300 shrink-0 grow w-full", style: {
|
|
@@ -126,16 +141,16 @@ var Slider = function (_a) {
|
|
|
126
141
|
transition: !transitionEnabled ? 'none' : undefined
|
|
127
142
|
}, onTransitionEnd: handleTransitionEnd, ref: ref },
|
|
128
143
|
(length > slides && isRepeating) &&
|
|
129
|
-
renderExtraPrev(),
|
|
130
|
-
|
|
144
|
+
renderExtraPrev().map(function (nextItem, nextItemIndex) { return (React.createElement(Div, { className: 'flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }),
|
|
145
|
+
sliders.map(function (item, itemIndex) { return (React.createElement(Div, { className: 'flex-col w-1/2 shrink-0', key: itemIndex }, item)); }),
|
|
131
146
|
(length > slides && isRepeating) &&
|
|
132
|
-
renderExtraNext())),
|
|
133
|
-
(isRepeating || currentIndex < (length - slides)) && navigation && !nextNavigation ? (React.createElement(
|
|
147
|
+
renderExtraNext().map(function (nextItem, nextItemIndex) { return (React.createElement(Div, { className: 'flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }))),
|
|
148
|
+
(isRepeating || currentIndex < (length - slides)) && navigation && !nextNavigation ? (React.createElement(Button, { color: navigationColor, disabled: direction === 'rtl' ? currentIndex === slides : currentIndex === length, onClick: direction === 'rtl' ? prev : next, rounded: "full", className: "absolute flex self-center items-center justify-center right-6" }, ">")) : null,
|
|
134
149
|
nextNavigation && (isRepeating || currentIndex < (length - slides)) ? (React.createElement(React.Fragment, null, nextNavigation(next))) : null),
|
|
135
|
-
indicator ? (React.createElement(
|
|
136
|
-
var indicatorClass = "inline-block w-
|
|
137
|
-
return (React.createElement(
|
|
138
|
-
setCurrentIndex(infiniteLoop ? idx +
|
|
150
|
+
indicator ? (React.createElement(Div, { className: 'self-center items-center justify-center' }, __spreadArray([], new Array(length - slides + 1), true).map(function (_, idx) {
|
|
151
|
+
var indicatorClass = "inline-block w-4 h-4 rounded-full cursor-pointer mt-20 mx-2 mb-0 ".concat(infiniteLoop ? currentIndex === idx + slides ? "bg-".concat(indicatorActiveColor) : "bg-grey-100" : currentIndex === idx ? "bg-".concat(indicatorActiveColor) : "bg-grey-100");
|
|
152
|
+
return (React.createElement(Div, { key: idx, className: indicatorClass, onClick: function () {
|
|
153
|
+
setCurrentIndex(infiniteLoop ? idx + slides : idx);
|
|
139
154
|
} }));
|
|
140
155
|
}))) : null));
|
|
141
156
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../modules/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../modules/slider/slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,13 @@ export interface SliderProps {
|
|
|
7
7
|
pauseOnMouseOver?: boolean;
|
|
8
8
|
autoMove?: boolean;
|
|
9
9
|
indicator?: boolean;
|
|
10
|
-
indicatorActiveColor?:
|
|
10
|
+
indicatorActiveColor?: Color;
|
|
11
11
|
navigation?: boolean;
|
|
12
12
|
nextNavigation?: (onClick: any) => any;
|
|
13
13
|
prevNavigation?: (onClick: any) => any;
|
|
14
14
|
direction?: 'ltr' | 'rtl';
|
|
15
|
+
rows?: number;
|
|
16
|
+
navigationColor?: Color;
|
|
15
17
|
}
|
|
18
|
+
type Color = 'primary' | 'secondary' | 'tertiary' | "info" | 'success' | 'warning' | 'danger' | 'purple' | 'control';
|
|
19
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { CalendarProps } from "../../modules/calendar/calendar.props";
|
|
3
3
|
/**
|
|
4
4
|
* Primary UI component for user interaction
|
|
5
5
|
*/
|
|
6
|
-
export declare const Calendar: ({ ...props }: CalendarProps) => JSX.Element;
|
|
6
|
+
export declare const Calendar: ({ ...props }: CalendarProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ComponentMeta, ComponentStory } from "@storybook/react";
|
|
3
3
|
import { CalendarProps } from "../../modules/calendar/calendar.props";
|
|
4
|
-
declare const _default: ComponentMeta<({ ...props }: CalendarProps) => JSX.Element>;
|
|
4
|
+
declare const _default: ComponentMeta<({ ...props }: CalendarProps) => React.JSX.Element>;
|
|
5
5
|
export default _default;
|
|
6
|
-
export declare const Default: ComponentStory<({ ...props }: CalendarProps) => JSX.Element>;
|
|
6
|
+
export declare const Default: ComponentStory<({ ...props }: CalendarProps) => React.JSX.Element>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { SliderProps } from "../../modules/slider/slider.props";
|
|
3
3
|
/**
|
|
4
4
|
* Primary UI component for user interaction
|
|
5
5
|
*/
|
|
6
|
-
export declare const Slider: ({ ...props }: SliderProps) => JSX.Element;
|
|
6
|
+
export declare const Slider: ({ ...props }: SliderProps) => React.JSX.Element;
|
|
@@ -7,10 +7,16 @@ import CustomSlider from '../../modules/slider';
|
|
|
7
7
|
export var Slider = function (_a) {
|
|
8
8
|
var props = __rest(_a, []);
|
|
9
9
|
return (React.createElement(CustomSlider, __assign({}, props),
|
|
10
|
-
React.createElement("div", { className: '
|
|
11
|
-
React.createElement("div", { className: '
|
|
12
|
-
React.createElement("div", { className: '
|
|
13
|
-
React.createElement("div", { className: '
|
|
14
|
-
React.createElement("div", { className: '
|
|
10
|
+
React.createElement("div", { className: 'h-40 bg-secondary justify-center items-center flex text-d-xl text-control-50' }, "1"),
|
|
11
|
+
React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "2"),
|
|
12
|
+
React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "3"),
|
|
13
|
+
React.createElement("div", { className: 'h-40 bg-info-900 justify-center items-center flex text-d-xl text-control-50' }, "4"),
|
|
14
|
+
React.createElement("div", { className: 'h-40 bg-tertiary justify-center items-center flex text-d-xl text-control-50' }, "5"),
|
|
15
|
+
React.createElement("div", { className: 'h-40 bg-danger-dark justify-center items-center flex text-d-xl text-control-50' }, "6"),
|
|
16
|
+
React.createElement("div", { className: 'h-40 bg-purple-dark justify-center items-center flex text-d-xl text-control-50' }, "7"),
|
|
17
|
+
React.createElement("div", { className: 'h-40 bg-success-900 justify-center items-center flex text-d-xl text-control-50' }, "8"),
|
|
18
|
+
React.createElement("div", { className: 'h-40 bg-success-200 justify-center items-center flex text-d-xl text-control-50' }, "9"),
|
|
19
|
+
React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "10"),
|
|
20
|
+
React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "11")));
|
|
15
21
|
};
|
|
16
22
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAG/C;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAuB;QAAnB,KAAK,cAAT,EAAU,CAAD;IAC9B,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,6BAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAG/C;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAuB;QAAnB,KAAK,cAAT,EAAU,CAAD;IAC9B,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,6BAAK,SAAS,EAAE,8EAA8E,QAExF;QACN,6BAAK,SAAS,EAAE,0EAA0E,QAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,QAEzF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,0EAA0E,SAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,SAEzF,CACO,CAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ComponentMeta, ComponentStory } from "@storybook/react";
|
|
3
3
|
import { SliderProps } from "../../modules/slider/slider.props";
|
|
4
|
-
declare const _default: ComponentMeta<({ ...props }: SliderProps) => JSX.Element>;
|
|
4
|
+
declare const _default: ComponentMeta<({ ...props }: SliderProps) => React.JSX.Element>;
|
|
5
5
|
export default _default;
|
|
6
|
-
export declare const Default: ComponentStory<({ ...props }: SliderProps) => JSX.Element>;
|
|
6
|
+
export declare const Default: ComponentStory<({ ...props }: SliderProps) => React.JSX.Element>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
export declare const Wrapper: ({ title, children, className, titleColor }: {
|
|
3
3
|
title: string;
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string | undefined;
|
|
6
6
|
titleColor?: string | undefined;
|
|
7
|
-
}) => JSX.Element;
|
|
7
|
+
}) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pezeshk-book/modules",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"types": "./dist/index.d.ts",
|
|
5
5
|
"main": "./dist/index.ts",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"autoprefixer": "^10.4.13",
|
|
29
29
|
"postcss": "^8.4.20",
|
|
30
30
|
"tailwindcss": "^3.2.4",
|
|
31
|
-
"@pezeshk-book/ui-kit": "^0.
|
|
31
|
+
"@pezeshk-book/ui-kit": "^0.3.1",
|
|
32
32
|
"react-date-object": "^2.1.7"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|