@dgshahr/ui-kit 0.1.0 → 1.0.1
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/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 +114 -114
- 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/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +112 -124
- 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-BN0-64XB.js} +18 -18
- package/dist/PickerWrapper-_6_IfT-v.cjs +1 -0
- package/dist/Progress/Bar/index.cjs +1 -1
- package/dist/Progress/Bar/index.mjs +11 -11
- 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 +20 -20
- 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/dist/useFlipPosition-BWxiBDQ_.js +124 -0
- package/dist/useFlipPosition-CWhLgzoz.cjs +1 -0
- 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
- package/dist/useFlipPosition-CLwjhe7O.cjs +0 -1
- package/dist/useFlipPosition-pGmVUUhs.js +0 -133
|
@@ -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),
|
|
@@ -3,9 +3,9 @@ import { jsxs as R, jsx as t, Fragment as S } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as i } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import { createContext as D, useContext as O, useRef as A, useEffect as L, useState as p } from "react";
|
|
5
5
|
import V from "./Drawer/index.mjs";
|
|
6
|
-
import { u as _ } from "./useFlipPosition-
|
|
6
|
+
import { u as _ } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import { I as j } from "./IconArrowDown2-7ddwV5IE.js";
|
|
8
|
-
import { I as F } from "./index-
|
|
8
|
+
import { I as F } from "./index-Cj_9z9UD.js";
|
|
9
9
|
import './assets/styles.css';/* empty css */
|
|
10
10
|
const v = D({
|
|
11
11
|
toggleWrapperVisibility: () => {
|
|
@@ -20,7 +20,7 @@ const v = D({
|
|
|
20
20
|
document.removeEventListener("click", s, !0);
|
|
21
21
|
};
|
|
22
22
|
}, [e, a]), e;
|
|
23
|
-
}, C = "
|
|
23
|
+
}, C = "dgsuikit:duration-300", x = 400, X = (a) => {
|
|
24
24
|
const {
|
|
25
25
|
dropdownType: e = "popover",
|
|
26
26
|
disabled: s,
|
|
@@ -54,40 +54,40 @@ const v = D({
|
|
|
54
54
|
}, x));
|
|
55
55
|
}
|
|
56
56
|
const c = i({
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
57
|
+
"dgsuikit:!cursor-not-allowed": s,
|
|
58
|
+
"dgsuikit:!cursor-wait": o,
|
|
59
|
+
"dgsuikit:!cursor-pointer": !o && !s
|
|
60
60
|
});
|
|
61
61
|
return /* @__PURE__ */ R(
|
|
62
62
|
"div",
|
|
63
63
|
{
|
|
64
64
|
ref: E,
|
|
65
|
-
className: i("
|
|
65
|
+
className: i("dgsuikit:relative", N),
|
|
66
66
|
children: [
|
|
67
67
|
/* @__PURE__ */ t(
|
|
68
68
|
"button",
|
|
69
69
|
{
|
|
70
70
|
ref: P,
|
|
71
71
|
type: "button",
|
|
72
|
-
className: i("
|
|
72
|
+
className: i("dgsuikit:w-full", c),
|
|
73
73
|
onClick: w,
|
|
74
74
|
children: g ? g(n) : /* @__PURE__ */ t(
|
|
75
75
|
F,
|
|
76
76
|
{
|
|
77
|
-
leftIcon: o ? /* @__PURE__ */ t("div", { className: "dot-flashing
|
|
77
|
+
leftIcon: o ? /* @__PURE__ */ t("div", { className: "dot-flashing dgsuikit:mr-2" }) : /* @__PURE__ */ t(
|
|
78
78
|
j,
|
|
79
79
|
{
|
|
80
80
|
width: 20,
|
|
81
81
|
height: 20,
|
|
82
|
-
className: i("
|
|
83
|
-
"
|
|
82
|
+
className: i("dgsuikit:transition", C, {
|
|
83
|
+
"dgsuikit:rotate-180": n
|
|
84
84
|
})
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
87
|
containerClassName: i(c, {
|
|
88
|
-
"
|
|
88
|
+
"dgsuikit:items-baseline": o
|
|
89
89
|
}),
|
|
90
|
-
className: i("
|
|
90
|
+
className: i("dgsuikit:caret-transparent", c),
|
|
91
91
|
disabled: s,
|
|
92
92
|
...I
|
|
93
93
|
}
|
|
@@ -105,12 +105,12 @@ const v = D({
|
|
|
105
105
|
{
|
|
106
106
|
ref: W,
|
|
107
107
|
className: i(
|
|
108
|
-
"
|
|
108
|
+
"dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",
|
|
109
109
|
C,
|
|
110
|
-
n ? "
|
|
110
|
+
n ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",
|
|
111
111
|
{
|
|
112
|
-
"
|
|
113
|
-
"
|
|
112
|
+
"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]": h.includes("bottom"),
|
|
113
|
+
"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]": h.includes("top")
|
|
114
114
|
},
|
|
115
115
|
y
|
|
116
116
|
),
|
|
@@ -123,7 +123,7 @@ const v = D({
|
|
|
123
123
|
open: n,
|
|
124
124
|
onClose: () => u(!1),
|
|
125
125
|
containerClassName: i(
|
|
126
|
-
"
|
|
126
|
+
"dgsuikit:!pb-3 dgsuikit:!px-0",
|
|
127
127
|
k?.containerClassName
|
|
128
128
|
),
|
|
129
129
|
children: m
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-CWhLgzoz.cjs"),S=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-BCqGGELs.cjs");;/* empty css */const v=n.createContext({toggleWrapperVisibility:()=>{}}),D=()=>n.useContext(v),A=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},C="dgsuikit:duration-300",b=400,O=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:I,popoverClassName:y}=a,[u,c]=n.useState(!1),[f,d]=n.useState(!1),[x,P]=n.useState("bottom-left");let o;const{anchorRef:T,popperRef:W}=q.useFlipPosition({initialPosition:"bottom-left",minVisible:180,onPositionChange(l){P(w=>w===l?w:l)}}),j=A(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{d(!1)},b))});function h(){if(s||r)return;const l=!f;o&&clearTimeout(o),l?(d(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{d(!1)},b))}const p=e.clsx({"dgsuikit:!cursor-not-allowed":s,"dgsuikit:!cursor-wait":r,"dgsuikit:!cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgsuikit:relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgsuikit:w-full",p),onClick:h,children:g?g(u):t.jsx(E.Input,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":u})}),containerClassName:e.clsx(p,{"dgsuikit:items-baseline":r}),className:e.clsx("dgsuikit:caret-transparent",p),disabled:s,...I})}),t.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{ref:W,className:e.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",C,u?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),e=require("../../clsx-C11secjj.cjs");require("react");;/* empty css */const l=a=>{const{title:
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),e=require("../../clsx-C11secjj.cjs");require("react");;/* empty css */const l=a=>{const{title:u,current:t,total:r=100,color:s="primary",currentShowType:c="percentage",className:g}=a,d=t/r*100;return i.jsxs("div",{className:e.clsx("dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-2",g),children:[i.jsxs("div",{className:e.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:justify-between dgsuikit:font-p2-regular",{"dgsuikit:text-primary-500":s==="primary","dgsuikit:text-secondary-500":s==="secondary"}),children:[i.jsx("span",{children:u}),i.jsx("span",{className:"dgsuikit:ss02",children:c==="percentage"?`${Math.floor(d)}%`:`${t} از ${r}`})]}),i.jsx("div",{className:e.clsx("dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:relative",{"dgsuikit:bg-primary-100":s==="primary","dgsuikit:bg-secondary-100":s==="secondary"}),children:i.jsx("div",{className:e.clsx("dgsuikit:rounded-sm dgsuikit:absolute dgsuikit:right-0 dgsuikit:h-full dgsuikit:top-0",{"dgsuikit:bg-primary-500":s==="primary","dgsuikit:bg-secondary-500":s==="secondary"}),style:{width:t>r?"100%":`${d}%`}})})]})};module.exports=l;
|
|
@@ -11,38 +11,38 @@ const p = (g) => {
|
|
|
11
11
|
currentShowType: c = "percentage",
|
|
12
12
|
className: o
|
|
13
13
|
} = g, d = r / e * 100;
|
|
14
|
-
return /* @__PURE__ */ a("div", { className: t("
|
|
14
|
+
return /* @__PURE__ */ a("div", { className: t("dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-2", o), children: [
|
|
15
15
|
/* @__PURE__ */ a(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
18
|
className: t(
|
|
19
|
-
"
|
|
19
|
+
"dgsuikit:flex dgsuikit:items-center dgsuikit:justify-between dgsuikit:font-p2-regular",
|
|
20
20
|
{
|
|
21
|
-
"
|
|
22
|
-
"
|
|
21
|
+
"dgsuikit:text-primary-500": i === "primary",
|
|
22
|
+
"dgsuikit:text-secondary-500": i === "secondary"
|
|
23
23
|
}
|
|
24
24
|
),
|
|
25
25
|
children: [
|
|
26
26
|
/* @__PURE__ */ s("span", { children: u }),
|
|
27
|
-
/* @__PURE__ */ s("span", { className: "ss02", children: c === "percentage" ? `${Math.floor(d)}%` : `${r} از ${e}` })
|
|
27
|
+
/* @__PURE__ */ s("span", { className: "dgsuikit:ss02", children: c === "percentage" ? `${Math.floor(d)}%` : `${r} از ${e}` })
|
|
28
28
|
]
|
|
29
29
|
}
|
|
30
30
|
),
|
|
31
31
|
/* @__PURE__ */ s(
|
|
32
32
|
"div",
|
|
33
33
|
{
|
|
34
|
-
className: t("
|
|
35
|
-
"
|
|
36
|
-
"
|
|
34
|
+
className: t("dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:relative", {
|
|
35
|
+
"dgsuikit:bg-primary-100": i === "primary",
|
|
36
|
+
"dgsuikit:bg-secondary-100": i === "secondary"
|
|
37
37
|
}),
|
|
38
38
|
children: /* @__PURE__ */ s(
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
className: t(
|
|
42
|
-
"
|
|
42
|
+
"dgsuikit:rounded-sm dgsuikit:absolute dgsuikit:right-0 dgsuikit:h-full dgsuikit:top-0",
|
|
43
43
|
{
|
|
44
|
-
"
|
|
45
|
-
"
|
|
44
|
+
"dgsuikit:bg-primary-500": i === "primary",
|
|
45
|
+
"dgsuikit:bg-secondary-500": i === "secondary"
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
48
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),l={primary:{empty:"
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),l={primary:{empty:"dgsuikit:stroke-primary-100",filled:"dgsuikit:stroke-primary-500"},secondary:{empty:"dgsuikit:stroke-secondary-100",filled:"dgsuikit:stroke-secondary-600"},gray:{empty:"dgsuikit:stroke-gray-400",filled:"dgsuikit:stroke-gray-50"}},h=d=>{const{color:o="primary",current:u,total:e,size:t=48,showText:k,strokeSize:r=6,svgProps:g,textClassName:m}=d,c=Math.min(Math.max(u,0),e),x=c/e*100,i=(t-r)/2,a=2*Math.PI*i,y=a*(1-x/100);return s.jsxs("svg",{width:t,height:t,viewBox:`0 0 ${t} ${t}`,...g,children:[s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:l[o].empty,strokeWidth:r,fill:"none"}),s.jsx("circle",{cx:t/2,cy:t/2,r:i,className:n.clsx(l[o].filled,"dgsuikit:transition-all"),strokeWidth:r,fill:"none",strokeDasharray:a,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${t/2} ${t/2})`}),k&&s.jsxs("text",{x:"50%",y:"50%",dominantBaseline:"middle",textAnchor:"middle",className:n.clsx("dgsuikit:font-caption-regular dgsuikit:text-gray-600 dgsuikit:ss02",m),children:[c," از ",e]})]})};module.exports=h;
|
|
@@ -2,16 +2,16 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
const l = {
|
|
4
4
|
primary: {
|
|
5
|
-
empty: "
|
|
6
|
-
filled: "
|
|
5
|
+
empty: "dgsuikit:stroke-primary-100",
|
|
6
|
+
filled: "dgsuikit:stroke-primary-500"
|
|
7
7
|
},
|
|
8
8
|
secondary: {
|
|
9
|
-
empty: "
|
|
10
|
-
filled: "
|
|
9
|
+
empty: "dgsuikit:stroke-secondary-100",
|
|
10
|
+
filled: "dgsuikit:stroke-secondary-600"
|
|
11
11
|
},
|
|
12
12
|
gray: {
|
|
13
|
-
empty: "
|
|
14
|
-
filled: "
|
|
13
|
+
empty: "dgsuikit:stroke-gray-400",
|
|
14
|
+
filled: "dgsuikit:stroke-gray-50"
|
|
15
15
|
}
|
|
16
16
|
}, S = (m) => {
|
|
17
17
|
const {
|
|
@@ -20,10 +20,10 @@ const l = {
|
|
|
20
20
|
total: e,
|
|
21
21
|
size: t = 48,
|
|
22
22
|
showText: g,
|
|
23
|
-
strokeSize:
|
|
23
|
+
strokeSize: s = 6,
|
|
24
24
|
svgProps: u,
|
|
25
25
|
textClassName: y
|
|
26
|
-
} = m, o = Math.min(Math.max(k, 0), e), f = o / e * 100,
|
|
26
|
+
} = m, o = Math.min(Math.max(k, 0), e), f = o / e * 100, r = (t - s) / 2, a = 2 * Math.PI * r, p = a * (1 - f / 100);
|
|
27
27
|
return /* @__PURE__ */ c(
|
|
28
28
|
"svg",
|
|
29
29
|
{
|
|
@@ -37,9 +37,9 @@ const l = {
|
|
|
37
37
|
{
|
|
38
38
|
cx: t / 2,
|
|
39
39
|
cy: t / 2,
|
|
40
|
-
r
|
|
40
|
+
r,
|
|
41
41
|
className: l[i].empty,
|
|
42
|
-
strokeWidth:
|
|
42
|
+
strokeWidth: s,
|
|
43
43
|
fill: "none"
|
|
44
44
|
}
|
|
45
45
|
),
|
|
@@ -48,9 +48,9 @@ const l = {
|
|
|
48
48
|
{
|
|
49
49
|
cx: t / 2,
|
|
50
50
|
cy: t / 2,
|
|
51
|
-
r
|
|
52
|
-
className: d(l[i].filled, "
|
|
53
|
-
strokeWidth:
|
|
51
|
+
r,
|
|
52
|
+
className: d(l[i].filled, "dgsuikit:transition-all"),
|
|
53
|
+
strokeWidth: s,
|
|
54
54
|
fill: "none",
|
|
55
55
|
strokeDasharray: a,
|
|
56
56
|
strokeDashoffset: p,
|
|
@@ -66,7 +66,7 @@ const l = {
|
|
|
66
66
|
dominantBaseline: "middle",
|
|
67
67
|
textAnchor: "middle",
|
|
68
68
|
className: d(
|
|
69
|
-
"
|
|
69
|
+
"dgsuikit:font-caption-regular dgsuikit:text-gray-600 dgsuikit:ss02",
|
|
70
70
|
y
|
|
71
71
|
),
|
|
72
72
|
children: [
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),r=require("./clsx-C11secjj.cjs");;/* empty css */const n=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:u,isError:c,label:d,variant:s="default"}=g,o=g.icon,e=c||!!t;return i.jsxs("label",{className:r.clsx("dgsuikit:flex dgsuikit:w-fit dgsuikit:justify-between dgsuikit:items-center dgsuikit:group dgsuikit:has-[:disabled]:opacity-40 dgsuikit:has-[:disabled]:cursor-not-allowed dgsuikit:transition",{"dgsuikit:p-3 dgsuikit:border dgsuikit:w-full dgsuikit:border-solid dgsuikit:rounded-xl dgsuikit:bg-white dgsuikit:has-[:checked]:bg-primary-50":s==="bordered","dgsuikit:has-[:checked]:border-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:ring-4 dgsuikit:hover:ring-gray-100 has-[:focus]:ring dgsuikit:has-[:focus]:ring-primary-300 dgsuikit:has-[:focus]:ring-offset-1 dgsuikit:has-[:focus]:ring-offset-white":s==="bordered"&&!e,"dgsuikit:border-error-500 dgsuikit:hover:ring-4 dgsuikit:hover:ring-error-50 has-[:focus]:ring dgsuikit:has-[:focus]:ring-error-300 dgsuikit:has-[:focus]:ring-offset-1 dgsuikit:has-[:focus]:ring-offset-white":s==="bordered"&&e},a),children:[i.jsxs("div",{className:r.clsx("dgsuikit:flex dgsuikit:items-start dgsuikit:space-x-2"),children:[i.jsx("div",{className:r.clsx("dgsuikit:relative dgsuikit:h-[18px] dgsuikit:w-[18px] dgsuikit:shrink-0",{"dgsuikit:mt-1":d}),children:k({inputClassName:r.clsx("dgsuikit:peer dgsuikit:w-full dgsuikit:h-full dgsuikit:disabled:bg-gray-200 dgsuikit:appearance-none dgsuikit:border dgsuikit:border-gray-300 dgsuikit:group-hover:border-primary-500 dgsuikit:checked:bg-primary-500 dgsuikit:checked:border-transparent dgsuikit:transition-all",{"dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100 dgsuikit:focus:!ring dgsuikit:focus:!ring-primary-300 dgsuikit:focus:ring-offset-1 dgsuikit:focus:ring-offset-white":s!=="bordered"&&!e,"dgsuikit:!border-error-500 dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-error-50 dgsuikit:focus:!ring dgsuikit:focus:!ring-error-300 dgsuikit:focus:ring-offset-1 dgsuikit:focus:ring-offset-white":s!=="bordered"&&e}),checkedInputClassName:"dgsuikit:absolute dgsuikit:top-0 dgsuikit:left-0 dgsuikit:w-full dgsuikit:h-full dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:text-white dgsuikit:opacity-0 dgsuikit:peer-checked:opacity-100 dgsuikit:transition-opacity"})}),!!d&&i.jsxs("div",{className:"dgsuikit:space-y-1",children:[i.jsx("div",{className:"dgsuikit:font-p2-medium dgsuikit:text-gray-700 dgsuikit:transition dgsuikit:group-hover:text-primary-500",children:d}),!!(t||u)&&i.jsx("div",{className:r.clsx("dgsuikit:font-p3-regular",t?"dgsuikit:text-error-500":"dgsuikit:text-gray-500"),children:t||u})]})]}),s==="bordered"&&o?i.jsx("div",{className:"dgsuikit:text-gray-600 dgsuikit:group-hover:text-primary-500 dgsuikit:group-checked:text-primary-500",children:o}):null]})};exports.RadioCheckboxWrapper=n;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsxs as g, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import './assets/styles.css';/* empty css */
|
|
4
|
+
const p = (u) => {
|
|
5
|
+
const {
|
|
6
|
+
children: a,
|
|
7
|
+
containerClassName: n,
|
|
8
|
+
errorMessage: r,
|
|
9
|
+
helperMessage: o,
|
|
10
|
+
isError: c,
|
|
11
|
+
label: d,
|
|
12
|
+
variant: i = "default"
|
|
13
|
+
} = u, k = u.icon, t = c || !!r;
|
|
14
|
+
return /* @__PURE__ */ g(
|
|
15
|
+
"label",
|
|
16
|
+
{
|
|
17
|
+
className: s(
|
|
18
|
+
"dgsuikit:flex dgsuikit:w-fit dgsuikit:justify-between dgsuikit:items-center dgsuikit:group dgsuikit:has-[:disabled]:opacity-40 dgsuikit:has-[:disabled]:cursor-not-allowed dgsuikit:transition",
|
|
19
|
+
{
|
|
20
|
+
"dgsuikit:p-3 dgsuikit:border dgsuikit:w-full dgsuikit:border-solid dgsuikit:rounded-xl dgsuikit:bg-white dgsuikit:has-[:checked]:bg-primary-50": i === "bordered",
|
|
21
|
+
"dgsuikit:has-[:checked]:border-primary-500 dgsuikit:border-gray-200 dgsuikit:hover:ring-4 dgsuikit:hover:ring-gray-100 has-[:focus]:ring dgsuikit:has-[:focus]:ring-primary-300 dgsuikit:has-[:focus]:ring-offset-1 dgsuikit:has-[:focus]:ring-offset-white": i === "bordered" && !t,
|
|
22
|
+
"dgsuikit:border-error-500 dgsuikit:hover:ring-4 dgsuikit:hover:ring-error-50 has-[:focus]:ring dgsuikit:has-[:focus]:ring-error-300 dgsuikit:has-[:focus]:ring-offset-1 dgsuikit:has-[:focus]:ring-offset-white": i === "bordered" && t
|
|
23
|
+
},
|
|
24
|
+
n
|
|
25
|
+
),
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ g("div", { className: s("dgsuikit:flex dgsuikit:items-start dgsuikit:space-x-2"), children: [
|
|
28
|
+
/* @__PURE__ */ e(
|
|
29
|
+
"div",
|
|
30
|
+
{
|
|
31
|
+
className: s(
|
|
32
|
+
"dgsuikit:relative dgsuikit:h-[18px] dgsuikit:w-[18px] dgsuikit:shrink-0",
|
|
33
|
+
{
|
|
34
|
+
"dgsuikit:mt-1": d
|
|
35
|
+
}
|
|
36
|
+
),
|
|
37
|
+
children: a({
|
|
38
|
+
inputClassName: s(
|
|
39
|
+
"dgsuikit:peer dgsuikit:w-full dgsuikit:h-full dgsuikit:disabled:bg-gray-200 dgsuikit:appearance-none dgsuikit:border dgsuikit:border-gray-300 dgsuikit:group-hover:border-primary-500 dgsuikit:checked:bg-primary-500 dgsuikit:checked:border-transparent dgsuikit:transition-all",
|
|
40
|
+
{
|
|
41
|
+
"dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100 dgsuikit:focus:!ring dgsuikit:focus:!ring-primary-300 dgsuikit:focus:ring-offset-1 dgsuikit:focus:ring-offset-white": i !== "bordered" && !t,
|
|
42
|
+
"dgsuikit:!border-error-500 dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-error-50 dgsuikit:focus:!ring dgsuikit:focus:!ring-error-300 dgsuikit:focus:ring-offset-1 dgsuikit:focus:ring-offset-white": i !== "bordered" && t
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
checkedInputClassName: "dgsuikit:absolute dgsuikit:top-0 dgsuikit:left-0 dgsuikit:w-full dgsuikit:h-full dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:text-white dgsuikit:opacity-0 dgsuikit:peer-checked:opacity-100 dgsuikit:transition-opacity"
|
|
46
|
+
})
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
!!d && /* @__PURE__ */ g("div", { className: "dgsuikit:space-y-1", children: [
|
|
50
|
+
/* @__PURE__ */ e("div", { className: "dgsuikit:font-p2-medium dgsuikit:text-gray-700 dgsuikit:transition dgsuikit:group-hover:text-primary-500", children: d }),
|
|
51
|
+
!!(r || o) && /* @__PURE__ */ e(
|
|
52
|
+
"div",
|
|
53
|
+
{
|
|
54
|
+
className: s(
|
|
55
|
+
"dgsuikit:font-p3-regular",
|
|
56
|
+
r ? "dgsuikit:text-error-500" : "dgsuikit:text-gray-500"
|
|
57
|
+
),
|
|
58
|
+
children: r || o
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] })
|
|
62
|
+
] }),
|
|
63
|
+
i === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgsuikit:text-gray-600 dgsuikit:group-hover:text-primary-500 dgsuikit:group-checked:text-primary-500", children: k }) : null
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
};
|
|
68
|
+
export {
|
|
69
|
+
p as R
|
|
70
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+
|
|
1
|
+
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+CAuBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const DURATION_CLASS = "
|
|
2
|
-
export declare const ITEMS_SHARED_CLASS = "
|
|
3
|
-
export declare const DISABLED_CLASS = "
|
|
4
|
-
export declare const ACTIVE_CLASS = "
|
|
5
|
-
export declare const SECOND_LEVEL_ACTIVE_CLASS = "
|
|
1
|
+
export declare const DURATION_CLASS = "dgsuikit:duration-300";
|
|
2
|
+
export declare const ITEMS_SHARED_CLASS = "dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600";
|
|
3
|
+
export declare const DISABLED_CLASS = "dgsuikit:opacity-40 dgsuikit:pointer-events-none";
|
|
4
|
+
export declare const ACTIVE_CLASS = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600";
|
|
5
|
+
export declare const SECOND_LEVEL_ACTIVE_CLASS = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600 dgsuikit:before:content-[\"\"] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4";
|
|
6
6
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,0BAA0B,CAAC;AACtD,eAAO,MAAM,kBAAkB,+NAC+L,CAAC;AAC/N,eAAO,MAAM,cAAc,qDAAqD,CAAC;AACjF,eAAO,MAAM,YAAY,sDAAsD,CAAC;AAChF,eAAO,MAAM,yBAAyB,ySAAqQ,CAAC"}
|
package/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-BCqGGELs.cjs");;/* empty css */const y=require("../AccordionItem-BrqkdsVm.cjs"),E=require("../Divider/index.cjs"),R=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),h="dgsuikit:duration-300",C="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",v="dgsuikit:opacity-40 dgsuikit:pointer-events-none",O="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",S=`${O} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,_=o.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>o.useContext(_),m=s=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",s?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function N(s,t){return i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",t?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",t?"dgsuikit:w-full":"dgsuikit:w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(e=>{if("children"in e&&e.children){const l=q(e.children,t);if(l.length>0)return{...e,children:l}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:l,searchInput:a}=p();return i.jsx(B.Input,{value:t,onChange:e,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",m(l),typeof a=="object"&&a.wrapperClassName,h)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=p(),[l,a]=o.useState(""),[k,f]=o.useState(e??[]),b=o.useCallback(I.debounce(u=>{f(q(k,u))},800),[]);function j(u){const c=u.target.value;a(c),b(c)}function w(){a(""),f(e??[])}return o.useEffect(()=>{l&&w()},[s]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!t&&i.jsx(D,{value:l,onChange:j}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((u,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",m(s)),children:u.title}),i.jsx(y.AccordionGroup,{className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:u.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgsuikit:pr-3",r.disabled&&v,r.active&&S,s?"dgsuikit:pl-9":"dgsuikit:pl-3",C),children:N(r,s)},r.link):i.jsx(y.AccordionItem,{className:d.clsx("dgsuikit:!p-0",r.disabled&&v),title:N(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",s?"dgsuikit:px-3":"dgsuikit:!justify-center",r.children?.find(n=>n.active)&&S,C),children:r.children?.map(n=>i.jsxs("a",{href:n.link,className:d.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",n.disabled&&v,n.active&&O,C),children:[i.jsx("p",{children:n.title}),n.badgeCount&&i.jsx(A,{valueType:"number",value:n.badgeCount,color:"error",type:"twoTone",size:"small"})]},n.link))},r.link??r.title))}),c!==k.length-1&&i.jsx(E,{type:"horizontal"})]},u.title))})]})},F=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgsuikit:mb-4 dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2",{"dgsuikit:pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgsuikit:size-12 dgsuikit:rounded-full dgsuikit:shrink-0"}),i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:flex-col",m(t)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700",children:s?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>t(!s),children:i.jsx(R.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",s&&"dgsuikit:rotate-180",h),width:16,height:16})})},L=s=>{const{isOpen:t,setIsOpen:e,className:l,logo:a,items:k,extraComponent:f,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:u,hideOnClose:c}=s,r=s.openOnHover,n=u?"div":o.Fragment,x=document.documentElement;return o.useEffect(()=>{if(c)return;const g="dgsuikit:pr-[80px]";return x.classList.add(g),()=>{x.classList.remove(g)}},[c]),o.useEffect(()=>{if(!u)return;const g="dgsuikit:overflow-hidden";return t?x.classList.add(g):x.classList.remove(g),()=>{x.classList.remove(g)}},[u,t]),i.jsx(_.Provider,{value:s,children:i.jsx(n,{...n==="div"?{className:d.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-50 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",t?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:g=>{g.target===g.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(l,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":t,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!t&&!c,"dgsuikit:w-0 dgsuikit:opacity-0":!t&&c},h),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(V,{}),!!(a?.open??a?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[f,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=L;
|