@pezeshk-book/modules 0.2.6 → 0.2.8
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/calendar/calendar.tsx +2 -0
- package/countdown-timer/countdown.tsx +1 -0
- package/data-table/data-table.tsx +2 -0
- package/dist/calendar/calendar.js +42 -39
- package/dist/calendar/calendar.js.map +1 -1
- package/dist/calendar/calendar.props.js +2 -1
- package/dist/calendar/config/chunk.js +5 -1
- package/dist/calendar/config/chunk.js.map +1 -1
- package/dist/calendar/config/create-date-range.js +9 -6
- package/dist/calendar/config/create-date-range.js.map +1 -1
- package/dist/calendar/config/days-in-month.en.js +20 -16
- package/dist/calendar/config/days-in-month.en.js.map +1 -1
- package/dist/calendar/config/days-in-month.fa.js +20 -16
- package/dist/calendar/config/days-in-month.fa.js.map +1 -1
- package/dist/calendar/config/index.js +12 -5
- package/dist/calendar/config/index.js.map +1 -1
- package/dist/calendar/config/months.js +5 -2
- package/dist/calendar/config/months.js.map +1 -1
- package/dist/calendar/config/week-day.js +6 -2
- package/dist/calendar/config/week-day.js.map +1 -1
- package/dist/calendar/icons/arrow-left-icon.js +6 -4
- package/dist/calendar/icons/arrow-left-icon.js.map +1 -1
- package/dist/calendar/icons/arrow-right-icon.js +6 -4
- package/dist/calendar/icons/arrow-right-icon.js.map +1 -1
- package/dist/calendar/icons/index.js +8 -3
- package/dist/calendar/icons/index.js.map +1 -1
- package/dist/calendar/index.js +5 -2
- package/dist/calendar/index.js.map +1 -1
- package/dist/calendar/shared/formatDate.js +10 -6
- package/dist/calendar/shared/formatDate.js.map +1 -1
- package/dist/calendar/sub-components/day/day.js +11 -7
- package/dist/calendar/sub-components/day/day.js.map +1 -1
- package/dist/calendar/sub-components/day/day.props.js +2 -1
- package/dist/calendar/sub-components/days/days.js +19 -17
- package/dist/calendar/sub-components/days/days.js.map +1 -1
- package/dist/calendar/sub-components/days/days.props.js +2 -1
- package/dist/calendar/sub-components/days-head/days-head.js +21 -19
- package/dist/calendar/sub-components/days-head/days-head.js.map +1 -1
- package/dist/calendar/sub-components/days-head/days-head.props.js +2 -1
- package/dist/countdown-timer/countdown.js +17 -15
- package/dist/countdown-timer/countdown.js.map +1 -1
- package/dist/countdown-timer/countdown.props.js +2 -1
- package/dist/countdown-timer/index.js +5 -2
- package/dist/countdown-timer/index.js.map +1 -1
- package/dist/data-table/data-table.js +10 -7
- package/dist/data-table/data-table.js.map +1 -1
- package/dist/data-table/data-table.props.js +2 -1
- package/dist/data-table/default/default-data-table.js +48 -46
- package/dist/data-table/default/default-data-table.js.map +1 -1
- package/dist/data-table/default/default-data-table.props.js +2 -1
- package/dist/data-table/default/index.js +5 -2
- package/dist/data-table/default/index.js.map +1 -1
- package/dist/data-table/hooks/use-window-dimensions.js +9 -7
- package/dist/data-table/hooks/use-window-dimensions.js.map +1 -1
- package/dist/data-table/icons/add.js +6 -4
- package/dist/data-table/icons/add.js.map +1 -1
- package/dist/data-table/icons/arrow-down.js +6 -4
- package/dist/data-table/icons/arrow-down.js.map +1 -1
- package/dist/data-table/icons/index.js +10 -4
- package/dist/data-table/icons/index.js.map +1 -1
- package/dist/data-table/icons/sort.js +6 -4
- package/dist/data-table/icons/sort.js.map +1 -1
- package/dist/data-table/index.js +5 -2
- package/dist/data-table/index.js.map +1 -1
- package/dist/data-table/simple/index.js +5 -2
- package/dist/data-table/simple/index.js.map +1 -1
- package/dist/data-table/simple/simple-data-table.js +34 -32
- package/dist/data-table/simple/simple-data-table.js.map +1 -1
- package/dist/data-table/simple/simple-data-table.props.js +2 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +14 -6
- package/dist/index.js.map +1 -1
- package/dist/pagination/icons/arrow-Right.js +6 -4
- package/dist/pagination/icons/arrow-Right.js.map +1 -1
- package/dist/pagination/icons/arrow-left.js +6 -4
- package/dist/pagination/icons/arrow-left.js.map +1 -1
- package/dist/pagination/icons/index.js +8 -3
- package/dist/pagination/icons/index.js.map +1 -1
- package/dist/pagination/index.js +5 -2
- package/dist/pagination/index.js.map +1 -1
- package/dist/pagination/pagination.js +19 -14
- package/dist/pagination/pagination.js.map +1 -1
- package/dist/pagination/pagination.props.js +2 -1
- package/dist/pagination/use-pagination.js +3 -1
- package/dist/pagination/use-pagination.js.map +1 -1
- package/dist/slider/index.js +5 -2
- package/dist/slider/index.js.map +1 -1
- package/dist/slider/slider.js +32 -29
- package/dist/slider/slider.js.map +1 -1
- package/dist/slider/slider.props.js +2 -1
- package/dist/utils/class-names.js +3 -1
- package/dist/utils/class-names.js.map +1 -1
- package/dist/utils/persian-to-english-number.js +5 -1
- package/dist/utils/persian-to-english-number.js.map +1 -1
- package/index.ts +5 -5
- package/package.json +1 -1
- package/pagination/pagination.tsx +2 -0
- package/slider/slider.tsx +2 -0
- package/dist/stories/calendar/calendar.d.ts +0 -5
- package/dist/stories/calendar/calendar.js +0 -11
- package/dist/stories/calendar/calendar.js.map +0 -1
- package/dist/stories/calendar/calendar.stories.d.ts +0 -6
- package/dist/stories/calendar/calendar.stories.js +0 -20
- package/dist/stories/calendar/calendar.stories.js.map +0 -1
- package/dist/stories/count-down/count-down.d.ts +0 -5
- package/dist/stories/count-down/count-down.js +0 -11
- package/dist/stories/count-down/count-down.js.map +0 -1
- package/dist/stories/count-down/count-down.stories.d.ts +0 -6
- package/dist/stories/count-down/count-down.stories.js +0 -15
- package/dist/stories/count-down/count-down.stories.js.map +0 -1
- package/dist/stories/data-table/data-table-columns.d.ts +0 -12
- package/dist/stories/data-table/data-table-columns.js +0 -70
- package/dist/stories/data-table/data-table-columns.js.map +0 -1
- package/dist/stories/data-table/default-data-table.d.ts +0 -7
- package/dist/stories/data-table/default-data-table.js +0 -12
- package/dist/stories/data-table/default-data-table.js.map +0 -1
- package/dist/stories/data-table/default-data-table.stories.d.ts +0 -6
- package/dist/stories/data-table/default-data-table.stories.js +0 -18
- package/dist/stories/data-table/default-data-table.stories.js.map +0 -1
- package/dist/stories/data-table/dummy-data.d.ts +0 -11
- package/dist/stories/data-table/dummy-data.js +0 -204
- package/dist/stories/data-table/dummy-data.js.map +0 -1
- package/dist/stories/data-table/simple-data-table.d.ts +0 -7
- package/dist/stories/data-table/simple-data-table.js +0 -12
- package/dist/stories/data-table/simple-data-table.js.map +0 -1
- package/dist/stories/data-table/simple-data-table.stories.d.ts +0 -6
- package/dist/stories/data-table/simple-data-table.stories.js +0 -18
- package/dist/stories/data-table/simple-data-table.stories.js.map +0 -1
- package/dist/stories/pagination/pagination.d.ts +0 -5
- package/dist/stories/pagination/pagination.js +0 -11
- package/dist/stories/pagination/pagination.js.map +0 -1
- package/dist/stories/pagination/pagination.stories.d.ts +0 -6
- package/dist/stories/pagination/pagination.stories.js +0 -23
- package/dist/stories/pagination/pagination.stories.js.map +0 -1
- package/dist/stories/slider/slider.d.ts +0 -5
- package/dist/stories/slider/slider.js +0 -11
- package/dist/stories/slider/slider.js.map +0 -1
- package/dist/stories/slider/slider.stories.d.ts +0 -6
- package/dist/stories/slider/slider.stories.js +0 -15
- package/dist/stories/slider/slider.stories.js.map +0 -1
- package/dist/stories/wrapper.d.ts +0 -7
- package/dist/stories/wrapper.js +0 -8
- package/dist/stories/wrapper.js.map +0 -1
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var react_table_1 = require("@tanstack/react-table");
|
|
7
|
+
var use_window_dimensions_1 = tslib_1.__importDefault(require("../hooks/use-window-dimensions"));
|
|
8
|
+
var ui_kit_1 = require("@pezeshk-book/ui-kit");
|
|
9
|
+
var icons_1 = require("../icons");
|
|
8
10
|
var fillArray = function (n) { return Array.from({ length: n + 1 }, function (_, i) { return i; }); };
|
|
9
11
|
var SimpleDataTable = function (_a) {
|
|
10
12
|
var header = _a.header, data = _a.data, column = _a.column, mobileColumns = _a.mobileColumns, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, updateData = _a.updateData, select = _a.select, selectedRows = _a.selectedRows, _c = _a.expandAll, expandAll = _c === void 0 ? false : _c, _d = _a.visitedRows, visitedRows = _d === void 0 ? [] : _d;
|
|
11
|
-
var _e = useState({}), rowSelection = _e[0], setRowSelection = _e[1];
|
|
12
|
-
var _f = useState({}), columnVisibility = _f[0], setColumnVisibility = _f[1];
|
|
13
|
-
var _g = useState([]), rowExpander = _g[0], setRowExpander = _g[1];
|
|
14
|
-
var dimensions =
|
|
13
|
+
var _e = (0, react_1.useState)({}), rowSelection = _e[0], setRowSelection = _e[1];
|
|
14
|
+
var _f = (0, react_1.useState)({}), columnVisibility = _f[0], setColumnVisibility = _f[1];
|
|
15
|
+
var _g = (0, react_1.useState)([]), rowExpander = _g[0], setRowExpander = _g[1];
|
|
16
|
+
var dimensions = (0, use_window_dimensions_1["default"])();
|
|
15
17
|
var handleMobileExpander = function (row) {
|
|
16
18
|
if (rowExpander.indexOf(row.index) === -1) {
|
|
17
|
-
setRowExpander(__spreadArray(__spreadArray([], rowExpander, true), [row.index], false));
|
|
19
|
+
setRowExpander(tslib_1.__spreadArray(tslib_1.__spreadArray([], rowExpander, true), [row.index], false));
|
|
18
20
|
}
|
|
19
21
|
else {
|
|
20
22
|
setRowExpander(function (value) { return value.filter(function (item) { return item !== row.index; }); });
|
|
21
23
|
}
|
|
22
24
|
};
|
|
23
|
-
var columns = __spreadArray([
|
|
25
|
+
var columns = tslib_1.__spreadArray([
|
|
24
26
|
{
|
|
25
27
|
id: 'mobileExpander',
|
|
26
28
|
accessorKey: 'mobileExpander',
|
|
27
29
|
header: function () { return null; },
|
|
28
30
|
cell: function (_a) {
|
|
29
31
|
var row = _a.row;
|
|
30
|
-
return (
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(ui_kit_1.Button, { onClick: function () { return handleMobileExpander(row); }, startAdornment: (0, jsx_runtime_1.jsx)(icons_1.AddIcon, { className: (0, ui_kit_1.classNames)('absolute transition-all duration-500', rowExpander.indexOf(row.index) !== -1 ? 'rotate-[225deg]' : '') }), variant: 'text', size: 'tiny', className: '!p-0' }));
|
|
31
33
|
},
|
|
32
34
|
enableSorting: false
|
|
33
35
|
},
|
|
@@ -36,19 +38,19 @@ var SimpleDataTable = function (_a) {
|
|
|
36
38
|
accessorKey: 'select',
|
|
37
39
|
header: function (_a) {
|
|
38
40
|
var table = _a.table;
|
|
39
|
-
return select ? (
|
|
41
|
+
return select ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Checkbox, { size: 'small', indeterminate: table.getIsSomeRowsSelected(), checked: table.getIsAllRowsSelected(), onChange: table.getToggleAllRowsSelectedHandler() })) : null;
|
|
40
42
|
},
|
|
41
43
|
cell: function (_a) {
|
|
42
44
|
var row = _a.row;
|
|
43
|
-
return row.getCanSelect() && select ? (
|
|
45
|
+
return row.getCanSelect() && select ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Checkbox, { size: 'small', onChange: row.getToggleSelectedHandler(), checked: row.getIsSelected() })) : null;
|
|
44
46
|
},
|
|
45
47
|
enableSorting: false
|
|
46
48
|
}
|
|
47
49
|
], column, true);
|
|
48
|
-
var table = useReactTable({
|
|
50
|
+
var table = (0, react_table_1.useReactTable)({
|
|
49
51
|
data: data,
|
|
50
52
|
columns: columns,
|
|
51
|
-
getCoreRowModel: getCoreRowModel(),
|
|
53
|
+
getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
|
|
52
54
|
state: {
|
|
53
55
|
columnVisibility: columnVisibility,
|
|
54
56
|
rowSelection: rowSelection
|
|
@@ -63,14 +65,14 @@ var SimpleDataTable = function (_a) {
|
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
});
|
|
66
|
-
useEffect(function () {
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
67
69
|
if (selectedRows) {
|
|
68
70
|
selectedRows(table.getSelectedRowModel().rows.map(function (row) {
|
|
69
71
|
return row.original;
|
|
70
72
|
}));
|
|
71
73
|
}
|
|
72
74
|
}, [rowSelection]);
|
|
73
|
-
useEffect(function () {
|
|
75
|
+
(0, react_1.useEffect)(function () {
|
|
74
76
|
var obj = {};
|
|
75
77
|
if (dimensions.width < 640) {
|
|
76
78
|
columns.forEach(function (value) {
|
|
@@ -78,7 +80,7 @@ var SimpleDataTable = function (_a) {
|
|
|
78
80
|
obj[value.id] = mobileColumns === null || mobileColumns === void 0 ? void 0 : mobileColumns.includes(value.id);
|
|
79
81
|
}
|
|
80
82
|
});
|
|
81
|
-
setColumnVisibility(__assign(__assign({}, obj), { mobileExpander: true, select: select }));
|
|
83
|
+
setColumnVisibility(tslib_1.__assign(tslib_1.__assign({}, obj), { mobileExpander: true, select: select }));
|
|
82
84
|
}
|
|
83
85
|
else {
|
|
84
86
|
columns.forEach(function (value) {
|
|
@@ -86,10 +88,10 @@ var SimpleDataTable = function (_a) {
|
|
|
86
88
|
obj[value.id] = true;
|
|
87
89
|
}
|
|
88
90
|
});
|
|
89
|
-
setColumnVisibility(__assign(__assign({}, obj), { mobileExpander: false, select: select }));
|
|
91
|
+
setColumnVisibility(tslib_1.__assign(tslib_1.__assign({}, obj), { mobileExpander: false, select: select }));
|
|
90
92
|
}
|
|
91
93
|
}, [dimensions.width]);
|
|
92
|
-
useEffect(function () {
|
|
94
|
+
(0, react_1.useEffect)(function () {
|
|
93
95
|
if (expandAll && dimensions.width < 640) {
|
|
94
96
|
setRowExpander(fillArray(data.length));
|
|
95
97
|
}
|
|
@@ -97,20 +99,20 @@ var SimpleDataTable = function (_a) {
|
|
|
97
99
|
setRowExpander([]);
|
|
98
100
|
}
|
|
99
101
|
}, [expandAll, dimensions.width]);
|
|
100
|
-
return (
|
|
102
|
+
return ((0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'w-full flex-col relative' }, { children: [isLoading && data.length > 0 ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'absolute bg-control bg-opacity-25 w-full h-full items-center justify-center z-50 rounded-xl' }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.LoadingIndicator, { size: 'huge', color: 'control' }) }))) : null, (0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'bg-white border w-full border-control-300 border-opacity-50 p-2 rounded-xl max-w-full flex-col relative' }, { children: (0, jsx_runtime_1.jsxs)("table", tslib_1.__assign({ className: 'w-full table-auto' }, { children: [(0, jsx_runtime_1.jsx)("thead", tslib_1.__assign({ className: 'bg-control-50 h-14 sticky top-0 z-10' }, { children: table.getHeaderGroups().map(function (headerGroup) { return ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map(function (header) { return ((0, jsx_runtime_1.jsx)("th", tslib_1.__assign({ className: 'hover:cursor-pointer' }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'justify-center items-center gap-1' }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Text, tslib_1.__assign({ color: 'grey.800', typography: 'sm', type: 'bold' }, { children: header.isPlaceholder
|
|
101
103
|
? null
|
|
102
|
-
: flexRender(header.column.columnDef.header, header.getContext()) })) })) }), header.id)); }) }, headerGroup.id)); }) })), isLoading && !data.length ? (
|
|
103
|
-
return (
|
|
104
|
-
}) }), "loadingItem_".concat(index))); }) })) : !isLoading && !data.length ? (
|
|
105
|
-
return (
|
|
106
|
-
return (
|
|
107
|
-
}) })), rowExpander.indexOf(row.index) !== -1 && (
|
|
104
|
+
: (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) })) })) }), header.id)); }) }, headerGroup.id)); }) })), isLoading && !data.length ? ((0, jsx_runtime_1.jsx)("tbody", { children: tslib_1.__spreadArray([], new Array(5), true).map(function (_, index) { return ((0, jsx_runtime_1.jsx)("tr", tslib_1.__assign({ className: 'h-16' }, { children: table.getFlatHeaders().map(function (cell) {
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)("td", tslib_1.__assign({ className: 'px-1' }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Skeleton, { color: 'control', className: '!max-w-full !min-w-full' }) }), cell.id));
|
|
106
|
+
}) }), "loadingItem_".concat(index))); }) })) : !isLoading && !data.length ? ((0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)("tr", tslib_1.__assign({ className: 'h-48' }, { children: (0, jsx_runtime_1.jsx)("td", tslib_1.__assign({ colSpan: table.getFlatHeaders().length }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Text, tslib_1.__assign({ typography: 'lg', type: 'bold' }, { children: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F!" })) })) })) })) : ((0, jsx_runtime_1.jsx)("tbody", { children: table.getRowModel().rows.map(function (row) {
|
|
107
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", tslib_1.__assign({ className: (0, ui_kit_1.classNames)('h-16 hover:bg-primary-50', row.getIsSelected() && 'bg-slate-200', (visitedRows === null || visitedRows === void 0 ? void 0 : visitedRows.indexOf(row.index)) !== -1 ? 'bg-slate-300' : '') }, { children: row.getVisibleCells().map(function (cell) {
|
|
108
|
+
return ((0, jsx_runtime_1.jsx)("td", tslib_1.__assign({ className: 'px-1' }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Skeleton, { color: 'control', className: '!max-w-full !min-w-full' })) : (0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex-col items-center' }, { children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) })) }), cell.id));
|
|
109
|
+
}) })), rowExpander.indexOf(row.index) !== -1 && ((0, jsx_runtime_1.jsx)("tr", tslib_1.__assign({ className: (0, ui_kit_1.classNames)('bg-primary-50') }, { children: (0, jsx_runtime_1.jsx)("td", tslib_1.__assign({ colSpan: row.getVisibleCells().length }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex-col' }, { children: row.getAllCells().map(function (mobileCell) {
|
|
108
110
|
if (mobileCell.column.getIsVisible() || mobileCell.column.id === 'expander') {
|
|
109
111
|
return null;
|
|
110
112
|
}
|
|
111
|
-
return (
|
|
113
|
+
return ((0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'gap-2 p-2 items-start' }, { children: [(0, jsx_runtime_1.jsxs)(ui_kit_1.Text, tslib_1.__assign({ typography: 'sm', type: 'bold' }, { children: [header[mobileCell.column.id], ":"] })), (0, react_table_1.flexRender)(mobileCell.column.columnDef.cell, mobileCell.getContext())] }), mobileCell.id));
|
|
112
114
|
}) })) })) })))] }, row.id));
|
|
113
115
|
}) }))] })) }))] })));
|
|
114
116
|
};
|
|
115
|
-
|
|
117
|
+
exports["default"] = SimpleDataTable;
|
|
116
118
|
//# sourceMappingURL=simple-data-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-data-table.js","sourceRoot":"","sources":["../../../data-table/simple/simple-data-table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"simple-data-table.js","sourceRoot":"","sources":["../../../data-table/simple/simple-data-table.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Slider from './slider';
|
|
2
|
-
import Calendar from './calendar';
|
|
3
|
-
import Pagination from './pagination';
|
|
4
|
-
import CountDown from './countdown-timer';
|
|
5
|
-
import DataTable from './data-table';
|
|
1
|
+
import Slider from './slider/slider';
|
|
2
|
+
import Calendar from './calendar/calendar';
|
|
3
|
+
import Pagination from './pagination/pagination';
|
|
4
|
+
import CountDown from './countdown-timer/countdown';
|
|
5
|
+
import DataTable from './data-table/data-table';
|
|
6
6
|
export { Slider, Calendar, Pagination, CountDown, DataTable, };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.DataTable = exports.CountDown = exports.Pagination = exports.Calendar = exports.Slider = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var slider_1 = tslib_1.__importDefault(require("./slider/slider"));
|
|
6
|
+
exports.Slider = slider_1["default"];
|
|
7
|
+
var calendar_1 = tslib_1.__importDefault(require("./calendar/calendar"));
|
|
8
|
+
exports.Calendar = calendar_1["default"];
|
|
9
|
+
var pagination_1 = tslib_1.__importDefault(require("./pagination/pagination"));
|
|
10
|
+
exports.Pagination = pagination_1["default"];
|
|
11
|
+
var countdown_1 = tslib_1.__importDefault(require("./countdown-timer/countdown"));
|
|
12
|
+
exports.CountDown = countdown_1["default"];
|
|
13
|
+
var data_table_1 = tslib_1.__importDefault(require("./data-table/data-table"));
|
|
14
|
+
exports.DataTable = data_table_1["default"];
|
|
7
15
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;AAAA,mEAAqC;AAOnC,iBAPK,mBAAM,CAOL;AANR,yEAA2C;AAOzC,mBAPK,qBAAQ,CAOL;AANV,+EAAiD;AAO/C,qBAPK,uBAAU,CAOL;AANZ,kFAAoD;AAOlD,oBAPK,sBAAS,CAOL;AANX,+EAAgD;AAO9C,oBAPK,uBAAS,CAOL"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
3
5
|
var ArrowRight = function (_a) {
|
|
4
6
|
var _b = _a.fill, fill = _b === void 0 ? 'none' : _b, _c = _a.className, className = _c === void 0 ? 'h-3 w-3' : _c;
|
|
5
|
-
return (
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", width: "256", height: "256", viewBox: "0 0 256 256", fill: fill, className: className }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', strokeMiterlimit: "10", strokeWidth: "0", d: "M24.64 90L20.36 85.72 61.08 45 20.36 4.28 24.64 0 69.64 45z", transform: "matrix(2.81 0 0 2.81 1.407 1.407)" }) })));
|
|
6
8
|
};
|
|
7
|
-
|
|
9
|
+
exports["default"] = ArrowRight;
|
|
8
10
|
//# sourceMappingURL=arrow-Right.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-Right.js","sourceRoot":"","sources":["../../../pagination/icons/arrow-Right.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"arrow-Right.js","sourceRoot":"","sources":["../../../pagination/icons/arrow-Right.tsx"],"names":[],"mappings":";;;;AAAA,IAAM,UAAU,GAAG,UAAC,EAA6E;QAA3E,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IACxD,OAAO,CACL,iDACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,gBAEpB,iCACE,IAAI,EAAE,cAAc,EACpB,gBAAgB,EAAC,IAAI,EACrB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,6DAA6D,EAC/D,SAAS,EAAC,mCAAmC,GAC7C,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
3
5
|
var ArrowLeft = function (_a) {
|
|
4
6
|
var _b = _a.fill, fill = _b === void 0 ? 'none' : _b, _c = _a.className, className = _c === void 0 ? 'h-3 w-3' : _c;
|
|
5
|
-
return (
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", width: "256", height: "256", viewBox: "0 0 256 256", className: className, fill: fill }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', strokeMiterlimit: "10", strokeWidth: "0", d: "M65.36 0L69.64 4.28 28.92 45 69.64 85.72 65.36 90 20.36 45z", transform: "matrix(2.81 0 0 2.81 1.407 1.407)" }) })));
|
|
6
8
|
};
|
|
7
|
-
|
|
9
|
+
exports["default"] = ArrowLeft;
|
|
8
10
|
//# sourceMappingURL=arrow-left.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-left.js","sourceRoot":"","sources":["../../../pagination/icons/arrow-left.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"arrow-left.js","sourceRoot":"","sources":["../../../pagination/icons/arrow-left.tsx"],"names":[],"mappings":";;;;AAAA,IAAM,SAAS,GAAG,UAAC,EAA6E;QAA3E,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IACvD,OAAO,CACL,iDACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,gBAEV,iCACE,IAAI,EAAE,cAAc,EACpB,gBAAgB,EAAC,IAAI,EACrB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,6DAA6D,EAC/D,SAAS,EAAC,mCAAmC,GAC7C,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,SAAS,CAAC"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.ArrowLeft = exports.ArrowRight = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var arrow_left_1 = tslib_1.__importDefault(require("./arrow-left"));
|
|
6
|
+
exports.ArrowLeft = arrow_left_1["default"];
|
|
7
|
+
var arrow_Right_1 = tslib_1.__importDefault(require("./arrow-Right"));
|
|
8
|
+
exports.ArrowRight = arrow_Right_1["default"];
|
|
4
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pagination/icons/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pagination/icons/index.ts"],"names":[],"mappings":";;;;AAAA,oEAAqC;AAKnC,oBALK,uBAAS,CAKL;AAJX,sEAAuC;AAGrC,qBAHK,wBAAU,CAGL"}
|
package/dist/pagination/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var pagination_1 = tslib_1.__importDefault(require("./pagination"));
|
|
5
|
+
exports["default"] = pagination_1["default"];
|
|
3
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../pagination/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../pagination/index.ts"],"names":[],"mappings":";;;AAAA,oEAAsC;AAEtC,qBAAe,uBAAU,CAAC"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.Pagination = void 0;
|
|
5
|
+
var tslib_1 = require("tslib");
|
|
6
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var ui_kit_1 = require("@pezeshk-book/ui-kit");
|
|
9
|
+
var icons_1 = require("./icons");
|
|
10
|
+
var use_pagination_1 = tslib_1.__importDefault(require("./use-pagination"));
|
|
7
11
|
var Limits = [
|
|
8
12
|
{
|
|
9
13
|
id: '10',
|
|
@@ -26,11 +30,11 @@ var Limits = [
|
|
|
26
30
|
count: 100
|
|
27
31
|
},
|
|
28
32
|
];
|
|
29
|
-
|
|
33
|
+
var Pagination = function (_a) {
|
|
30
34
|
var isLoading = _a.isLoading, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, lastPage = _a.lastPage, getCurrentPage = _a.getCurrentPage, previousPage = _a.previousPage, nextPage = _a.nextPage, _c = _a.perPage, perPage = _c === void 0 ? 10 : _c, _d = _a.total, total = _d === void 0 ? 0 : _d, getLimit = _a.getLimit, _e = _a.hasLimit, hasLimit = _e === void 0 ? true : _e, _f = _a.showTotal, showTotal = _f === void 0 ? true : _f, _g = _a.color, color = _g === void 0 ? 'control' : _g, _h = _a.variant, variant = _h === void 0 ? 'outlined' : _h, _j = _a.rounded, rounded = _j === void 0 ? 'medium' : _j, _k = _a.type, type = _k === void 0 ? 'default' : _k;
|
|
31
|
-
var pageNumbers =
|
|
32
|
-
var _l = useState(perPage.toString()), limit = _l[0], setLimit = _l[1];
|
|
33
|
-
useEffect(function () {
|
|
35
|
+
var pageNumbers = (0, use_pagination_1["default"])(currentPage, lastPage, type);
|
|
36
|
+
var _l = (0, react_1.useState)(perPage.toString()), limit = _l[0], setLimit = _l[1];
|
|
37
|
+
(0, react_1.useEffect)(function () {
|
|
34
38
|
var position = Limits.find(function (value) {
|
|
35
39
|
return perPage <= value.count;
|
|
36
40
|
});
|
|
@@ -42,9 +46,10 @@ export var Pagination = function (_a) {
|
|
|
42
46
|
getLimit(event);
|
|
43
47
|
}
|
|
44
48
|
};
|
|
45
|
-
return (
|
|
46
|
-
return (
|
|
47
|
-
}) : null,
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex-col-reverse sm:flex-row w-full justify-between items-center gap-y-2 px-4' }, { children: [(0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex justify-start items-center' }, { children: (0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'items-center gap-6 justify-start md:absolute' }, { children: [showTotal ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Text, tslib_1.__assign({ color: 'grey.500', className: 'text-ellipsis whitespace-nowrap' }, { children: "\u0646\u0645\u0627\u06CC\u0634 ".concat((currentPage - 1) * parseInt(limit) + 1, " \u062A\u0627 ").concat(lastPage === currentPage ? total : parseInt(limit) * currentPage, " \u0627\u0632 ").concat(total) }))) : null, hasLimit ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'w-20' }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Select, { disabled: isLoading, id: 'id', size: 'small', value: limit, onChange: limitHandler, text: 'count', optionsList: Limits, variant: 'outlined', color: 'control' }) }))) : null] })) })), (0, jsx_runtime_1.jsxs)("ul", tslib_1.__assign({ dir: 'ltr', className: 'flex flex-row gap-x-0.5 md:gap-x-2 items-center md:justify-start justify-center' }, { children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Button, tslib_1.__assign({ disabled: currentPage === 1 || isLoading, variant: variant, shape: 'square', size: 'small', onClick: previousPage, ariaLabel: 'previousPage', loading: isLoading, color: color, rounded: rounded, className: '!px-0' }, { children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLeft, {}) })) }), type === 'default' ? pageNumbers.map(function (number) {
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Button, tslib_1.__assign({ disabled: number === currentPage || number === '...' || isLoading, variant: variant, shape: 'square', rounded: rounded, size: 'small', color: color, className: '!px-0', ariaLabel: number.toString(), onClick: function () { return getCurrentPage(+number); } }, { children: number })) }, "pagination_".concat(number)));
|
|
51
|
+
}) : null, (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Button, tslib_1.__assign({ disabled: lastPage === currentPage || isLoading, variant: variant, shape: 'square', size: 'small', rounded: rounded, onClick: nextPage, ariaLabel: 'nextPage', loading: isLoading, color: color, className: '!px-0' }, { children: (0, jsx_runtime_1.jsx)(icons_1.ArrowRight, {}) })) }), type === 'simple' ? ((0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'gap-2' }, { children: [(0, jsx_runtime_1.jsxs)(ui_kit_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: [currentPage, " / ", lastPage] })), (0, jsx_runtime_1.jsx)(ui_kit_1.Text, tslib_1.__assign({ typography: 'sm' }, { children: "\u0635\u0641\u062D\u0647" }))] }))) : null] }))] })));
|
|
48
52
|
};
|
|
49
|
-
|
|
53
|
+
exports.Pagination = Pagination;
|
|
54
|
+
exports["default"] = exports.Pagination;
|
|
50
55
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../pagination/pagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../pagination/pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
1
3
|
var usePagination = function (currentPage, lastPage, type) {
|
|
2
4
|
if (type === 'simple') {
|
|
3
5
|
return [];
|
|
@@ -42,5 +44,5 @@ var usePagination = function (currentPage, lastPage, type) {
|
|
|
42
44
|
}
|
|
43
45
|
}
|
|
44
46
|
};
|
|
45
|
-
|
|
47
|
+
exports["default"] = usePagination;
|
|
46
48
|
//# sourceMappingURL=use-pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-pagination.js","sourceRoot":"","sources":["../../pagination/use-pagination.ts"],"names":[],"mappings":"AAAA,IAAM,aAAa,GAAG,UAAC,WAAmB,EAAE,QAAgB,EAAE,IAA0B;IACtF,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAC;KACX;IACD,IAAI,SAAS,GAAG,MAAM,CAAC;IACvB,IAAI,QAAQ,GAAG,CAAC,EAAE;QAChB,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE;YACtB,SAAS,GAAG,WAAW,CAAC;SACzB;aAAM,IAAI,QAAQ,GAAG,WAAW,IAAI,CAAC,EAAE;YACtC,SAAS,GAAG,KAAK,CAAC;SACnB;aAAM,IAAI,WAAW,GAAG,CAAC,IAAI,QAAQ,GAAG,WAAW,GAAG,CAAC,EAAE;YACxD,SAAS,GAAG,QAAQ,CAAC;SACtB;KACF;IAED,IAAM,IAAI,GAA2B,EAAE,CAAC;IAExC,QAAQ,SAAS,EAAE;QACjB,KAAK,WAAW,CAAC,CAAC;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC3B,OAAO,IAAI,CAAC;SACb;QAED,KAAK,QAAQ,CAAC,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpF,OAAO,IAAI,CAAC;SACb;QAED,KAAK,KAAK,CAAC,CAAC;YACV,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;SACvB;QAED,OAAQ,CAAC,CAAC;YACR,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE;gBAClC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,OAAO,IAAI,CAAC;SACb;KACF;AACH,CAAC,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"use-pagination.js","sourceRoot":"","sources":["../../pagination/use-pagination.ts"],"names":[],"mappings":";;AAAA,IAAM,aAAa,GAAG,UAAC,WAAmB,EAAE,QAAgB,EAAE,IAA0B;IACtF,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAC;KACX;IACD,IAAI,SAAS,GAAG,MAAM,CAAC;IACvB,IAAI,QAAQ,GAAG,CAAC,EAAE;QAChB,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,EAAE;YACtB,SAAS,GAAG,WAAW,CAAC;SACzB;aAAM,IAAI,QAAQ,GAAG,WAAW,IAAI,CAAC,EAAE;YACtC,SAAS,GAAG,KAAK,CAAC;SACnB;aAAM,IAAI,WAAW,GAAG,CAAC,IAAI,QAAQ,GAAG,WAAW,GAAG,CAAC,EAAE;YACxD,SAAS,GAAG,QAAQ,CAAC;SACtB;KACF;IAED,IAAM,IAAI,GAA2B,EAAE,CAAC;IAExC,QAAQ,SAAS,EAAE;QACjB,KAAK,WAAW,CAAC,CAAC;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC3B,OAAO,IAAI,CAAC;SACb;QAED,KAAK,QAAQ,CAAC,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpF,OAAO,IAAI,CAAC;SACb;QAED,KAAK,KAAK,CAAC,CAAC;YACV,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC9C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;SACvB;QAED,OAAQ,CAAC,CAAC;YACR,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE;gBAClC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACd;YACD,OAAO,IAAI,CAAC;SACb;KACF;AACH,CAAC,CAAC;AAEF,qBAAe,aAAa,CAAC"}
|
package/dist/slider/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var slider_1 = tslib_1.__importDefault(require("./slider"));
|
|
5
|
+
exports["default"] = slider_1["default"];
|
|
3
6
|
//# sourceMappingURL=index.js.map
|
package/dist/slider/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../slider/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../slider/index.ts"],"names":[],"mappings":";;;AAAA,4DAA8B;AAE9B,qBAAe,mBAAM,CAAC"}
|
package/dist/slider/slider.js
CHANGED
|
@@ -1,32 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var ui_kit_1 = require("@pezeshk-book/ui-kit");
|
|
8
|
+
var class_names_1 = tslib_1.__importDefault(require("../utils/class-names"));
|
|
6
9
|
var Slider = function (_a) {
|
|
7
10
|
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 ? 'primary' : _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 ? 'primary' : _o, _p = _a.tabletSlides, tabletSlides = _p === void 0 ? 1 : _p, _q = _a.mobileSlides, mobileSlides = _q === void 0 ? 1 : _q, indicatorClassName = _a.indicatorClassName;
|
|
8
|
-
var _r = useState(1), showSlides = _r[0], setShowSlides = _r[1];
|
|
9
|
-
var _s =
|
|
10
|
-
var _t = useState(Math.round(children.length / rows)), length = _t[0], setLength = _t[1];
|
|
11
|
-
var _u = useState(true), transitionEnabled = _u[0], setTransitionEnabled = _u[1];
|
|
12
|
-
var _v = useState(null), touchPosition = _v[0], setTouchPosition = _v[1];
|
|
13
|
-
var _w = useState(false), pause = _w[0], setPause = _w[1];
|
|
14
|
-
var _x = useState([]), sliders = _x[0], setSliders = _x[1];
|
|
15
|
-
var timeoutRef =
|
|
16
|
-
var ref =
|
|
17
|
-
var dir =
|
|
11
|
+
var _r = (0, react_1.useState)(1), showSlides = _r[0], setShowSlides = _r[1];
|
|
12
|
+
var _s = react_1["default"].useState(0), currentIndex = _s[0], setCurrentIndex = _s[1];
|
|
13
|
+
var _t = (0, react_1.useState)(Math.round(children.length / rows)), length = _t[0], setLength = _t[1];
|
|
14
|
+
var _u = (0, react_1.useState)(true), transitionEnabled = _u[0], setTransitionEnabled = _u[1];
|
|
15
|
+
var _v = (0, react_1.useState)(null), touchPosition = _v[0], setTouchPosition = _v[1];
|
|
16
|
+
var _w = (0, react_1.useState)(false), pause = _w[0], setPause = _w[1];
|
|
17
|
+
var _x = (0, react_1.useState)([]), sliders = _x[0], setSliders = _x[1];
|
|
18
|
+
var timeoutRef = react_1["default"].useRef(null);
|
|
19
|
+
var ref = react_1["default"].useRef(null);
|
|
20
|
+
var dir = react_1["default"].useMemo(function () {
|
|
18
21
|
if (direction === 'rtl') {
|
|
19
22
|
return '+';
|
|
20
23
|
}
|
|
21
24
|
return '-';
|
|
22
25
|
}, [direction]);
|
|
23
|
-
var limit =
|
|
26
|
+
var limit = react_1["default"].useMemo(function () {
|
|
24
27
|
if (rows !== 1) {
|
|
25
28
|
return showSlides * rows >= children.length + 1;
|
|
26
29
|
}
|
|
27
30
|
return showSlides >= children.length;
|
|
28
31
|
}, [showSlides, rows, children]);
|
|
29
|
-
useEffect(function () {
|
|
32
|
+
(0, react_1.useEffect)(function () {
|
|
30
33
|
if (window && window.screen) {
|
|
31
34
|
if (window.screen.width > 1024) {
|
|
32
35
|
setShowSlides(slides);
|
|
@@ -39,7 +42,7 @@ var Slider = function (_a) {
|
|
|
39
42
|
}
|
|
40
43
|
}
|
|
41
44
|
}, [slides, tabletSlides, mobileSlides]);
|
|
42
|
-
useEffect(function () {
|
|
45
|
+
(0, react_1.useEffect)(function () {
|
|
43
46
|
var final = [];
|
|
44
47
|
for (var i = 0; i < length; i++) {
|
|
45
48
|
var output = [];
|
|
@@ -50,16 +53,16 @@ var Slider = function (_a) {
|
|
|
50
53
|
}
|
|
51
54
|
setSliders(final);
|
|
52
55
|
}, [children, length, rows]);
|
|
53
|
-
useEffect(function () {
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
54
57
|
setLength(Math.round(children.length / rows));
|
|
55
58
|
}, [children, infiniteLoop, showSlides]);
|
|
56
|
-
useEffect(function () {
|
|
59
|
+
(0, react_1.useEffect)(function () {
|
|
57
60
|
if (currentIndex === length - 1 || currentIndex === 0) {
|
|
58
61
|
setTransitionEnabled(true);
|
|
59
62
|
}
|
|
60
63
|
}, [currentIndex, showSlides, length]);
|
|
61
64
|
// @ts-ignore
|
|
62
|
-
useEffect(function () {
|
|
65
|
+
(0, react_1.useEffect)(function () {
|
|
63
66
|
if (!pause && autoMove) {
|
|
64
67
|
resetTimeout();
|
|
65
68
|
timeoutRef.current = setTimeout(function () { return next(); }, delay);
|
|
@@ -68,7 +71,7 @@ var Slider = function (_a) {
|
|
|
68
71
|
};
|
|
69
72
|
}
|
|
70
73
|
}, [currentIndex, delay, pause]);
|
|
71
|
-
useEffect(function () {
|
|
74
|
+
(0, react_1.useEffect)(function () {
|
|
72
75
|
if (ref.current) {
|
|
73
76
|
for (var _i = 0, _a = ref.current.children; _i < _a.length; _i++) {
|
|
74
77
|
var arg = _a[_i];
|
|
@@ -128,23 +131,23 @@ var Slider = function (_a) {
|
|
|
128
131
|
setPause(state);
|
|
129
132
|
}
|
|
130
133
|
};
|
|
131
|
-
return (
|
|
134
|
+
return ((0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ dir: direction, className: 'w-full flex-col', onMouseOver: function () { return handlePauseAutoMove(true); }, onMouseLeave: function () { return handlePauseAutoMove(false); } }, { children: [(0, jsx_runtime_1.jsxs)(ui_kit_1.Div, tslib_1.__assign({ className: 'w-full relative' }, { children: [navigation && !limit ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Button, { ariaLabel: 'previousNavigation', startAdornment: (0, jsx_runtime_1.jsx)(ArrowIcon, { className: 'rotate-180' }), disabled: direction === 'rtl' ? currentIndex === length - showSlides : currentIndex === 0, onClick: direction === 'rtl' ? next : prev, color: navigationColor, rounded: 'full', shape: 'square', className: 'absolute flex self-center items-center justify-center z-10 left-2' })) : null, prevNavigation && currentIndex > 0 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: prevNavigation(prev) })) : null, limit ? ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ ref: ref, className: 'flex shrink-0 grow w-full' }, { children: sliders.map(function (item, itemIndex) { return ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex-col w-1/2' }, { children: item }), itemIndex)); }) }))) : ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'overflow-hidden w-full h-full', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove }, { children: (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: "flex transition ease-linear duration-300 shrink-0 grow w-full", style: {
|
|
132
135
|
transform: "translateX(".concat(dir).concat(currentIndex * (100 / showSlides), "%)"),
|
|
133
136
|
transition: !transitionEnabled ? 'none' : undefined
|
|
134
|
-
}, onTransitionEnd: handleTransitionEnd, ref: ref }, { children: sliders.map(function (item, itemIndex) { return (
|
|
135
|
-
return (
|
|
137
|
+
}, onTransitionEnd: handleTransitionEnd, ref: ref }, { children: sliders.map(function (item, itemIndex) { return ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'flex-col w-full shrink-0' }, { children: item }), itemIndex)); }) })) }))), navigation && !limit ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Button, { ariaLabel: 'nextNavigation', startAdornment: (0, jsx_runtime_1.jsx)(ArrowIcon, {}), color: navigationColor, disabled: direction === 'rtl' ? currentIndex === 0 : currentIndex === length - showSlides, onClick: direction === 'rtl' ? prev : next, rounded: 'full', shape: 'square', className: 'absolute flex self-center items-center justify-center right-2' })) : null, nextNavigation && currentIndex < length ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: nextNavigation(next) })) : null] })), indicator && !limit ? ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ className: 'self-center items-center justify-center' }, { children: children.length > 1 ? ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: "flex w-[96px] justify-start gap-x-1 mt-20 pr-11 overflow-hidden ".concat(indicatorClassName) }, { children: tslib_1.__spreadArray([], new Array(length - showSlides + 1), true).map(function (_, idx) {
|
|
138
|
+
return ((0, jsx_runtime_1.jsx)(ui_kit_1.Div, tslib_1.__assign({ style: {
|
|
136
139
|
transform: "translateX(".concat(dir).concat(currentIndex * (130), "%)"),
|
|
137
140
|
transition: !transitionEnabled ? 'none' : undefined
|
|
138
|
-
}, className:
|
|
141
|
+
}, className: (0, class_names_1["default"])('w-4 h-4 min-h-4 min-w-4 rounded-full mb-0 transition-all duration-500 justify-center items-center', currentIndex === idx ? "bg-".concat(indicatorActiveColor) : 'bg-transparent'), onClick: function () {
|
|
139
142
|
setCurrentIndex(idx);
|
|
140
|
-
} }, { children:
|
|
143
|
+
} }, { children: (0, jsx_runtime_1.jsx)(ui_kit_1.Div, { className: (0, class_names_1["default"])(currentIndex === idx ? "bg-".concat(indicatorActiveColor) : 'bg-grey-100', "rounded-full transition-all duration-500 justify-center items-center", BulletWidth(Math.abs(4 - Math.abs(currentIndex - idx)))) }) }), idx));
|
|
141
144
|
}) }))) : null }))) : null] })));
|
|
142
145
|
};
|
|
143
146
|
var ArrowIcon = function (_a) {
|
|
144
147
|
var className = _a.className;
|
|
145
|
-
return (
|
|
148
|
+
return ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", width: "256", height: "256", viewBox: "0 0 256 256", fill: 'currentColor', className: "h-3 w-3 ".concat(className) }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', strokeMiterlimit: "10", strokeWidth: "0", d: "M24.64 90L20.36 85.72 61.08 45 20.36 4.28 24.64 0 69.64 45z", transform: "matrix(2.81 0 0 2.81 1.407 1.407)" }) })));
|
|
146
149
|
};
|
|
147
|
-
|
|
150
|
+
exports["default"] = Slider;
|
|
148
151
|
var BulletWidth = function (w) {
|
|
149
152
|
switch (w) {
|
|
150
153
|
case 4:
|