@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.
@@ -1 +1 @@
1
- "use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),g=require("../clsx-C11secjj.cjs");;/* empty css */const u=require("../IconArrowLeft2-CNA3H0xY.cjs"),d=r=>{const{items:t,pageTitle:e,className:l}=r;return i.jsx("div",{className:g.clsx("dgsuikit:bg-gray-100 dgsuikit:w-full",l),children:i.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((s,n)=>i.jsxs("a",{href:s.link,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:[s.icon&&s.icon,i.jsx("div",{className:"dgsuikit:font-caption-demibold",children:s.title}),n!==t.length-1||n===t.length-1&&e?i.jsx(u.IconArrowLeft2,{width:16,height:16}):null]},s.link)),e?i.jsx("div",{className:"dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0",children:e}):null]})})};module.exports=d;
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 { ReactNode } from 'react';
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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAG1B,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CA8BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
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 n } from "../clsx-OuTLNxxd.js";
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
- import { I as r } from "../IconArrowLeft2-cxcPyDqS.js";
5
- const h = (a) => {
6
- const { items: s, pageTitle: l, className: d } = a;
7
- return /* @__PURE__ */ t("div", { className: n("dgsuikit:bg-gray-100 dgsuikit:w-full", d), 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, e) => /* @__PURE__ */ g(
9
- "a",
10
- {
11
- href: i.link,
12
- className: "dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",
13
- children: [
14
- i.icon && i.icon,
15
- /* @__PURE__ */ t("div", { className: "dgsuikit:font-caption-demibold", children: i.title }),
16
- e !== s.length - 1 || e === s.length - 1 && l ? /* @__PURE__ */ t(
17
- r,
18
- {
19
- width: 16,
20
- height: 16
21
- }
22
- ) : null
23
- ]
24
- },
25
- i.link
26
- )),
27
- l ? /* @__PURE__ */ t("div", { className: "dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0", children: l }) : null
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
- h as default
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>, 'showTooltip' | 'color'> {
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,aAAa,GAAG,OAAO,CAAC;IAC9F,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
+ {"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"),R=require("../../IconArrowLeft2-CNA3H0xY.cjs"),E=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",T={"۰":"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"},L=RegExp(`[${Object.keys(T).join()}]`,"gu");function M(e){return e.replace(L,i=>T[i])}function _(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=M(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}function P(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,showTooltip:h,value:a,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",P(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,h&&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:_(a)}),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 U(e){const{value:i,wrapperClassName:l,min:k,max:h,color:a="primary",step:n=1,onChange:b,disabled:g,endTitle:p,startTitle:m,showTooltip:v=!0}=e,s=Array.isArray(i),[r=0,d=0]=s?i:[0,0],o=u=>(u-k)/(h-k)*100,I=u=>{b(Number(u.target.value))},S=u=>{const f=Math.min(Number(u.target.value),d-n);b([f,d])},A=u=>{const f=Math.max(Number(u.target.value),r+n);b([r,f])},j=o(s?r:i),w=o(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":g},{"dgsuikit:bg-primary-500":a==="primary"&&!g},{"dgsuikit:bg-secondary-600":a==="secondary"&&!g}),style:{right:s?`${o(r)}%`:"0%",width:s?`${o(d)-o(r)}%`:`${o(i)}%`}}),t.jsx("input",{type:"range",min:k,max:s?d:h,step:n,value:s?r:i,onChange:s?S:I,disabled:g,className:y.clsx(N,s&&`${$} dgsuikit:right-0`),style:{width:s?`calc(${w}% - ${c}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:r,max:h,step:n,value:d,onChange:A,disabled:g,className:`${N} ${$} dgsuikit:left-0`,style:{width:`calc(${100-j}% - ${c}px)`}})]}),t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:inset-0",style:{width:`calc(100% - ${c}px)`},children:[t.jsx(C,{color:a,percent:j,disabled:g,showTooltip:v,value:s?r:i,icon:s&&t.jsx(R.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx(C,{color:a,percent:w,disabled:g,showTooltip:v,value:d,icon:t.jsx(E.IconArrowRight2,{width:x,height:x})})]})]}),!!(m??p)&&t.jsxs("div",{className:y.clsx("dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",g?"dgsuikit:text-gray-300":"dgsuikit:text-gray-500",{"dgsuikit:justify-between":m&&p},{"dgsuikit:justify-start":m&&!p},{"dgsuikit:justify-end":!m&&p}),children:[t.jsx("span",{children:m}),t.jsx("span",{children:p})]})]})}module.exports=U;
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,2CA6IhF;AAED,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,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 a, jsx as e } from "react/jsx-runtime";
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 M } from "../../IconArrowLeft2-cxcPyDqS.js";
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", T = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", S = {
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(S).join()}]`, "gu");
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 = P(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), 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 U(s, i) {
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 I = (s) => {
51
- const { percent: i, disabled: c, icon: p, showTooltip: m, value: n, color: o } = s;
52
- return /* @__PURE__ */ a(
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
- U(o, c),
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
- m && /* @__PURE__ */ a("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: R(n) }),
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 O(s) {
76
+ function Z(s) {
77
77
  const {
78
78
  value: i,
79
79
  wrapperClassName: c,
80
80
  min: p,
81
- max: m,
82
- color: n = "primary",
81
+ max: g,
82
+ color: m = "primary",
83
83
  step: o = 1,
84
84
  onChange: v,
85
- disabled: d,
85
+ disabled: r,
86
86
  endTitle: h,
87
87
  startTitle: y,
88
- showTooltip: w = !0
89
- } = s, t = Array.isArray(i), [g = 0, r = 0] = t ? i : [0, 0], l = (u) => (u - p) / (m - p) * 100, j = (u) => {
90
- v(Number(u.target.value));
91
- }, A = (u) => {
92
- const x = Math.min(Number(u.target.value), r - o);
93
- v([x, r]);
94
- }, E = (u) => {
95
- const x = Math.max(Number(u.target.value), g + o);
96
- v([g, x]);
97
- }, N = l(t ? g : i), $ = l(r);
98
- return /* @__PURE__ */ a("div", { ...c ? { className: c } : {}, children: [
99
- /* @__PURE__ */ a("div", { className: "dgsuikit:relative dgsuikit:group", children: [
100
- /* @__PURE__ */ a("div", { className: "dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center", children: [
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": d },
107
- { "dgsuikit:bg-primary-500": n === "primary" && !d },
108
- { "dgsuikit:bg-secondary-600": n === "secondary" && !d }
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(g)}%` : "0%",
112
- width: t ? `${l(r) - l(g)}%` : `${l(i)}%`
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 ? r : m,
125
+ max: t ? u : g,
122
126
  step: o,
