@dgshahr/ui-kit 1.2.0 → 1.3.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/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.d.ts +2 -10
- package/dist/Breadcrumb/index.d.ts.map +1 -1
- package/dist/Breadcrumb/index.mjs +29 -26
- package/dist/Breadcrumb/types.d.ts +21 -0
- package/dist/Breadcrumb/types.d.ts.map +1 -0
- package/dist/Form/RangeInput/Thumb.d.ts +1 -1
- package/dist/Form/RangeInput/Thumb.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.cjs +1 -1
- package/dist/Form/RangeInput/index.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.mjs +67 -67
- package/dist/Form/RangeInput/types.d.ts +2 -1
- package/dist/Form/RangeInput/types.d.ts.map +1 -1
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +46 -46
- package/dist/Sidebar/Profile.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +95 -82
- package/dist/assets/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const
|
|
1
|
+
"use strict";require('../assets/styles.css');const s=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),u=require("../IconArrowLeft2-CNA3H0xY.cjs");;/* empty css */const k=l=>{const{items:t,pageTitle:n,className:g}=l;return s.jsx("div",{className:r.clsx("dgsuikit:bg-gray-100 dgsuikit:w-full",g),children:s.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container",children:[t.map((i,e)=>{const o="link"in i?"a":"button";return s.jsxs(o,{..."link"in i?{href:i.link}:{onClick:i.onClick},className:"dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",children:[i.icon&&i.icon,s.jsx("div",{className:"dgsuikit:font-caption-demibold",children:i.title}),e!==t.length-1||e===t.length-1&&n?s.jsx(u.IconArrowLeft2,{width:16,height:16}):null]},i.title)}),n?s.jsx("div",{className:"dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0",children:n}):null]})})};module.exports=k;
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface BreadcrumbProps {
|
|
3
|
-
items: {
|
|
4
|
-
link: string;
|
|
5
|
-
title: string;
|
|
6
|
-
icon?: ReactNode;
|
|
7
|
-
}[];
|
|
8
|
-
pageTitle?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
1
|
+
import { BreadcrumbProps } from './types';
|
|
11
2
|
declare const Breadcrumb: (props: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
3
|
export default Breadcrumb;
|
|
4
|
+
export * from './types';
|
|
13
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmCzC,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
import { jsx as t, jsxs as g } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as a } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import { I as d } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
3
4
|
import '../assets/styles.css';/* empty css */
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
5
|
+
const p = (o) => {
|
|
6
|
+
const { items: s, pageTitle: n, className: e } = o;
|
|
7
|
+
return /* @__PURE__ */ t("div", { className: a("dgsuikit:bg-gray-100 dgsuikit:w-full", e), children: /* @__PURE__ */ g("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container", children: [
|
|
8
|
+
s.map((i, l) => {
|
|
9
|
+
const k = "link" in i ? "a" : "button";
|
|
10
|
+
return /* @__PURE__ */ g(
|
|
11
|
+
k,
|
|
12
|
+
{
|
|
13
|
+
..."link" in i ? { href: i.link } : { onClick: i.onClick },
|
|
14
|
+
className: "dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",
|
|
15
|
+
children: [
|
|
16
|
+
i.icon && i.icon,
|
|
17
|
+
/* @__PURE__ */ t("div", { className: "dgsuikit:font-caption-demibold", children: i.title }),
|
|
18
|
+
l !== s.length - 1 || l === s.length - 1 && n ? /* @__PURE__ */ t(
|
|
19
|
+
d,
|
|
20
|
+
{
|
|
21
|
+
width: 16,
|
|
22
|
+
height: 16
|
|
23
|
+
}
|
|
24
|
+
) : null
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
i.title
|
|
28
|
+
);
|
|
29
|
+
}),
|
|
30
|
+
n ? /* @__PURE__ */ t("div", { className: "dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0", children: n }) : null
|
|
28
31
|
] }) });
|
|
29
32
|
};
|
|
30
33
|
export {
|
|
31
|
-
|
|
34
|
+
p as default
|
|
32
35
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface BreadcrumbItemBase {
|
|
3
|
+
title: string;
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface BreadcrumbItemLink {
|
|
7
|
+
link: string;
|
|
8
|
+
onClick?: never;
|
|
9
|
+
}
|
|
10
|
+
interface BreadcrumbItemOnClick {
|
|
11
|
+
link?: never;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
}
|
|
14
|
+
export type BreadcrumbItem = BreadcrumbItemBase & (BreadcrumbItemLink | BreadcrumbItemOnClick);
|
|
15
|
+
export interface BreadcrumbProps {
|
|
16
|
+
items: BreadcrumbItem[];
|
|
17
|
+
pageTitle?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AACD,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;AAE/F,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { RangeInputProps, RangeValueType } from './types';
|
|
3
|
-
interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, '
|
|
3
|
+
interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, 'tooltip' | 'color'> {
|
|
4
4
|
percent: number;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
icon?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1F,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAYD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),y=require("../../clsx-C11secjj.cjs"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),y=require("../../clsx-C11secjj.cjs"),E=require("../../IconArrowLeft2-CNA3H0xY.cjs"),L=require("../../IconArrowRight2-CF_bdH81.cjs"),c=24,x=c/2,N="dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",$="dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2",I={"۰":"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"},M=RegExp(`[${Object.keys(I).join()}]`,"gu");function P(e){return e.replace(M,i=>I[i])}function _(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=P(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}function U(e,i){return i?"dgsuikit:bg-gray-300":e==="primary"?"dgsuikit:bg-primary-500 dgsuikit:group-hover:bg-primary-400 dgsuikit:group-active:bg-primary-600":"dgsuikit:bg-secondary-600 dgsuikit:group-hover:bg-secondary-500 dgsuikit:group-active:bg-secondary-700"}const C=e=>{const{percent:i,disabled:l,icon:k,tooltip:g,value:p,color:n}=e;return t.jsxs("div",{className:y.clsx("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",U(n,l),l&&"dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:c,height:c},children:[k,g&&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:typeof g=="boolean"?_(p):g}),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 q(e){const{value:i,wrapperClassName:l,min:k,max:g,color:p="primary",step:n=1,onChange:b,disabled:d,endTitle:h,startTitle:m,tooltip:S=!0}=e,s=Array.isArray(i),[r=0,u=0]=s?i:[0,0],o=a=>(a-k)/(g-k)*100,T=a=>{b(Number(a.target.value))},A=a=>{const f=Math.min(Number(a.target.value),u-n);b([f,u])},R=a=>{const f=Math.max(Number(a.target.value),r+n);b([r,f])},v=o(s?r:i),j=o(u),w={color:p,tooltip:S,disabled:d};return t.jsxs("div",{...l?{className:l}:{},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:y.clsx("dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",{"dgsuikit:bg-gray-300":d},{"dgsuikit:bg-primary-500":p==="primary"&&!d},{"dgsuikit:bg-secondary-600":p==="secondary"&&!d}),style:{right:s?`${o(r)}%`:"0%",width:s?`${o(u)-o(r)}%`:`${o(i)}%`}}),t.jsx("input",{type:"range",min:k,max:s?u:g,step:n,value:s?r:i,onChange:s?A:T,disabled:d,className:y.clsx(N,s&&`${$} dgsuikit:right-0`),style:{width:s?`calc(${j}% - ${c}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:r,max:g,step:n,value:u,onChange:R,disabled:d,className:`${N} ${$} dgsuikit:left-0`,style:{width:`calc(${100-v}% - ${c}px)`}})]}),t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:inset-0",style:{width:`calc(100% - ${c}px)`},children:[t.jsx(C,{...w,percent:v,value:s?r:i,icon:s&&t.jsx(E.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx(C,{...w,percent:j,value:u,icon:t.jsx(L.IconArrowRight2,{width:x,height:x})})]})]}),!!(m??h)&&t.jsxs("div",{className:y.clsx("dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",d?"dgsuikit:text-gray-300":"dgsuikit:text-gray-500",{"dgsuikit:justify-between":m&&h},{"dgsuikit:justify-start":m&&!h},{"dgsuikit:justify-end":!m&&h}),children:[t.jsx("span",{children:m}),t.jsx("span",{children:h})]})]})}module.exports=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,iBAAS,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,iBAAS,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CA+IhF;AAED,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { I as
|
|
3
|
+
import { I as P } from "../../IconArrowLeft2-cxcPyDqS.js";
|
|
4
4
|
import { I as _ } from "../../IconArrowRight2-BoXg0Gkw.js";
|
|
5
|
-
const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",
|
|
5
|
+
const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", I = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", T = {
|
|
6
6
|
// Persian
|
|
7
7
|
"۰": "0",
|
|
8
8
|
"۱": "1",
|
|
@@ -36,25 +36,25 @@ const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent d
|
|
|
36
36
|
"𝟕": "7",
|
|
37
37
|
"𝟖": "8",
|
|
38
38
|
"𝟗": "9"
|
|
39
|
-
}, L = RegExp(`[${Object.keys(
|
|
40
|
-
function P(s) {
|
|
41
|
-
return s.replace(L, (i) => S[i]);
|
|
42
|
-
}
|
|
39
|
+
}, L = RegExp(`[${Object.keys(T).join()}]`, "gu");
|
|
43
40
|
function R(s) {
|
|
41
|
+
return s.replace(L, (i) => T[i]);
|
|
42
|
+
}
|
|
43
|
+
function U(s) {
|
|
44
44
|
let i = typeof s == "number" ? s.toString() : s;
|
|
45
|
-
return i = i.toString(), i =
|
|
45
|
+
return i = i.toString(), i = R(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
|
|
46
46
|
}
|
|
47
|
-
function
|
|
47
|
+
function z(s, i) {
|
|
48
48
|
return i ? "dgsuikit:bg-gray-300" : s === "primary" ? "dgsuikit:bg-primary-500 dgsuikit:group-hover:bg-primary-400 dgsuikit:group-active:bg-primary-600" : "dgsuikit:bg-secondary-600 dgsuikit:group-hover:bg-secondary-500 dgsuikit:group-active:bg-secondary-700";
|
|
49
49
|
}
|
|
50
|
-
const
|
|
51
|
-
const { percent: i, disabled: c, icon: p,
|
|
52
|
-
return /* @__PURE__ */
|
|
50
|
+
const S = (s) => {
|
|
51
|
+
const { percent: i, disabled: c, icon: p, tooltip: g, value: m, color: o } = s;
|
|
52
|
+
return /* @__PURE__ */ n(
|
|
53
53
|
"div",
|
|
54
54
|
{
|
|
55
55
|
className: f(
|
|
56
56
|
"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",
|
|
57
|
-
|
|
57
|
+
z(o, c),
|
|
58
58
|
c && "dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:transition-[background-color,box-shadow]"
|
|
59
59
|
// state classes
|
|
60
60
|
),
|
|
@@ -65,51 +65,55 @@ const I = (s) => {
|
|
|
65
65
|
},
|
|
66
66
|
children: [
|
|
67
67
|
p,
|
|
68
|
-
|
|
69
|
-
/* @__PURE__ */ e("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:
|
|
68
|
+
g && /* @__PURE__ */ n("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: [
|
|
69
|
+
/* @__PURE__ */ e("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: typeof g == "boolean" ? U(m) : g }),
|
|
70
70
|
/* @__PURE__ */ e("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" })
|
|
71
71
|
] })
|
|
72
72
|
]
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
75
|
};
|
|
76
|
-
function
|
|
76
|
+
function Z(s) {
|
|
77
77
|
const {
|
|
78
78
|
value: i,
|
|
79
79
|
wrapperClassName: c,
|
|
80
80
|
min: p,
|
|
81
|
-
max:
|
|
82
|
-
color:
|
|
81
|
+
max: g,
|
|
82
|
+
color: m = "primary",
|
|
83
83
|
step: o = 1,
|
|
84
84
|
onChange: v,
|
|
85
|
-
disabled:
|
|
85
|
+
disabled: r,
|
|
86
86
|
endTitle: h,
|
|
87
87
|
startTitle: y,
|
|
88
|
-
|
|
89
|
-
} = s, t = Array.isArray(i), [
|
|
90
|
-
v(Number(
|
|
91
|
-
},
|
|
92
|
-
const x = Math.min(Number(
|
|
93
|
-
v([x,
|
|
94
|
-
},
|
|
95
|
-
const x = Math.max(Number(
|
|
96
|
-
v([
|
|
97
|
-
},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
88
|
+
tooltip: j = !0
|
|
89
|
+
} = s, t = Array.isArray(i), [d = 0, u = 0] = t ? i : [0, 0], l = (a) => (a - p) / (g - p) * 100, A = (a) => {
|
|
90
|
+
v(Number(a.target.value));
|
|
91
|
+
}, E = (a) => {
|
|
92
|
+
const x = Math.min(Number(a.target.value), u - o);
|
|
93
|
+
v([x, u]);
|
|
94
|
+
}, M = (a) => {
|
|
95
|
+
const x = Math.max(Number(a.target.value), d + o);
|
|
96
|
+
v([d, x]);
|
|
97
|
+
}, w = l(t ? d : i), N = l(u), $ = {
|
|
98
|
+
color: m,
|
|
99
|
+
tooltip: j,
|
|
100
|
+
disabled: r
|
|
101
|
+
};
|
|
102
|
+
return /* @__PURE__ */ n("div", { ...c ? { className: c } : {}, children: [
|
|
103
|
+
/* @__PURE__ */ n("div", { className: "dgsuikit:relative dgsuikit:group", children: [
|
|
104
|
+
/* @__PURE__ */ n("div", { className: "dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center", children: [
|
|
101
105
|
/* @__PURE__ */ e(
|
|
102
106
|
"div",
|
|
103
107
|
{
|
|
104
108
|
className: f(
|
|
105
109
|
"dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",
|
|
106
|
-
{ "dgsuikit:bg-gray-300":
|
|
107
|
-
{ "dgsuikit:bg-primary-500":
|
|
108
|
-
{ "dgsuikit:bg-secondary-600":
|
|
110
|
+
{ "dgsuikit:bg-gray-300": r },
|
|
111
|
+
{ "dgsuikit:bg-primary-500": m === "primary" && !r },
|
|
112
|
+
{ "dgsuikit:bg-secondary-600": m === "secondary" && !r }
|
|
109
113
|
),
|
|
110
114
|
style: {
|
|
111
|
-
right: t ? `${l(
|
|
112
|
-
width: t ? `${l(
|
|
115
|
+
right: t ? `${l(d)}%` : "0%",
|
|
116
|
+
width: t ? `${l(u) - l(d)}%` : `${l(i)}%`
|
|
113
117
|
}
|
|
114
118
|
}
|
|
115
119
|
),
|
|
@@ -118,17 +122,17 @@ function O(s) {
|
|
|
118
122
|
{
|
|
119
123
|
type: "range",
|
|
120
124
|
min: p,
|
|
121
|
-
max: t ?
|
|
125
|
+
max: t ? u : g,
|
|
122
126
|
step: o,
|
|
123
|
-
value: t ?
|
|
124
|
-
onChange: t ?
|
|
125
|
-
disabled:
|
|
127
|
+
value: t ? d : i,
|
|
128
|
+
onChange: t ? E : A,
|
|
129
|
+
disabled: r,
|
|
126
130
|
className: f(
|
|
127
131
|
C,
|
|
128
|
-
t && `${
|
|
132
|
+
t && `${I} dgsuikit:right-0`
|
|
129
133
|
),
|
|
130
134
|
style: {
|
|
131
|
-
width: t ? `calc(${
|
|
135
|
+
width: t ? `calc(${N}% - ${k}px)` : "100%"
|
|
132
136
|
}
|
|
133
137
|
}
|
|
134
138
|
),
|
|
@@ -136,20 +140,20 @@ function O(s) {
|
|
|
136
140
|
"input",
|
|
137
141
|
{
|
|
138
142
|
type: "range",
|
|
139
|
-
min:
|
|
140
|
-
max:
|
|
143
|
+
min: d,
|
|
144
|
+
max: g,
|
|
141
145
|
step: o,
|
|
142
|
-
value:
|
|
143
|
-
onChange:
|
|
144
|
-
disabled:
|
|
145
|
-
className: `${C} ${
|
|
146
|
+
value: u,
|
|
147
|
+
onChange: M,
|
|
148
|
+
disabled: r,
|
|
149
|
+
className: `${C} ${I} dgsuikit:left-0`,
|
|
146
150
|
style: {
|
|
147
|
-
width: `calc(${100 -
|
|
151
|
+
width: `calc(${100 - w}% - ${k}px)`
|
|
148
152
|
}
|
|
149
153
|
}
|
|
150
154
|
)
|
|
151
155
|
] }),
|
|
152
|
-
/* @__PURE__ */
|
|
156
|
+
/* @__PURE__ */ n(
|
|
153
157
|
"div",
|
|
154
158
|
{
|
|
155
159
|
className: "dgsuikit:absolute dgsuikit:inset-0",
|
|
@@ -158,15 +162,13 @@ function O(s) {
|
|
|
158
162
|
},
|
|
159
163
|
children: [
|
|
160
164
|
/* @__PURE__ */ e(
|
|
161
|
-
|
|
165
|
+
S,
|
|
162
166
|
{
|
|
163
|
-
|
|
164
|
-
percent:
|
|
165
|
-
|
|
166
|
-
showTooltip: w,
|
|
167
|
-
value: t ? g : i,
|
|
167
|
+
...$,
|
|
168
|
+
percent: w,
|
|
169
|
+
value: t ? d : i,
|
|
168
170
|
icon: t && /* @__PURE__ */ e(
|
|
169
|
-
|
|
171
|
+
P,
|
|
170
172
|
{
|
|
171
173
|
width: b,
|
|
172
174
|
height: b
|
|
@@ -175,13 +177,11 @@ function O(s) {
|
|
|
175
177
|
}
|
|
176
178
|
),
|
|
177
179
|
t && /* @__PURE__ */ e(
|
|
178
|
-
|
|
180
|
+
S,
|
|
179
181
|
{
|
|
180
|
-
|
|
181
|
-
percent:
|
|
182
|
-
|
|
183
|
-
showTooltip: w,
|
|
184
|
-
value: r,
|
|
182
|
+
...$,
|
|
183
|
+
percent: N,
|
|
184
|
+
value: u,
|
|
185
185
|
icon: /* @__PURE__ */ e(
|
|
186
186
|
_,
|
|
187
187
|
{
|
|
@@ -195,12 +195,12 @@ function O(s) {
|
|
|
195
195
|
}
|
|
196
196
|
)
|
|
197
197
|
] }),
|
|
198
|
-
!!(y ?? h) && /* @__PURE__ */
|
|
198
|
+
!!(y ?? h) && /* @__PURE__ */ n(
|
|
199
199
|
"div",
|
|
200
200
|
{
|
|
201
201
|
className: f(
|
|
202
202
|
"dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",
|
|
203
|
-
|
|
203
|
+
r ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
|
|
204
204
|
{ "dgsuikit:justify-between": y && h },
|
|
205
205
|
{ "dgsuikit:justify-start": y && !h },
|
|
206
206
|
{ "dgsuikit:justify-end": !y && h }
|
|
@@ -214,5 +214,5 @@ function O(s) {
|
|
|
214
214
|
] });
|
|
215
215
|
}
|
|
216
216
|
export {
|
|
217
|
-
|
|
217
|
+
Z as default
|
|
218
218
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
export type RangeValueType = number | number[];
|
|
2
3
|
export interface RangeInputProps<T extends RangeValueType> {
|
|
3
4
|
value: T;
|
|
@@ -7,7 +8,7 @@ export interface RangeInputProps<T extends RangeValueType> {
|
|
|
7
8
|
color?: 'primary' | 'secondary';
|
|
8
9
|
step?: number;
|
|
9
10
|
disabled?: boolean;
|
|
10
|
-
|
|
11
|
+
tooltip?: boolean | ReactNode;
|
|
11
12
|
startTitle?: string;
|
|
12
13
|
endTitle?: string;
|
|
13
14
|
wrapperClassName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAmMzC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-BCqGGELs.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-DW8CAD-G.cjs"),$=require("../../Chip/index.cjs");;/* empty css */function z({label:
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-BCqGGELs.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-DW8CAD-G.cjs"),$=require("../../Chip/index.cjs");;/* empty css */function z({label:n,isMultiple:s,isActive:r,disabled:u}){return s?i.jsx(H,{checked:r,label:n,readOnly:!0,disabled:u}):n}const D=n=>{const{option:s,onClick:r,value:u,mode:c,optionCellClassName:g,optionCell:t}=n;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:r,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:s.disabled,children:t?t(s,l()):z({label:s.label,isMultiple:c==="multiple",isActive:l(),disabled:s.disabled??!1})})},A=a.memo(D),U=20,G=n=>{const{options:s,mode:r="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:v,emptyContent:F="نتیجهای یافت نشد !",showClearButtonOnEmpty:R=!0}=n,[k,I]=a.useState(""),[x,B]=a.useState(0),m=a.useRef(null),N=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||r==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!u&&"dgsuikit:last-of-type:border-b");let h;const b=t;typeof t=="boolean"?h=t:h=Object.keys(t).length>0;const j=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return k?s?.filter(e=>e.label.includes(k)):s},[k,s]),C=a.useMemo(()=>r==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=j;r==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[j,x,p]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(r==="multiple"?C.length??0:0))*y,w=a.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=m.current.offsetTop,T=Math.floor((o-P)/y);B(T>=0?T:0)},[y]);a.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(r==="multiple"){const o=[...p??[]];o.includes(e)?o.splice(o.indexOf(e),1):o.push(e),g(o)}else g(e),L()},[p]);return i.jsxs(i.Fragment,{children:[h&&i.jsx(E.Input,{ref:N,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",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,r==="multiple"&&l&&C.length>0&&i.jsxs(i.Fragment,{children:[i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}ی انتخاب شده`}),C.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,v),...n},e.value))]}),i.jsxs(i.Fragment,{children:[r==="multiple"&&l&&i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),i.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:W},children:S?.map((e,o)=>i.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+o)*y}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...n})},e.value))}),!S?.length&&!C.length&&i.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[i.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:F}),R&&i.jsx(V,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),u]})};function J(n,s){if(!Array.isArray(n))return s.find(r=>r.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:r,options:u}=n,c=Array.isArray(r)&&r.length>0;function g(){return n.inputProps?.prefix?n.inputProps.prefix:c?r.map(l=>i.jsx($,{label:u.find(f=>f.value===l)?.label,clickable:!0,leftIcon:i.jsx(E.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=r.filter(v=>v!==l);n.onChange?.(p)}},l)):null}const t={...n};return t.dropdownType==="popover"&&!s&&(t.popoverClassName=d.clsx("dgsuikit:pt-3",t.popoverClassName)),t.dropdownType==="drawer"&&(t.drawerProps={...t.drawerProps,containerClassName:d.clsx(s?"dgsuikit:!pt-0":"dgsuikit:!pt-3",t.drawerProps?.containerClassName)}),t.customInput||(t.inputProps={...t.inputProps,value:J(r,u),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",t.inputProps?.prefixClassName):t.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":t.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",t.inputProps?.containerClassName):t.inputProps?.containerClassName}),i.jsx(M.PickerWrapper,{...t,children:i.jsx(G,{...n})})};module.exports=K;
|