@dgshahr/ui-kit 0.0.5 → 0.0.7
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/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/Accordion/index.cjs +1 -11
- package/dist/Accordion/index.js +5 -1
- package/dist/AccordionItem-eMnIUJ1V.cjs +1 -0
- package/dist/AccordionItem-tKSPLNKs.js +91 -0
- package/dist/Alert/index.cjs +1 -242
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.js +141 -144
- package/dist/ArrowLeft2-B76dkC-C.cjs +1 -0
- package/dist/{ArrowLeft2-BURhvXT2.js → ArrowLeft2-jP2w1vwt.js} +7 -7
- package/dist/ArrowRight2-CYowPzS8.cjs +1 -0
- package/dist/{ArrowRight2-DCxJPvNC.js → ArrowRight2-CcHdxGRE.js} +7 -7
- package/dist/Badge/index.cjs +1 -72
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.js +46 -52
- package/dist/Breadcrumb/index.cjs +1 -34
- package/dist/Breadcrumb/index.d.ts.map +1 -1
- package/dist/Breadcrumb/index.js +39 -30
- package/dist/Button/index.cjs +1 -119
- package/dist/Button/index.d.ts.map +1 -1
- package/dist/Button/index.js +97 -104
- package/dist/Button/variants.d.ts.map +1 -1
- package/dist/Divider/index.cjs +1 -25
- package/dist/Divider/index.js +12 -16
- package/dist/Form/Checkbox/index.cjs +1 -72
- package/dist/Form/Checkbox/index.js +22 -26
- package/dist/Form/Input/index.cjs +1 -182
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.js +63 -71
- package/dist/Form/RadioButton/index.cjs +1 -22
- package/dist/Form/RadioButton/index.js +13 -13
- package/dist/Form/Textarea/index.cjs +1 -27
- package/dist/Form/Textarea/index.d.ts.map +1 -1
- package/dist/Form/Textarea/index.js +19 -19
- package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +1 -119
- package/dist/Pagination/index.d.ts.map +1 -1
- package/dist/Pagination/index.js +96 -107
- package/dist/SelectableInputWrapper-B3ylMTsl.js +76 -0
- package/dist/SelectableInputWrapper-C9x3IShC.cjs +1 -0
- package/dist/Slide-C506y48c.js +233 -0
- package/dist/Slide-Zmb0vKbn.cjs +1 -0
- package/dist/Slider/Navigation.d.ts +9 -0
- package/dist/Slider/Navigation.d.ts.map +1 -0
- package/dist/Slider/NavigationDot.d.ts +0 -3
- package/dist/Slider/NavigationDot.d.ts.map +1 -1
- package/dist/Slider/Slider.d.ts +2 -1
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/context.d.ts +3 -7
- package/dist/Slider/context.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -11
- package/dist/Slider/index.js +5 -1
- package/dist/TextFieldWrapper-Cg4f8_zY.js +151 -0
- package/dist/TextFieldWrapper-Ci0-vx4J.cjs +1 -0
- package/dist/assets/Button.css +1 -1681
- package/dist/assets/styles.css +1 -1617
- package/dist/clsx-C11secjj.cjs +1 -0
- package/dist/clsx-OuTLNxxd.js +16 -0
- package/dist/index.cjs +1 -34
- package/dist/index.js +28 -12
- package/package.json +5 -4
- package/dist/AccordionItem-DN7bi5kw.js +0 -103
- package/dist/AccordionItem-lq6ehxKe.cjs +0 -106
- package/dist/ArrowLeft2-iZ0Au6Fn.cjs +0 -24
- package/dist/ArrowRight2-DTuru_sP.cjs +0 -27
- package/dist/SelectableInputWrapper-D2aYQb9J.cjs +0 -71
- package/dist/SelectableInputWrapper-DAj8v1nv.js +0 -69
- package/dist/Slide-BDD1_RXD.js +0 -215
- package/dist/Slide-Q5_7SCZR.cjs +0 -218
- package/dist/TextFieldWrapper--hxpmYuz.js +0 -167
- package/dist/TextFieldWrapper-DaoZxs1E.cjs +0 -169
- package/dist/clsx-BtxeOLZW.cjs +0 -5
- package/dist/clsx-ChV9xqsO.js +0 -3
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsx } from
|
|
2
|
-
import { c as
|
|
3
|
-
import { forwardRef } from
|
|
4
|
-
import { T as
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
return /* @__PURE__ */ jsx(TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsx(
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { forwardRef as d } from "react";
|
|
4
|
+
import { T as u } from "../../TextFieldWrapper-Cg4f8_zY.js";
|
|
5
|
+
const k = d(function(e, s) {
|
|
6
|
+
const { dir: r = "rtl", placeholderDir: a = r, ...t } = e;
|
|
7
|
+
return /* @__PURE__ */ i(u, { ...e, children: ({ handleChangeField: l }) => /* @__PURE__ */ i(
|
|
9
8
|
"textarea",
|
|
10
9
|
{
|
|
11
|
-
...
|
|
12
|
-
ref,
|
|
13
|
-
className:
|
|
14
|
-
"text-gray-800 bg-transparent w-full h-full focus:outline-none ss02 flex-1 resize-none",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
...t,
|
|
11
|
+
ref: s,
|
|
12
|
+
className: o(
|
|
13
|
+
"dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
|
|
14
|
+
r === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
|
|
15
|
+
a === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
|
|
16
|
+
t.className
|
|
18
17
|
),
|
|
19
|
-
onChange:
|
|
20
|
-
rows:
|
|
18
|
+
onChange: l,
|
|
19
|
+
rows: t.rows ?? 5
|
|
21
20
|
}
|
|
22
21
|
) });
|
|
23
22
|
});
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
export {
|
|
24
|
+
k as default
|
|
25
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgF3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,119 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
const clsx = require('../clsx-BtxeOLZW.cjs');
|
|
5
|
-
const react = require('react');
|
|
6
|
-
const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
|
|
7
|
-
const ArrowRight2 = require('../ArrowRight2-DTuru_sP.cjs');
|
|
8
|
-
const Button = require('../Button/index.cjs');
|
|
9
|
-
;/* empty css */
|
|
10
|
-
|
|
11
|
-
const DOTS = "...";
|
|
12
|
-
function range(start, end) {
|
|
13
|
-
const length = end - start + 1;
|
|
14
|
-
return Array.from({ length }, (_, idx) => idx + start);
|
|
15
|
-
}
|
|
16
|
-
function getPaginationRange({
|
|
17
|
-
totalCount,
|
|
18
|
-
pageSize,
|
|
19
|
-
siblingCount,
|
|
20
|
-
currentPage
|
|
21
|
-
}) {
|
|
22
|
-
const totalPageCount = Math.ceil(totalCount / pageSize);
|
|
23
|
-
const totalPageNumbers = siblingCount + 5;
|
|
24
|
-
if (totalPageNumbers >= totalPageCount) {
|
|
25
|
-
return range(1, totalPageCount);
|
|
26
|
-
}
|
|
27
|
-
const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
|
|
28
|
-
const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
|
|
29
|
-
const shouldShowRightDots = rightSiblingIndex > 2;
|
|
30
|
-
const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
|
|
31
|
-
const firstPageIndex = 1;
|
|
32
|
-
const lastPageIndex = totalPageCount;
|
|
33
|
-
if (!shouldShowRightDots && shouldShowLeftDots) {
|
|
34
|
-
let rightItemCount = 2 + siblingCount;
|
|
35
|
-
if (rightSiblingIndex > 1) rightItemCount += 1;
|
|
36
|
-
const rightRange = range(1, rightItemCount);
|
|
37
|
-
return [...rightRange, DOTS, totalPageCount];
|
|
38
|
-
}
|
|
39
|
-
if (shouldShowRightDots && !shouldShowLeftDots) {
|
|
40
|
-
let leftItemCount = 2 + siblingCount;
|
|
41
|
-
if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
|
|
42
|
-
const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
|
|
43
|
-
return [firstPageIndex, DOTS, ...leftRange];
|
|
44
|
-
}
|
|
45
|
-
const middleRange = range(rightSiblingIndex, leftSiblingIndex);
|
|
46
|
-
return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
const Pagination = (props) => {
|
|
50
|
-
const {
|
|
51
|
-
totalCount,
|
|
52
|
-
pageSize,
|
|
53
|
-
onPageChange,
|
|
54
|
-
siblingCount = 1,
|
|
55
|
-
defaultCurrent = 1,
|
|
56
|
-
navigationButtonsWithText = true,
|
|
57
|
-
hideOnSinglePage,
|
|
58
|
-
className
|
|
59
|
-
} = props;
|
|
60
|
-
const [currentPage, setCurrentPage] = react.useState(defaultCurrent);
|
|
61
|
-
const paginationRange = getPaginationRange({
|
|
62
|
-
totalCount,
|
|
63
|
-
pageSize,
|
|
64
|
-
siblingCount,
|
|
65
|
-
currentPage
|
|
66
|
-
});
|
|
67
|
-
const lastPage = paginationRange[paginationRange.length - 1];
|
|
68
|
-
if (hideOnSinglePage && paginationRange.length < 2) {
|
|
69
|
-
return null;
|
|
70
|
-
}
|
|
71
|
-
function handlePageChange(page) {
|
|
72
|
-
if (typeof onPageChange === "function") onPageChange(page);
|
|
73
|
-
setCurrentPage(page);
|
|
74
|
-
}
|
|
75
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("flex justify-between w-full px-4 text-gray-600", className), children: [
|
|
76
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
77
|
-
Button,
|
|
78
|
-
{
|
|
79
|
-
disabled: currentPage === 1,
|
|
80
|
-
onClick: () => handlePageChange(currentPage - 1),
|
|
81
|
-
rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {}),
|
|
82
|
-
variant: navigationButtonsWithText ? "text" : "secondary",
|
|
83
|
-
size: navigationButtonsWithText ? "medium" : "small",
|
|
84
|
-
children: navigationButtonsWithText && "صفحه قبل"
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-1 tablet:gap-x-4", children: paginationRange.map((pageNumber) => {
|
|
88
|
-
if (typeof pageNumber === "string") {
|
|
89
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: DOTS }, pageNumber);
|
|
90
|
-
}
|
|
91
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
92
|
-
"button",
|
|
93
|
-
{
|
|
94
|
-
className: clsx.clsx(
|
|
95
|
-
"ss02 w-9 h-9 tablet:w-11 tablet:h-11 flex justify-center items-center font-h6-bold tablet:font-h5-bold transition border border-solid border-transparent rounded-lg",
|
|
96
|
-
pageNumber === currentPage ? "bg-primary-500 text-white" : "hover:text-primary-500 hover:border-primary-200",
|
|
97
|
-
className
|
|
98
|
-
),
|
|
99
|
-
onClick: () => handlePageChange(pageNumber),
|
|
100
|
-
children: pageNumber
|
|
101
|
-
},
|
|
102
|
-
pageNumber
|
|
103
|
-
);
|
|
104
|
-
}) }),
|
|
105
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
106
|
-
Button,
|
|
107
|
-
{
|
|
108
|
-
disabled: currentPage === lastPage,
|
|
109
|
-
onClick: () => handlePageChange(currentPage + 1),
|
|
110
|
-
leftIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {}),
|
|
111
|
-
variant: navigationButtonsWithText ? "text" : "secondary",
|
|
112
|
-
size: navigationButtonsWithText ? "medium" : "small",
|
|
113
|
-
children: navigationButtonsWithText && "صفحه بعد"
|
|
114
|
-
}
|
|
115
|
-
)
|
|
116
|
-
] });
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
module.exports = Pagination;
|
|
1
|
+
"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),P=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../ArrowLeft2-B76dkC-C.cjs"),I=require("../ArrowRight2-CYowPzS8.cjs"),j=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(a,t)=>t+d)}function R({totalCount:d,pageSize:g,siblingCount:n,currentPage:a}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(a-n,1),c=Math.min(a+n,t),l=e>2,s=c<t-1,f=1,u=t;if(!l&&s){let r=2+n;return e>1&&(r+=1),[...k(1,r),h,t]}if(l&&!s){let r=2+n;c<t&&(r+=1);const i=k(t-r+1,t);return[f,h,...i]}const x=k(e,c);return[f,h,...x,h,u]}const v=d=>{const{totalCount:g,pageSize:n,onPageChange:a,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),u=R({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=u[u.length-1];if(c&&u.length<2)return null;function r(i){typeof a=="function"&&a(i),f(i)}return o.jsxs("div",{className:P.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",l),children:[o.jsx(j,{disabled:s===1,onClick:()=>r(s-1),rightIcon:o.jsx(I.ArrowRight2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه قبل"}),o.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4",children:u.map(i=>typeof i=="string"?o.jsx("div",{children:h},i):o.jsx("button",{className:P.clsx("ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",i===s?"dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white":"hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",l),onClick:()=>r(i),children:i},i))}),o.jsx(j,{disabled:s===x,onClick:()=>r(s+1),leftIcon:o.jsx(y.ArrowLeft2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه بعد"})]})};module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA8EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/Pagination/index.js
CHANGED
|
@@ -1,117 +1,106 @@
|
|
|
1
|
-
import { jsxs, jsx } from
|
|
2
|
-
import { c as
|
|
3
|
-
import { useState } from
|
|
4
|
-
import { A as
|
|
5
|
-
import { A as
|
|
6
|
-
import
|
|
1
|
+
import { jsxs as y, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as p } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import { useState as I } from "react";
|
|
4
|
+
import { A as w } from "../ArrowLeft2-jP2w1vwt.js";
|
|
5
|
+
import { A as v } from "../ArrowRight2-CcHdxGRE.js";
|
|
6
|
+
import P from "../Button/index.js";
|
|
7
7
|
import '../assets/styles.css';/* empty css */
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return Array.from({ length }, (_, idx) => idx + start);
|
|
8
|
+
const f = "...";
|
|
9
|
+
function h(d, u) {
|
|
10
|
+
const n = u - d + 1;
|
|
11
|
+
return Array.from({ length: n }, (a, t) => t + d);
|
|
13
12
|
}
|
|
14
|
-
function
|
|
15
|
-
totalCount,
|
|
16
|
-
pageSize,
|
|
17
|
-
siblingCount,
|
|
18
|
-
currentPage
|
|
13
|
+
function C({
|
|
14
|
+
totalCount: d,
|
|
15
|
+
pageSize: u,
|
|
16
|
+
siblingCount: n,
|
|
17
|
+
currentPage: a
|
|
19
18
|
}) {
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
const t = Math.ceil(d / u);
|
|
20
|
+
if (n + 5 >= t)
|
|
21
|
+
return h(1, t);
|
|
22
|
+
const e = Math.max(a - n, 1), l = Math.min(a + n, t), c = e > 2, s = l < t - 1, m = 1, g = t;
|
|
23
|
+
if (!c && s) {
|
|
24
|
+
let o = 2 + n;
|
|
25
|
+
return e > 1 && (o += 1), [...h(1, o), f, t];
|
|
24
26
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const lastPageIndex = totalPageCount;
|
|
31
|
-
if (!shouldShowRightDots && shouldShowLeftDots) {
|
|
32
|
-
let rightItemCount = 2 + siblingCount;
|
|
33
|
-
if (rightSiblingIndex > 1) rightItemCount += 1;
|
|
34
|
-
const rightRange = range(1, rightItemCount);
|
|
35
|
-
return [...rightRange, DOTS, totalPageCount];
|
|
27
|
+
if (c && !s) {
|
|
28
|
+
let o = 2 + n;
|
|
29
|
+
l < t && (o += 1);
|
|
30
|
+
const i = h(t - o + 1, t);
|
|
31
|
+
return [m, f, ...i];
|
|
36
32
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
|
|
40
|
-
const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
|
|
41
|
-
return [firstPageIndex, DOTS, ...leftRange];
|
|
42
|
-
}
|
|
43
|
-
const middleRange = range(rightSiblingIndex, leftSiblingIndex);
|
|
44
|
-
return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
|
|
33
|
+
const k = h(e, l);
|
|
34
|
+
return [m, f, ...k, f, g];
|
|
45
35
|
}
|
|
46
|
-
|
|
47
|
-
const Pagination = (props) => {
|
|
36
|
+
const M = (d) => {
|
|
48
37
|
const {
|
|
49
|
-
totalCount,
|
|
50
|
-
pageSize,
|
|
51
|
-
onPageChange,
|
|
52
|
-
siblingCount = 1,
|
|
53
|
-
defaultCurrent = 1,
|
|
54
|
-
navigationButtonsWithText =
|
|
55
|
-
hideOnSinglePage,
|
|
56
|
-
className
|
|
57
|
-
} =
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
});
|
|
65
|
-
const lastPage = paginationRange[paginationRange.length - 1];
|
|
66
|
-
if (hideOnSinglePage && paginationRange.length < 2) {
|
|
38
|
+
totalCount: u,
|
|
39
|
+
pageSize: n,
|
|
40
|
+
onPageChange: a,
|
|
41
|
+
siblingCount: t = 1,
|
|
42
|
+
defaultCurrent: x = 1,
|
|
43
|
+
navigationButtonsWithText: e = !0,
|
|
44
|
+
hideOnSinglePage: l,
|
|
45
|
+
className: c
|
|
46
|
+
} = d, [s, m] = I(x), g = C({
|
|
47
|
+
totalCount: u,
|
|
48
|
+
pageSize: n,
|
|
49
|
+
siblingCount: t,
|
|
50
|
+
currentPage: s
|
|
51
|
+
}), k = g[g.length - 1];
|
|
52
|
+
if (l && g.length < 2)
|
|
67
53
|
return null;
|
|
54
|
+
function o(i) {
|
|
55
|
+
typeof a == "function" && a(i), m(i);
|
|
68
56
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
57
|
+
return /* @__PURE__ */ y(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
className: p(
|
|
61
|
+
"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
|
|
62
|
+
c
|
|
63
|
+
),
|
|
64
|
+
children: [
|
|
65
|
+
/* @__PURE__ */ r(
|
|
66
|
+
P,
|
|
67
|
+
{
|
|
68
|
+
disabled: s === 1,
|
|
69
|
+
onClick: () => o(s - 1),
|
|
70
|
+
rightIcon: /* @__PURE__ */ r(v, {}),
|
|
71
|
+
variant: e ? "text" : "secondary",
|
|
72
|
+
size: e ? "medium" : "small",
|
|
73
|
+
children: e && "صفحه قبل"
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: g.map((i) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, i) : /* @__PURE__ */ r(
|
|
77
|
+
"button",
|
|
78
|
+
{
|
|
79
|
+
className: p(
|
|
80
|
+
"ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
|
|
81
|
+
i === s ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
|
|
82
|
+
c
|
|
83
|
+
),
|
|
84
|
+
onClick: () => o(i),
|
|
85
|
+
children: i
|
|
86
|
+
},
|
|
87
|
+
i
|
|
88
|
+
)) }),
|
|
89
|
+
/* @__PURE__ */ r(
|
|
90
|
+
P,
|
|
91
|
+
{
|
|
92
|
+
disabled: s === k,
|
|
93
|
+
onClick: () => o(s + 1),
|
|
94
|
+
leftIcon: /* @__PURE__ */ r(w, {}),
|
|
95
|
+
variant: e ? "text" : "secondary",
|
|
96
|
+
size: e ? "medium" : "small",
|
|
97
|
+
children: e && "صفحه بعد"
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
};
|
|
104
|
+
export {
|
|
105
|
+
M as default
|
|
115
106
|
};
|
|
116
|
-
|
|
117
|
-
export { Pagination as default };
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsxs as u, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as t } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import './assets/styles.css';/* empty css */
|
|
4
|
+
const h = (o) => {
|
|
5
|
+
const {
|
|
6
|
+
children: a,
|
|
7
|
+
containerClassName: n,
|
|
8
|
+
errorMessage: r,
|
|
9
|
+
helperMessage: d,
|
|
10
|
+
isError: i,
|
|
11
|
+
label: g,
|
|
12
|
+
variant: s = "default"
|
|
13
|
+
} = o, k = o.icon;
|
|
14
|
+
return /* @__PURE__ */ u(
|
|
15
|
+
"label",
|
|
16
|
+
{
|
|
17
|
+
className: t(
|
|
18
|
+
"dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
|
|
19
|
+
{
|
|
20
|
+
"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": s === "bordered",
|
|
21
|
+
"has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && !i,
|
|
22
|
+
"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && i
|
|
23
|
+
},
|
|
24
|
+
n
|
|
25
|
+
),
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ u(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
className: t(
|
|
31
|
+
"dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
|
|
32
|
+
r ?? d ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
|
|
33
|
+
),
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ e(
|
|
36
|
+
"div",
|
|
37
|
+
{
|
|
38
|
+
className: t("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
|
|
39
|
+
"dgs-ui-kit-mt-1": g
|
|
40
|
+
}),
|
|
41
|
+
children: a({
|
|
42
|
+
inputClassName: t(
|
|
43
|
+
"dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
|
|
44
|
+
{
|
|
45
|
+
"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && !i,
|
|
46
|
+
"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && i
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
|
|
50
|
+
})
|
|
51
|
+
}
|
|
52
|
+
),
|
|
53
|
+
!!g && /* @__PURE__ */ u("div", { className: "dgs-ui-kit-space-y-1", children: [
|
|
54
|
+
/* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: g }),
|
|
55
|
+
!!(r ?? d) && /* @__PURE__ */ e(
|
|
56
|
+
"div",
|
|
57
|
+
{
|
|
58
|
+
className: t(
|
|
59
|
+
"dgs-ui-kit-font-p3-regular",
|
|
60
|
+
r && i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
|
|
61
|
+
),
|
|
62
|
+
children: i && r ? r : d
|
|
63
|
+
}
|
|
64
|
+
)
|
|
65
|
+
] })
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
s === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: k }) : null
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
};
|
|
74
|
+
export {
|
|
75
|
+
h as S
|
|
76
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs");;/* empty css */const c=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:d,isError:s,label:u,variant:r="default"}=g,o=g.icon;return i.jsxs("label",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":r==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&!s,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&s},a),children:[i.jsxs("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",t??d?"dgs-ui-kit-items-start":"dgs-ui-kit-items-center"),children:[i.jsx("div",{className:e.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]",{"dgs-ui-kit-mt-1":u}),children:k({inputClassName:e.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&!s,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&s}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!u&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:u}),!!(t??d)&&i.jsx("div",{className:e.clsx("dgs-ui-kit-font-p3-regular",t&&s?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:s&&t?t:d})]})]}),r==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.SelectableInputWrapper=c;
|