123
- value: t ? g : i,
124
- onChange: t ? A : j,
125
- disabled: d,
127
+ value: t ? d : i,
128
+ onChange: t ? E : A,
129
+ disabled: r,
126
130
  className: f(
127
131
  C,
128
- t && `${T} dgsuikit:right-0`
132
+ t && `${I} dgsuikit:right-0`
129
133
  ),
130
134
  style: {
131
- width: t ? `calc(${$}% - ${k}px)` : "100%"
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: g,
140
- max: m,
143
+ min: d,
144
+ max: g,
141
145
  step: o,
142
- value: r,
143
- onChange: E,
144
- disabled: d,
145
- className: `${C} ${T} dgsuikit:left-0`,
146
+ value: u,
147
+ onChange: M,
148
+ disabled: r,
149
+ className: `${C} ${I} dgsuikit:left-0`,
146
150
  style: {
147
- width: `calc(${100 - N}% - ${k}px)`
151
+ width: `calc(${100 - w}% - ${k}px)`
148
152
  }
149
153
  }
150
154
  )
151
155
  ] }),
152
- /* @__PURE__ */ a(
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
- I,
165
+ S,
162
166
  {
163
- color: n,
164
- percent: N,
165
- disabled: d,
166
- showTooltip: w,
167
- value: t ? g : i,
167
+ ...$,
168
+ percent: w,
169
+ value: t ? d : i,
168
170
  icon: t && /* @__PURE__ */ e(
169
- M,
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
- I,
180
+ S,
179
181
  {
180
- color: n,
181
- percent: $,
182
- disabled: d,
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__ */ a(
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
- d ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
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
- O as default
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
- showTooltip?: boolean;
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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
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,4CAiMzC,CAAC;AAEF,eAAe,OAAO,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:r,isMultiple:s,isActive:n,disabled:u}){return s?i.jsx(H,{checked:n,label:r,readOnly:!0,disabled:u}):r}const D=r=>{const{option:s,onClick:n,value:u,mode:c,optionCellClassName:g,optionCell:t}=r;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:n,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=r=>{const{options:s,mode:n="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوان‌ها",value:p,optionCellClassName:y,emptyContent:F="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:R=!0}=r,[m,I]=a.useState(""),[x,B]=a.useState(0),k=a.useRef(null),v=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||n==="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 N=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return m?s?.filter(e=>e.label.includes(m)):s},[m,s]),j=a.useMemo(()=>n==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=N;n==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[N,x,p]),C=k?.current?.children[0]?.clientHeight??50,W=(N?.length??0)*C,w=a.useCallback(()=>{const e=k?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=k.current.offsetTop,T=Math.floor((o-P)/C);B(T>=0?T:0)},[C]);a.useEffect(()=>{const e=k.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!v.current||setTimeout(()=>{v.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(n==="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:v,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:m,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,n==="multiple"&&l&&j.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}‌ی انتخاب شده`}),j.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,y),...r},e.value))]}),i.jsxs(i.Fragment,{children:[n==="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:k,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)*C}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...r})},e.value))}),!S?.length&&!j.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(r,s){if(!Array.isArray(r))return s.find(n=>n.value===r)?.label??""}const K=r=>{const{searchable:s=!0,value:n,options:u}=r,c=Array.isArray(n)&&n.length>0;function g(){return r.inputProps?.prefix?r.inputProps.prefix:c?n.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=n.filter(y=>y!==l);r.onChange?.(p)}},l)):null}const t={...r};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(n,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,{...r})})};module.exports=K;
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;