@dgshahr/ui-kit 0.0.102 → 1.0.0
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/README.md +2 -2
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.mjs +1 -1
- package/dist/{AccordionItem-CbYyB1Ub.js → AccordionItem-4UuHvtDx.js} +11 -11
- package/dist/AccordionItem-BrqkdsVm.cjs +1 -0
- package/dist/Alert/index.cjs +1 -1
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.mjs +37 -40
- package/dist/Badge/index.cjs +1 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.mjs +27 -27
- package/dist/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.mjs +8 -8
- package/dist/Button/index.cjs +1 -1
- package/dist/Button/index.mjs +34 -34
- package/dist/Card/constants.d.ts.map +1 -1
- package/dist/Card/index.cjs +1 -1
- package/dist/Card/index.mjs +17 -17
- package/dist/Chip/index.cjs +1 -1
- package/dist/Chip/index.mjs +7 -7
- package/dist/Divider/index.cjs +1 -1
- package/dist/Divider/index.mjs +6 -6
- package/dist/Drawer/index.cjs +1 -1
- package/dist/Drawer/index.mjs +25 -25
- package/dist/FieldBottomInfo-CSd_EdIe.cjs +1 -0
- package/dist/{FieldBottomInfo-CJ8_Kr25.js → FieldBottomInfo-C_QkvgNP.js} +8 -8
- package/dist/Form/Checkbox/index.cjs +1 -1
- package/dist/Form/Checkbox/index.mjs +2 -2
- package/dist/Form/Datepicker/Days.d.ts.map +1 -1
- package/dist/Form/Datepicker/Months.d.ts.map +1 -1
- package/dist/Form/Datepicker/Years.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +129 -126
- package/dist/Form/FileUploader/constants.d.ts +7 -7
- package/dist/Form/FileUploader/constants.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.mjs +2 -2
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +19 -19
- package/dist/Form/RadioButton/index.cjs +1 -1
- package/dist/Form/RadioButton/index.mjs +3 -3
- package/dist/Form/RangeInput/constants.d.ts +2 -2
- package/dist/Form/RangeInput/constants.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.cjs +1 -1
- package/dist/Form/RangeInput/index.mjs +18 -18
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +21 -21
- package/dist/Form/Switch/index.cjs +1 -1
- package/dist/Form/Switch/index.mjs +19 -19
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +4 -4
- package/dist/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +1 -1
- package/dist/Pagination/index.mjs +4 -4
- package/dist/{PickerWrapper-rZ3IIgox.js → PickerWrapper-Kka0j3TV.js} +17 -17
- package/dist/PickerWrapper-lyNHGQj6.cjs +1 -0
- package/dist/Progress/Bar/index.cjs +1 -1
- package/dist/Progress/Bar/index.d.ts +4 -2
- package/dist/Progress/Bar/index.d.ts.map +1 -1
- package/dist/Progress/Bar/index.mjs +30 -26
- package/dist/Progress/Doughnut/index.cjs +1 -1
- package/dist/Progress/Doughnut/index.mjs +14 -14
- package/dist/RadioCheckboxWrapper-CWcjOz72.cjs +1 -0
- package/dist/RadioCheckboxWrapper-QZsv_Aai.js +70 -0
- package/dist/Sidebar/Profile.d.ts.map +1 -1
- package/dist/Sidebar/constants.d.ts +5 -5
- package/dist/Sidebar/constants.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +99 -100
- package/dist/Slide-CdFHPwvj.cjs +1 -0
- package/dist/{Slide-BTJT9KN2.js → Slide-CyQuarjr.js} +58 -61
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.mjs +1 -1
- package/dist/Step-Cm0v__Sg.cjs +1 -0
- package/dist/{Step-CkWjzL9B.js → Step-DB73tIkY.js} +43 -43
- package/dist/Stepper/Horizontal/index.cjs +1 -1
- package/dist/Stepper/Horizontal/index.mjs +1 -1
- package/dist/Table/Header.d.ts.map +1 -1
- package/dist/Table/index.cjs +1 -1
- package/dist/Table/index.mjs +48 -48
- package/dist/Table/utils.d.ts +1 -1
- package/dist/Table/utils.d.ts.map +1 -1
- package/dist/Tabs/index.cjs +1 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/Tabs/index.mjs +30 -33
- package/dist/TextFieldWrapper-DA0qiI_m.cjs +1 -0
- package/dist/{TextFieldWrapper-CQgQsfMJ.js → TextFieldWrapper-DAv2s5vj.js} +21 -21
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +19 -19
- package/dist/assets/styles.css +1 -1
- package/dist/{index-CSis3p-s.cjs → index-BCqGGELs.cjs} +1 -1
- package/dist/{index-BOxK2gfQ.js → index-Cj_9z9UD.js} +15 -27
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +4 -4
- package/package.json +5 -6
- package/dist/AccordionItem-BcOHTf5E.cjs +0 -1
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +0 -1
- package/dist/PickerWrapper-VwVWt_Vr.cjs +0 -1
- package/dist/RadioCheckboxWrapper-0xf2r8Bg.cjs +0 -1
- package/dist/RadioCheckboxWrapper-CoHqell5.js +0 -78
- package/dist/Slide-CfRBVhF3.cjs +0 -1
- package/dist/Step-CcJeR_kj.cjs +0 -1
- package/dist/TextFieldWrapper-CQbBbmlX.cjs +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as b, jsx as
|
|
2
|
+
import { jsxs as b, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { useRef as w, useEffect as F } from "react";
|
|
5
|
-
import { F as T } from "../../FieldBottomInfo-
|
|
6
|
-
import { F as j } from "../../TextFieldWrapper-
|
|
7
|
-
import { I as A } from "../../index-
|
|
5
|
+
import { F as T } from "../../FieldBottomInfo-C_QkvgNP.js";
|
|
6
|
+
import { F as j } from "../../TextFieldWrapper-DAv2s5vj.js";
|
|
7
|
+
import { I as A } from "../../index-Cj_9z9UD.js";
|
|
8
8
|
import '../../assets/styles.css';/* empty css */
|
|
9
9
|
const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), U = (l) => {
|
|
10
10
|
const {
|
|
@@ -20,48 +20,48 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
|
|
|
20
20
|
value: n,
|
|
21
21
|
...v
|
|
22
22
|
} = l, f = w(!1);
|
|
23
|
-
function
|
|
24
|
-
document.getElementById(`
|
|
23
|
+
function u(r) {
|
|
24
|
+
document.getElementById(`dgsuikit:otp-input-${r}`)?.focus();
|
|
25
25
|
}
|
|
26
26
|
function C(r, e) {
|
|
27
27
|
const t = [r.code, r.key];
|
|
28
28
|
if (n[e] && t.includes(n[e])) {
|
|
29
|
-
|
|
29
|
+
u(e + 1);
|
|
30
30
|
return;
|
|
31
31
|
}
|
|
32
32
|
if (t.includes("Backspace") || t.includes("Delete")) {
|
|
33
33
|
const s = n.split("");
|
|
34
|
-
s[e] = "", e !== 0 &&
|
|
35
|
-
} else t.includes("ArrowLeft") ?
|
|
34
|
+
s[e] = "", e !== 0 && u(e - 1), a(s.join(""));
|
|
35
|
+
} else t.includes("ArrowLeft") ? u(e - 1) : t.includes("ArrowRight") && u(e + 1);
|
|
36
36
|
}
|
|
37
37
|
function E(r, e) {
|
|
38
38
|
const t = B(r.currentTarget.value), s = n.split("");
|
|
39
39
|
t.length > 1 ? t.split("").forEach((I, d) => {
|
|
40
40
|
d < i && (s[d] = I);
|
|
41
|
-
}) : s[e] = t, a(s.join("")), e + 1 !== i && t &&
|
|
41
|
+
}) : s[e] = t, a(s.join("")), e + 1 !== i && t && u(e + 1);
|
|
42
42
|
}
|
|
43
43
|
return F(() => {
|
|
44
44
|
n.length === i && f.current ? (f.current = !1, typeof p == "function" && p(n)) : n.length < i && (f.current = !0);
|
|
45
|
-
}, [n]), /* @__PURE__ */ b("div", { className: h("
|
|
46
|
-
g ? /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
45
|
+
}, [n]), /* @__PURE__ */ b("div", { className: h("dgsuikit:space-y-2", k), children: [
|
|
46
|
+
g ? /* @__PURE__ */ o(j, { labelContent: g }) : null,
|
|
47
|
+
/* @__PURE__ */ o(
|
|
48
48
|
"div",
|
|
49
49
|
{
|
|
50
50
|
className: h(
|
|
51
|
-
"
|
|
51
|
+
"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:[direction:ltr]",
|
|
52
52
|
y
|
|
53
53
|
),
|
|
54
|
-
children: Array.from(Array(i).keys()).map((r, e) => /* @__PURE__ */
|
|
54
|
+
children: Array.from(Array(i).keys()).map((r, e) => /* @__PURE__ */ o(
|
|
55
55
|
A,
|
|
56
56
|
{
|
|
57
|
-
containerClassName: "
|
|
58
|
-
className: "
|
|
57
|
+
containerClassName: "dgsuikit:w-12 dgsuikit:h-12 dgsuikit:p-0",
|
|
58
|
+
className: "dgsuikit:w-full dgsuikit:h-full dgsuikit:!text-center dgsuikit:placeholder:!text-center",
|
|
59
59
|
placeholder: "-",
|
|
60
60
|
autoFocus: e === 0,
|
|
61
61
|
onChange: (t) => E(t, e),
|
|
62
62
|
onKeyUp: (t) => C(t, e),
|
|
63
63
|
onFocus: (t) => t.currentTarget.select(),
|
|
64
|
-
id: `
|
|
64
|
+
id: `dgsuikit:otp-input-${e}`,
|
|
65
65
|
value: n[e] || "",
|
|
66
66
|
showMaxLength: !1,
|
|
67
67
|
isError: !!c || N,
|
|
@@ -81,7 +81,7 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
|
|
|
81
81
|
))
|
|
82
82
|
}
|
|
83
83
|
),
|
|
84
|
-
c || m ? /* @__PURE__ */
|
|
84
|
+
c || m ? /* @__PURE__ */ o(
|
|
85
85
|
T,
|
|
86
86
|
{
|
|
87
87
|
errorMessage: c,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("../../omitObjects-CtiYo0hv.cjs"),u=require("../../RadioCheckboxWrapper-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("../../omitObjects-CtiYo0hv.cjs"),u=require("../../RadioCheckboxWrapper-CWcjOz72.cjs"),d=i=>{const{className:r,...e}=i,t=n.omitObject(e,["label","isError","errorMessage","helperMessage","containerClassName"]);return s.jsx(u.RadioCheckboxWrapper,{...e,children:({inputClassName:o,checkedInputClassName:c})=>s.jsxs(s.Fragment,{children:[s.jsx("input",{...t,type:"radio",className:a.clsx("dgsuikit:rounded-full",o,r)}),s.jsx("div",{className:c,children:s.jsx("div",{className:"dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:w-2 dgsuikit:h-2 dgsuikit:mt-[1px]"})})]})})};module.exports=d;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s, jsxs as d, Fragment as l } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { o as c } from "../../omitObjects-CxFrrlkX.js";
|
|
4
|
-
import { R as n } from "../../RadioCheckboxWrapper-
|
|
4
|
+
import { R as n } from "../../RadioCheckboxWrapper-QZsv_Aai.js";
|
|
5
5
|
const h = (r) => {
|
|
6
6
|
const { className: e, ...i } = r, t = c(i, [
|
|
7
7
|
"label",
|
|
@@ -16,10 +16,10 @@ const h = (r) => {
|
|
|
16
16
|
{
|
|
17
17
|
...t,
|
|
18
18
|
type: "radio",
|
|
19
|
-
className: m("
|
|
19
|
+
className: m("dgsuikit:rounded-full", o, e)
|
|
20
20
|
}
|
|
21
21
|
),
|
|
22
|
-
/* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "
|
|
22
|
+
/* @__PURE__ */ s("div", { className: a, children: /* @__PURE__ */ s("div", { className: "dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:w-2 dgsuikit:h-2 dgsuikit:mt-[1px]" }) })
|
|
23
23
|
] }) });
|
|
24
24
|
};
|
|
25
25
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const THUMB_SIZE = 24;
|
|
2
2
|
export declare const THUMB_ICON_SIZE: number;
|
|
3
|
-
export declare const INPUT_DEFAULT_CLASS = "
|
|
4
|
-
export declare const MULTIPLE_INPUT_CLASS = "
|
|
3
|
+
export declare const INPUT_DEFAULT_CLASS = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10";
|
|
4
|
+
export declare const MULTIPLE_INPUT_CLASS = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2";
|
|
5
5
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,sFACqD,CAAC;AACtF,eAAO,MAAM,oBAAoB,+DAA+D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",N="dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2",C={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},E=RegExp(`[${Object.keys(C).join()}]`,"gu");function L(e){return e.replace(E,i=>C[i])}function M(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=L(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}const $=e=>{const{percent:i,disabled:p,icon:l,showTooltip:c,value:r}=e;return t.jsxs("div",{className:m.clsx("dgsuikit:bg-primary-500 dgsuikit:rounded-full dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:text-white dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center",p?"dgsuikit:!bg-gray-300":"dgsuikit:group-hover:bg-primary-400 dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:group-active:bg-primary-600 dgsuikit:transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:o,height:o},children:[l,c&&t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5",children:[t.jsx("div",{className:"dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02",children:M(r)}),t.jsx("div",{className:"dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45 dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"})]})]})};function _(e){const{value:i,wrapperClassName:p,min:l,max:c,step:r=1,onChange:b,disabled:a,endTitle:k,startTitle:h,showTooltip:f=!0}=e,s=Array.isArray(i),[d=0,g=0]=s?i:[0,0],n=u=>(u-l)/(c-l)*100,I=u=>{b(Number(u.target.value))},S=u=>{const y=Math.min(Number(u.target.value),g-r);b([y,g])},T=u=>{const y=Math.max(Number(u.target.value),d+r);b([d,y])},v=n(s?d:i),j=n(g);return t.jsxs("div",{...p?{className:p}:{},children:[t.jsxs("div",{className:"dgsuikit:relative dgsuikit:group",children:[t.jsxs("div",{className:"dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center",children:[t.jsx("div",{className:m.clsx("dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",a?"dgsuikit:bg-gray-300":"dgsuikit:bg-primary-500"),style:{right:s?`${n(d)}%`:"0%",width:s?`${n(g)-n(d)}%`:`${n(i)}%`}}),t.jsx("input",{type:"range",min:l,max:s?g:c,step:r,value:s?d:i,onChange:s?S:I,disabled:a,className:m.clsx(w,s&&`${N} dgsuikit:right-0`),style:{width:s?`calc(${j}% - ${o}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:d,max:c,step:r,value:g,onChange:T,disabled:a,className:`${w} ${N} dgsuikit:left-0`,style:{width:`calc(${100-v}% - ${o}px)`}})]}),t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:inset-0",style:{width:`calc(100% - ${o}px)`},children:[t.jsx($,{percent:v,disabled:a,showTooltip:f,value:s?d:i,icon:s&&t.jsx(A.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx($,{percent:j,disabled:a,showTooltip:f,value:g,icon:t.jsx(R.IconArrowRight2,{width:x,height:x})})]})]}),!!(h??k)&&t.jsxs("div",{className:m.clsx("dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",a?"dgsuikit:text-gray-300":"dgsuikit:text-gray-500",{"dgsuikit:justify-between":h&&k},{"dgsuikit:justify-start":h&&!k},{"dgsuikit:justify-end":!h&&k}),children:[t.jsx("span",{children:h}),t.jsx("span",{children:k})]})]})}module.exports=_;
|
|
@@ -2,7 +2,7 @@ import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as y } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { I as E } from "../../IconArrowLeft2-cxcPyDqS.js";
|
|
4
4
|
import { I as M } from "../../IconArrowRight2-BoXg0Gkw.js";
|
|
5
|
-
const l = 24, b = l / 2, $ = "
|
|
5
|
+
const l = 24, b = l / 2, $ = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", C = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", S = {
|
|
6
6
|
// Persian
|
|
7
7
|
"۰": "0",
|
|
8
8
|
"۱": "1",
|
|
@@ -50,8 +50,8 @@ const I = (e) => {
|
|
|
50
50
|
"div",
|
|
51
51
|
{
|
|
52
52
|
className: y(
|
|
53
|
-
"
|
|
54
|
-
m ? "
|
|
53
|
+
"dgsuikit:bg-primary-500 dgsuikit:rounded-full dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:text-white dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center",
|
|
54
|
+
m ? "dgsuikit:!bg-gray-300" : "dgsuikit:group-hover:bg-primary-400 dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:group-active:bg-primary-600 dgsuikit:transition-[background-color,box-shadow]"
|
|
55
55
|
// state classes
|
|
56
56
|
),
|
|
57
57
|
style: {
|
|
@@ -61,9 +61,9 @@ const I = (e) => {
|
|
|
61
61
|
},
|
|
62
62
|
children: [
|
|
63
63
|
k,
|
|
64
|
-
c && /* @__PURE__ */ r("div", { className: "
|
|
65
|
-
/* @__PURE__ */ s("div", { className: "
|
|
66
|
-
/* @__PURE__ */ s("div", { className: "
|
|
64
|
+
c && /* @__PURE__ */ r("div", { className: "dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5", children: [
|
|
65
|
+
/* @__PURE__ */ s("div", { className: "dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02", children: P(a) }),
|
|
66
|
+
/* @__PURE__ */ s("div", { className: "dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45 dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br" })
|
|
67
67
|
] })
|
|
68
68
|
]
|
|
69
69
|
}
|
|
@@ -91,14 +91,14 @@ function D(e) {
|
|
|
91
91
|
f([d, v]);
|
|
92
92
|
}, w = o(t ? d : i), N = o(g);
|
|
93
93
|
return /* @__PURE__ */ r("div", { ...m ? { className: m } : {}, children: [
|
|
94
|
-
/* @__PURE__ */ r("div", { className: "
|
|
95
|
-
/* @__PURE__ */ r("div", { className: "
|
|
94
|
+
/* @__PURE__ */ r("div", { className: "dgsuikit:relative dgsuikit:group", children: [
|
|
95
|
+
/* @__PURE__ */ r("div", { className: "dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center", children: [
|
|
96
96
|
/* @__PURE__ */ s(
|
|
97
97
|
"div",
|
|
98
98
|
{
|
|
99
99
|
className: y(
|
|
100
|
-
"
|
|
101
|
-
n ? "
|
|
100
|
+
"dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",
|
|
101
|
+
n ? "dgsuikit:bg-gray-300" : "dgsuikit:bg-primary-500"
|
|
102
102
|
),
|
|
103
103
|
style: {
|
|
104
104
|
right: t ? `${o(d)}%` : "0%",
|
|
@@ -118,7 +118,7 @@ function D(e) {
|
|
|
118
118
|
disabled: n,
|
|
119
119
|
className: y(
|
|
120
120
|
$,
|
|
121
|
-
t && `${C}
|
|
121
|
+
t && `${C} dgsuikit:right-0`
|
|
122
122
|
),
|
|
123
123
|
style: {
|
|
124
124
|
width: t ? `calc(${N}% - ${l}px)` : "100%"
|
|
@@ -135,7 +135,7 @@ function D(e) {
|
|
|
135
135
|
value: g,
|
|
136
136
|
onChange: A,
|
|
137
137
|
disabled: n,
|
|
138
|
-
className: `${$} ${C}
|
|
138
|
+
className: `${$} ${C} dgsuikit:left-0`,
|
|
139
139
|
style: {
|
|
140
140
|
width: `calc(${100 - w}% - ${l}px)`
|
|
141
141
|
}
|
|
@@ -145,7 +145,7 @@ function D(e) {
|
|
|
145
145
|
/* @__PURE__ */ r(
|
|
146
146
|
"div",
|
|
147
147
|
{
|
|
148
|
-
className: "
|
|
148
|
+
className: "dgsuikit:absolute dgsuikit:inset-0",
|
|
149
149
|
style: {
|
|
150
150
|
width: `calc(100% - ${l}px)`
|
|
151
151
|
},
|
|
@@ -190,11 +190,11 @@ function D(e) {
|
|
|
190
190
|
"div",
|
|
191
191
|
{
|
|
192
192
|
className: y(
|
|
193
|
-
"
|
|
194
|
-
n ? "
|
|
195
|
-
{ "
|
|
196
|
-
{ "
|
|
197
|
-
{ "
|
|
193
|
+
"dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",
|
|
194
|
+
n ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
|
|
195
|
+
{ "dgsuikit:justify-between": h && p },
|
|
196
|
+
{ "dgsuikit:justify-start": h && !p },
|
|
197
|
+
{ "dgsuikit:justify-end": !h && p }
|
|
198
198
|
),
|
|
199
199
|
children: [
|
|
200
200
|
/* @__PURE__ */ s("span", { children: h }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-
|
|
1
|
+
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-BCqGGELs.cjs"),u=require("react"),W=require("../../IconSearch-BeVs-gUu.cjs"),R=require("../Checkbox/index.cjs"),_=require("../../Button/index.cjs"),A=require("../../PickerWrapper-lyNHGQj6.cjs"),H=require("../../Chip/index.cjs");;/* empty css */function V(s,n=100){if(!s)return;if(window.innerWidth>768){s.focus(),s.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${s.offsetTop+7}px`,t.style.left=`${s.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(t)},n)}function z({label:s,isMultiple:n,isActive:t,disabled:o}){return n?r.jsx(R,{checked:t,label:s,readOnly:!0,disabled:o}):s}const D=s=>{const{option:n,onClick:t,value:o,mode:c,optionCellClassName:g,optionCell:i}=s;function l(){return Array.isArray(o)?o.includes(n.value):n.value===o}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",l()?"dgsuikit:bg-primary-50 dgsuikit:text-primary-500":"dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",g),disabled:n.disabled,children:i?i(n,l()):z({label:n.label,isMultiple:c==="multiple",isActive:l(),disabled:n.disabled??!1})})},T=u.memo(D),K=20,U=s=>{const{options:n,mode:t="single",afterOptions:o,beforeOptions:c,onChange:g,searchable:i=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:y,emptyContent:M="نتیجهای یافت نشد !",showClearButtonOnEmpty:$=!0}=s,[k,I]=u.useState(""),[x,B]=u.useState(0),m=u.useRef(null),{toggleWrapperVisibility:F}=A.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!i&&!c||t==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!o&&"dgsuikit:last-of-type:border-b");let h;const C=i;typeof i=="boolean"?h=i:h=Object.keys(i).length>0;const v=u.useMemo(()=>{if(!Array.isArray(n))throw new Error("options should be array");return k?n?.filter(e=>e.label.includes(k)):n},[k,n]),N=u.useMemo(()=>t==="multiple"&&l?n?.filter(e=>p.includes(e.value))??[]:[],[n,p]),P=u.useMemo(()=>{let e=v;t==="multiple"&&l&&(e=e?.filter(w=>!p.includes(w.value)));const a=Math.min(x+K,e?.length??0);return e?.slice(x,a)},[v,x,p]),b=m?.current?.children[0]?.clientHeight??50,L=(v?.length??0)*b,j=u.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const a=e.scrollTop,w=m.current.offsetTop,E=Math.floor((a-w)/b);B(E>=0?E:0)},[b]);u.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",j),()=>e.removeEventListener("scroll",j)},[j]),u.useEffect(()=>{h&&V(document.getElementById("search-input"),400)},[]);const S=u.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const a=[...p??[]];a.includes(e)?a.splice(a.indexOf(e),1):a.push(e),g(a)}else g(e),F()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(q.Input,{id:"search-input",wrapperClassName:d.clsx("dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",c?"dgsuikit:pb-2":"dgsuikit:pb-3",C?.wrapperClassName),placeholder:C?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:C?.rightIcon??r.jsx(W.IconSearch,{width:20,height:20}),...typeof i=="object"?i:{}}),c,t==="multiple"&&l&&N.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}ی انتخاب شده`}),N.map(e=>r.jsx(T,{onClick:()=>S(e.value),option:e,optionCellClassName:d.clsx(O,y),...s},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&l&&r.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),r.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:L},children:P?.map((e,a)=>r.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+a)*b}px`},children:r.jsx(T,{onClick:()=>S(e.value),option:e,...s})},e.value))}),!P?.length&&!N.length&&r.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[r.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:M}),$&&r.jsx(_,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),o]})};function G(s,n){if(!Array.isArray(s))return n.find(t=>t.value===s)?.label??""}const J=s=>{const{searchable:n=!0,value:t,options:o}=s,c=Array.isArray(t)&&t.length>0;function g(){return s.inputProps?.prefix?s.inputProps.prefix:c?t.map(l=>r.jsx(H,{label:o.find(f=>f.value===l)?.label,clickable:!0,leftIcon:r.jsx(q.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=t.filter(y=>y!==l);s.onChange?.(p)}},l)):null}const i={...s};return i.dropdownType==="popover"&&!n&&(i.popoverClassName=d.clsx("dgsuikit:pt-3",i.popoverClassName)),i.dropdownType==="drawer"&&(i.drawerProps={...i.drawerProps,containerClassName:d.clsx(n?"dgsuikit:!pt-0":"dgsuikit:!pt-3",i.drawerProps?.containerClassName)}),i.customInput||(i.inputProps={...i.inputProps,value:G(t,o),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",i.inputProps?.prefixClassName):i.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":i.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",i.inputProps?.containerClassName):i.inputProps?.containerClassName}),r.jsx(A.PickerWrapper,{...i,children:r.jsx(U,{...s})})};module.exports=J;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as n, jsxs as b, Fragment as O } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { I as _, a as q } from "../../index-
|
|
3
|
+
import { I as _, a as q } from "../../index-Cj_9z9UD.js";
|
|
4
4
|
import { memo as D, useState as M, useRef as F, useMemo as P, useCallback as B, useEffect as L } from "react";
|
|
5
5
|
import { I as K } from "../../IconSearch-aShj2vmu.js";
|
|
6
6
|
import U from "../Checkbox/index.mjs";
|
|
7
7
|
import G from "../../Button/index.mjs";
|
|
8
|
-
import { u as J, P as Q } from "../../PickerWrapper-
|
|
8
|
+
import { u as J, P as Q } from "../../PickerWrapper-Kka0j3TV.js";
|
|
9
9
|
import X from "../../Chip/index.mjs";
|
|
10
10
|
import '../../assets/styles.css';/* empty css */
|
|
11
11
|
function Y(s, r = 100) {
|
|
@@ -46,8 +46,8 @@ const ee = (s) => {
|
|
|
46
46
|
type: "button",
|
|
47
47
|
onClick: t,
|
|
48
48
|
className: d(
|
|
49
|
-
"
|
|
50
|
-
l() ? "
|
|
49
|
+
"dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",
|
|
50
|
+
l() ? "dgsuikit:bg-primary-50 dgsuikit:text-primary-500" : "dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",
|
|
51
51
|
p
|
|
52
52
|
),
|
|
53
53
|
disabled: r.disabled,
|
|
@@ -74,9 +74,9 @@ const ee = (s) => {
|
|
|
74
74
|
emptyContent: W = "نتیجهای یافت نشد !",
|
|
75
75
|
showClearButtonOnEmpty: H = !0
|
|
76
76
|
} = s, [m, E] = M(""), [k, V] = M(0), f = F(null), { toggleWrapperVisibility: z } = J(), S = d(
|
|
77
|
-
"
|
|
78
|
-
(!i && !u || t === "multiple" && l) && "first-of-type:
|
|
79
|
-
!!o && "last-of-type:
|
|
77
|
+
"dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
|
|
78
|
+
(!i && !u || t === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
|
|
79
|
+
!!o && "dgsuikit:last-of-type:border-b"
|
|
80
80
|
);
|
|
81
81
|
let h;
|
|
82
82
|
const C = i;
|
|
@@ -120,8 +120,8 @@ const ee = (s) => {
|
|
|
120
120
|
{
|
|
121
121
|
id: "search-input",
|
|
122
122
|
wrapperClassName: d(
|
|
123
|
-
"
|
|
124
|
-
u ? "
|
|
123
|
+
"dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
|
|
124
|
+
u ? "dgsuikit:pb-2" : "dgsuikit:pb-3",
|
|
125
125
|
C?.wrapperClassName
|
|
126
126
|
),
|
|
127
127
|
placeholder: C?.placeholder ?? "جستجوی عنوان",
|
|
@@ -139,7 +139,7 @@ const ee = (s) => {
|
|
|
139
139
|
),
|
|
140
140
|
u,
|
|
141
141
|
t === "multiple" && l && N.length > 0 && /* @__PURE__ */ b(O, { children: [
|
|
142
|
-
/* @__PURE__ */ n("p", { className: "
|
|
142
|
+
/* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}ی انتخاب شده` }),
|
|
143
143
|
N.map((e) => /* @__PURE__ */ n(
|
|
144
144
|
j,
|
|
145
145
|
{
|
|
@@ -152,17 +152,17 @@ const ee = (s) => {
|
|
|
152
152
|
))
|
|
153
153
|
] }),
|
|
154
154
|
/* @__PURE__ */ b(O, { children: [
|
|
155
|
-
t === "multiple" && l && /* @__PURE__ */ n("p", { className: "
|
|
155
|
+
t === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
|
|
156
156
|
/* @__PURE__ */ n(
|
|
157
157
|
"div",
|
|
158
158
|
{
|
|
159
159
|
ref: f,
|
|
160
|
-
className: "
|
|
160
|
+
className: "dgsuikit:relative",
|
|
161
161
|
style: { height: R },
|
|
162
162
|
children: T?.map((e, a) => /* @__PURE__ */ n(
|
|
163
163
|
"div",
|
|
164
164
|
{
|
|
165
|
-
className: d("
|
|
165
|
+
className: d("dgsuikit:absolute dgsuikit:w-full", S),
|
|
166
166
|
style: { top: `${(k + a) * y}px` },
|
|
167
167
|
children: /* @__PURE__ */ n(
|
|
168
168
|
j,
|
|
@@ -177,13 +177,13 @@ const ee = (s) => {
|
|
|
177
177
|
))
|
|
178
178
|
}
|
|
179
179
|
),
|
|
180
|
-
!T?.length && !N.length && /* @__PURE__ */ b("div", { className: "
|
|
181
|
-
/* @__PURE__ */ n("p", { className: "
|
|
180
|
+
!T?.length && !N.length && /* @__PURE__ */ b("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
|
|
181
|
+
/* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: W }),
|
|
182
182
|
H && /* @__PURE__ */ n(
|
|
183
183
|
G,
|
|
184
184
|
{
|
|
185
185
|
type: "button",
|
|
186
|
-
className: "
|
|
186
|
+
className: "dgsuikit:mt-1",
|
|
187
187
|
variant: "text",
|
|
188
188
|
size: "small",
|
|
189
189
|
onClick: () => E(""),
|
|
@@ -218,10 +218,10 @@ const fe = (s) => {
|
|
|
218
218
|
)) : null;
|
|
219
219
|
}
|
|
220
220
|
const i = { ...s };
|
|
221
|
-
return i.dropdownType === "popover" && !r && (i.popoverClassName = d("
|
|
221
|
+
return i.dropdownType === "popover" && !r && (i.popoverClassName = d("dgsuikit:pt-3", i.popoverClassName)), i.dropdownType === "drawer" && (i.drawerProps = {
|
|
222
222
|
...i.drawerProps,
|
|
223
223
|
containerClassName: d(
|
|
224
|
-
r ? "
|
|
224
|
+
r ? "dgsuikit:!pt-0" : "dgsuikit:!pt-3",
|
|
225
225
|
i.drawerProps?.containerClassName
|
|
226
226
|
)
|
|
227
227
|
}), i.customInput || (i.inputProps = {
|
|
@@ -229,11 +229,11 @@ const fe = (s) => {
|
|
|
229
229
|
value: se(t, o),
|
|
230
230
|
prefix: p(),
|
|
231
231
|
prefixClassName: u ? d(
|
|
232
|
-
"
|
|
232
|
+
"dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
|
|
233
233
|
i.inputProps?.prefixClassName
|
|
234
234
|
) : i.inputProps?.prefixClassName,
|
|
235
|
-
className: u ? "
|
|
236
|
-
containerClassName: u ? d("
|
|
235
|
+
className: u ? "dgsuikit:hidden" : i.inputProps?.className,
|
|
236
|
+
containerClassName: u ? d("dgsuikit:items-baseline", i.inputProps?.containerClassName) : i.inputProps?.containerClassName
|
|
237
237
|
}), /* @__PURE__ */ n(Q, { ...i, children: /* @__PURE__ */ n(ie, { ...s }) });
|
|
238
238
|
};
|
|
239
239
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css */const u={large:{switch:"
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css */const u={large:{switch:"dgsuikit:w-11 dgsuikit:h-6",label:"dgsuikit:font-p1-medium",toggler:"dgsuikit:size-5"},small:{switch:"dgsuikit:w-9 dgsuikit:h-5",label:"dgsuikit:font-p2-medium",toggler:"dgsuikit:size-4"}},n=d=>{const{checked:s,onChange:r,isIntermediate:e,label:l,description:a,disabled:k,size:g="large",className:o,containerClassName:c}=d;return i.jsxs("button",{type:"button",className:t.clsx("dgsuikit:flex dgsuikit:gap-x-2 dgsuikit:group",k&&"dgsuikit:opacity-50",c),onClick:()=>r(!s),children:[i.jsx("div",{className:t.clsx("dgsuikit:relative dgsuikit:rounded-xl dgsuikit:transition","dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100","dgsuikit:group-focus:ring-offset-1 dgsuikit:group-focus:ring-offset-white dgsuikit:group-focus:ring-4 dgsuikit:group-focus:ring-primary-300",s?"dgsuikit:bg-primary-500":"dgsuikit:bg-gray-300",u[g].switch,o),children:i.jsx("div",{className:t.clsx("dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:transition-all dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-0.5 dgsuikit:left-0.5",{"dgsuikit:left-[calc(100%-2px)]":!s,"dgsuikit:!w-3 dgsuikit:!h-0.5 dgsuikit:left-1/2 dgsuikit:right-1/2 dgsuikit:translate-x-1/2":s&&e,"dgsuikit:right-[calc(100%-2px)] dgsuikit:translate-x-full":s&&!e},u[g].toggler)})}),i.jsxs("div",{className:"dgsuikit:space-y-1 dgsuikit:-mt-1",children:[i.jsx("div",{className:t.clsx(u[g].label,"dgsuikit:text-gray-700 dgsuikit:group-hover:text-primary-500 dgsuikit:transition-colors"),children:l}),i.jsx("div",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-500",children:a})]})]})};module.exports=n;
|
|
@@ -3,14 +3,14 @@ import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
|
3
3
|
import '../../assets/styles.css';/* empty css */
|
|
4
4
|
const u = {
|
|
5
5
|
large: {
|
|
6
|
-
switch: "
|
|
7
|
-
label: "
|
|
8
|
-
toggler: "
|
|
6
|
+
switch: "dgsuikit:w-11 dgsuikit:h-6",
|
|
7
|
+
label: "dgsuikit:font-p1-medium",
|
|
8
|
+
toggler: "dgsuikit:size-5"
|
|
9
9
|
},
|
|
10
10
|
small: {
|
|
11
|
-
switch: "
|
|
12
|
-
label: "
|
|
13
|
-
toggler: "
|
|
11
|
+
switch: "dgsuikit:w-9 dgsuikit:h-5",
|
|
12
|
+
label: "dgsuikit:font-p2-medium",
|
|
13
|
+
toggler: "dgsuikit:size-4"
|
|
14
14
|
}
|
|
15
15
|
}, f = (r) => {
|
|
16
16
|
const {
|
|
@@ -29,8 +29,8 @@ const u = {
|
|
|
29
29
|
{
|
|
30
30
|
type: "button",
|
|
31
31
|
className: s(
|
|
32
|
-
"
|
|
33
|
-
o && "
|
|
32
|
+
"dgsuikit:flex dgsuikit:gap-x-2 dgsuikit:group",
|
|
33
|
+
o && "dgsuikit:opacity-50",
|
|
34
34
|
c
|
|
35
35
|
),
|
|
36
36
|
onClick: () => a(!i),
|
|
@@ -39,10 +39,10 @@ const u = {
|
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
className: s(
|
|
42
|
-
"
|
|
43
|
-
"group-hover:
|
|
44
|
-
"group-focus:
|
|
45
|
-
i ? "
|
|
42
|
+
"dgsuikit:relative dgsuikit:rounded-xl dgsuikit:transition",
|
|
43
|
+
"dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100",
|
|
44
|
+
"dgsuikit:group-focus:ring-offset-1 dgsuikit:group-focus:ring-offset-white dgsuikit:group-focus:ring-4 dgsuikit:group-focus:ring-primary-300",
|
|
45
|
+
i ? "dgsuikit:bg-primary-500" : "dgsuikit:bg-gray-300",
|
|
46
46
|
u[g].switch,
|
|
47
47
|
n
|
|
48
48
|
),
|
|
@@ -50,11 +50,11 @@ const u = {
|
|
|
50
50
|
"div",
|
|
51
51
|
{
|
|
52
52
|
className: s(
|
|
53
|
-
"
|
|
53
|
+
"dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:transition-all dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-0.5 dgsuikit:left-0.5",
|
|
54
54
|
{
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
55
|
+
"dgsuikit:left-[calc(100%-2px)]": !i,
|
|
56
|
+
"dgsuikit:!w-3 dgsuikit:!h-0.5 dgsuikit:left-1/2 dgsuikit:right-1/2 dgsuikit:translate-x-1/2": i && d,
|
|
57
|
+
"dgsuikit:right-[calc(100%-2px)] dgsuikit:translate-x-full": i && !d
|
|
58
58
|
},
|
|
59
59
|
u[g].toggler
|
|
60
60
|
)
|
|
@@ -62,18 +62,18 @@ const u = {
|
|
|
62
62
|
)
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
|
-
/* @__PURE__ */ e("div", { className: "
|
|
65
|
+
/* @__PURE__ */ e("div", { className: "dgsuikit:space-y-1 dgsuikit:-mt-1", children: [
|
|
66
66
|
/* @__PURE__ */ t(
|
|
67
67
|
"div",
|
|
68
68
|
{
|
|
69
69
|
className: s(
|
|
70
70
|
u[g].label,
|
|
71
|
-
"
|
|
71
|
+
"dgsuikit:text-gray-700 dgsuikit:group-hover:text-primary-500 dgsuikit:transition-colors"
|
|
72
72
|
),
|
|
73
73
|
children: l
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
|
-
/* @__PURE__ */ t("div", { className: "
|
|
76
|
+
/* @__PURE__ */ t("div", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-500", children: k })
|
|
77
77
|
] })
|
|
78
78
|
]
|
|
79
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-DA0qiI_m.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgsuikit:bg-transparent dgsuikit:leading-normal dgsuikit:w-full dgsuikit:h-full dgsuikit:focus:outline-none dgsuikit:ss02 dgsuikit:flex-1 dgsuikit:resize-none",t==="rtl"?"dgsuikit:text-right":"dgsuikit:!text-left",l==="rtl"?"dgsuikit:placeholder:text-right":"dgsuikit:placeholder:text-left",a),rows:r.rows??5})})});module.exports=g;
|
|
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as d } from "react";
|
|
4
4
|
import { o as g } from "../../omitObjects-CxFrrlkX.js";
|
|
5
|
-
import { T as u } from "../../TextFieldWrapper-
|
|
5
|
+
import { T as u } from "../../TextFieldWrapper-DAv2s5vj.js";
|
|
6
6
|
const h = d(function(t, s) {
|
|
7
7
|
const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
|
|
8
8
|
"labelAddon",
|
|
@@ -22,9 +22,9 @@ const h = d(function(t, s) {
|
|
|
22
22
|
...l,
|
|
23
23
|
ref: s,
|
|
24
24
|
className: n(
|
|
25
|
-
"
|
|
26
|
-
e === "rtl" ? "
|
|
27
|
-
o === "rtl" ? "placeholder:
|
|
25
|
+
"dgsuikit:bg-transparent dgsuikit:leading-normal dgsuikit:w-full dgsuikit:h-full dgsuikit:focus:outline-none dgsuikit:ss02 dgsuikit:flex-1 dgsuikit:resize-none",
|
|
26
|
+
e === "rtl" ? "dgsuikit:text-right" : "dgsuikit:!text-left",
|
|
27
|
+
o === "rtl" ? "dgsuikit:placeholder:text-right" : "dgsuikit:placeholder:text-left",
|
|
28
28
|
a
|
|
29
29
|
),
|
|
30
30
|
rows: r.rows ?? 5
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioCheckboxWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,sBAAsB;IAC9B,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,qBAAsB,SAAQ,sBAAsB;IAC5D,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEvF,KAAK,yBAAyB,GAAG,2BAA2B,GAAG;IAC7D,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"RadioCheckboxWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,sBAAsB;IAC9B,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,qBAAsB,SAAQ,sBAAsB;IAC5D,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,oBAAqB,SAAQ,sBAAsB;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEvF,KAAK,yBAAyB,GAAG,2BAA2B,GAAG;IAC7D,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA6EvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),I=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../IconArrowRight2-CF_bdH81.cjs"),P=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(u,t)=>t+d)}function v({totalCount:d,pageSize:g,siblingCount:n,currentPage:u}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(u-n,1),c=Math.min(u+n,t),l=e>2,s=c<t-1,f=1,a=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,a]}const C=d=>{const{totalCount:g,pageSize:n,onPageChange:u,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),a=v({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=a[a.length-1];if(c&&a.length<2)return null;function r(i){typeof u=="function"&&u(i),f(i)}return o.jsxs("div",{className:I.clsx("
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),I=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../IconArrowRight2-CF_bdH81.cjs"),P=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(u,t)=>t+d)}function v({totalCount:d,pageSize:g,siblingCount:n,currentPage:u}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(u-n,1),c=Math.min(u+n,t),l=e>2,s=c<t-1,f=1,a=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,a]}const C=d=>{const{totalCount:g,pageSize:n,onPageChange:u,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),a=v({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=a[a.length-1];if(c&&a.length<2)return null;function r(i){typeof u=="function"&&u(i),f(i)}return o.jsxs("div",{className:I.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:w-full dgsuikit:px-4 dgsuikit:text-gray-600",l),children:[o.jsx(P,{disabled:s===1,onClick:()=>r(s-1),rightIcon:o.jsx(R.IconArrowRight2,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه قبل"}),o.jsx("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:md:gap-x-4",children:a.map((i,j)=>typeof i=="string"?o.jsx("div",{children:h},`${i}-${j}`):o.jsx("button",{className:I.clsx("dgsuikit:ss02 dgsuikit:w-9 dgsuikit:h-9 dgsuikit:md:w-11 dgsuikit:md:h-11 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:font-h6-bold dgsuikit:md:font-h5-bold dgsuikit:transition dgsuikit:border dgsuikit:border-solid dgsuikit:border-transparent dgsuikit:rounded-lg",i===s?"dgsuikit:bg-primary-500 dgsuikit:text-white":"dgsuikit:hover:text-primary-500 dgsuikit:hover:border-primary-200",l),onClick:()=>r(i),children:i},i))}),o.jsx(P,{disabled:s===x,onClick:()=>r(s+1),leftIcon:o.jsx(y.IconArrowLeft2,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه بعد"})]})};module.exports=C;
|
|
@@ -59,7 +59,7 @@ const B = (d) => {
|
|
|
59
59
|
"div",
|
|
60
60
|
{
|
|
61
61
|
className: p(
|
|
62
|
-
"
|
|
62
|
+
"dgsuikit:flex dgsuikit:justify-between dgsuikit:w-full dgsuikit:px-4 dgsuikit:text-gray-600",
|
|
63
63
|
c
|
|
64
64
|
),
|
|
65
65
|
children: [
|
|
@@ -74,12 +74,12 @@ const B = (d) => {
|
|
|
74
74
|
children: e && "صفحه قبل"
|
|
75
75
|
}
|
|
76
76
|
),
|
|
77
|
-
/* @__PURE__ */ r("div", { className: "
|
|
77
|
+
/* @__PURE__ */ r("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:md:gap-x-4", children: g.map((i, P) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, `${i}-${P}`) : /* @__PURE__ */ r(
|
|
78
78
|
"button",
|
|
79
79
|
{
|
|
80
80
|
className: p(
|
|
81
|
-
"ss02
|
|
82
|
-
i === s ? "
|
|
81
|
+
"dgsuikit:ss02 dgsuikit:w-9 dgsuikit:h-9 dgsuikit:md:w-11 dgsuikit:md:h-11 dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:font-h6-bold dgsuikit:md:font-h5-bold dgsuikit:transition dgsuikit:border dgsuikit:border-solid dgsuikit:border-transparent dgsuikit:rounded-lg",
|
|
82
|
+
i === s ? "dgsuikit:bg-primary-500 dgsuikit:text-white" : "dgsuikit:hover:text-primary-500 dgsuikit:hover:border-primary-200",
|
|
83
83
|
c
|
|
84
84
|
),
|
|
85
85
|
onClick: () => o(i),
|