@dgshahr/ui-kit 0.0.91 → 0.0.93

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.
Files changed (40) hide show
  1. package/dist/Chip/index.cjs +1 -1
  2. package/dist/Chip/index.mjs +1 -1
  3. package/dist/Form/Datepicker/index.cjs +1 -1
  4. package/dist/Form/Datepicker/index.mjs +1 -1
  5. package/dist/Form/FileUploader/index.cjs +1 -1
  6. package/dist/Form/FileUploader/index.mjs +34 -34
  7. package/dist/Form/FileUploader/types.d.ts +1 -1
  8. package/dist/Form/FileUploader/types.d.ts.map +1 -1
  9. package/dist/Form/Input/index.cjs +1 -1
  10. package/dist/Form/Input/index.d.ts +6 -4
  11. package/dist/Form/Input/index.d.ts.map +1 -1
  12. package/dist/Form/Input/index.mjs +8 -166
  13. package/dist/Form/OtpInput/index.cjs +1 -1
  14. package/dist/Form/OtpInput/index.mjs +7 -7
  15. package/dist/Form/RangeInput/Thumb.d.ts +11 -0
  16. package/dist/Form/RangeInput/Thumb.d.ts.map +1 -0
  17. package/dist/Form/RangeInput/constants.d.ts +5 -0
  18. package/dist/Form/RangeInput/constants.d.ts.map +1 -0
  19. package/dist/Form/RangeInput/index.cjs +1 -0
  20. package/dist/Form/RangeInput/index.d.ts +5 -0
  21. package/dist/Form/RangeInput/index.d.ts.map +1 -0
  22. package/dist/Form/RangeInput/index.mjs +209 -0
  23. package/dist/Form/RangeInput/types.d.ts +14 -0
  24. package/dist/Form/RangeInput/types.d.ts.map +1 -0
  25. package/dist/Form/Select/index.cjs +1 -1
  26. package/dist/Form/Select/index.d.ts.map +1 -1
  27. package/dist/Form/Select/index.mjs +143 -114
  28. package/dist/PickerWrapper-VwVWt_Vr.cjs +1 -0
  29. package/dist/{PickerWrapper-CrHfM70f.js → PickerWrapper-rZ3IIgox.js} +1 -1
  30. package/dist/Sidebar/index.cjs +1 -1
  31. package/dist/Sidebar/index.mjs +1 -1
  32. package/dist/assets/styles.css +1 -1
  33. package/dist/index-BOxK2gfQ.js +183 -0
  34. package/dist/index-CSis3p-s.cjs +1 -0
  35. package/dist/index.cjs +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.d.ts.map +1 -1
  38. package/dist/index.mjs +37 -35
  39. package/package.json +8 -2
  40. package/dist/PickerWrapper-BuAOe-BZ.cjs +0 -1
@@ -1,168 +1,10 @@
1
- import { jsxs as h, jsx as t } from "react/jsx-runtime";
2
- import { c as f } from "../../clsx-OuTLNxxd.js";
3
- import { forwardRef as y, useState as C } from "react";
4
- import { I } from "../../IconEye-DATABBb3.js";
5
- import { o as N } from "../../omitObjects-CxFrrlkX.js";
6
- import { T as R } from "../../TextFieldWrapper-CQgQsfMJ.js";
7
- const b = (n) => /* @__PURE__ */ h(
8
- "svg",
9
- {
10
- xmlns: "http://www.w3.org/2000/svg",
11
- width: "1em",
12
- height: "1em",
13
- fill: "none",
14
- viewBox: "0 0 24 24",
15
- ...n,
16
- children: [
17
- /* @__PURE__ */ t(
18
- "path",
19
- {
20
- fill: "currentColor",
21
- fillRule: "evenodd",
22
- d: "m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",
23
- clipRule: "evenodd"
24
- }
25
- ),
26
- /* @__PURE__ */ t(
27
- "path",
28
- {
29
- fill: "currentColor",
30
- fillRule: "evenodd",
31
- d: "m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",
32
- clipRule: "evenodd"
33
- }
34
- ),
35
- /* @__PURE__ */ t(
36
- "path",
37
- {
38
- fill: "currentColor",
39
- fillRule: "evenodd",
40
- d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",
41
- clipRule: "evenodd"
42
- }
43
- )
44
- ]
45
- }
46
- ), M = (n) => /* @__PURE__ */ t(
47
- "svg",
48
- {
49
- xmlns: "http://www.w3.org/2000/svg",
50
- width: "1em",
51
- height: "1em",
52
- fill: "none",
53
- viewBox: "0 0 24 24",
54
- ...n,
55
- children: /* @__PURE__ */ t(
56
- "path",
57
- {
58
- fill: "currentColor",
59
- fillRule: "evenodd",
60
- d: "M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",
61
- clipRule: "evenodd"
62
- }
63
- )
64
- }
65
- ), z = y(function(a, m) {
66
- const {
67
- dir: i = "rtl",
68
- placeholderDir: x = i,
69
- containerClassName: w,
70
- leftIcon: d,
71
- prefix: u,
72
- postfix: p,
73
- onClear: r,
74
- value: o,
75
- ...e
76
- } = a, v = N(e, [
77
- "labelAddon",
78
- "labelContent",
79
- "link",
80
- "rightIcon",
81
- "isError",
82
- "errorMessage",
83
- "hintMessage",
84
- "wrapperClassName",
85
- "showMaxLength"
86
- ]), [c, k] = C(e.type);
87
- function g() {
88
- return /* @__PURE__ */ t(
89
- "button",
90
- {
91
- onClick: () => {
92
- typeof r == "function" && r();
93
- },
94
- children: /* @__PURE__ */ t(
95
- b,
96
- {
97
- className: "dgs-ui-kit-text-gray-600",
98
- width: 20,
99
- height: 20
100
- }
101
- )
102
- }
103
- );
104
- }
105
- return /* @__PURE__ */ h(
106
- R,
107
- {
108
- ...a,
109
- containerClassName: f("dgs-ui-kit-items-center", w),
110
- value: o,
111
- children: [
112
- u && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: u }),
113
- typeof r == "function" && o && i === "ltr" && g(),
114
- /* @__PURE__ */ t(
115
- "input",
116
- {
117
- ...v,
118
- ref: m,
119
- className: f(
120
- "dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
121
- i === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
122
- x === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
123
- {
124
- ss02: e.type != "password"
125
- },
126
- a.className
127
- ),
128
- ...i === "ltr" ? { style: { direction: "ltr" } } : {},
129
- value: o,
130
- type: c,
131
- onInput: (s) => {
132
- if (typeof e.onInput == "function" && e.onInput(s) || c !== "number") return;
133
- const l = s.currentTarget;
134
- l.value.length > l.maxLength && (l.value = l.value.slice(0, l.maxLength));
135
- }
136
- }
137
- ),
138
- typeof r == "function" && o && i === "rtl" && g(),
139
- p && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: p }),
140
- d && /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-600", children: d }),
141
- e.type === "password" && /* @__PURE__ */ t(
142
- "button",
143
- {
144
- type: "button",
145
- onClick: () => k((s) => s === "text" ? "password" : "text"),
146
- className: "dgs-ui-kit-text-gray-600",
147
- children: c === "password" ? /* @__PURE__ */ t(
148
- I,
149
- {
150
- width: 20,
151
- height: 20
152
- }
153
- ) : /* @__PURE__ */ t(
154
- M,
155
- {
156
- width: 20,
157
- height: 20
158
- }
159
- )
160
- }
161
- )
162
- ]
163
- }
164
- );
165
- });
1
+ import "react/jsx-runtime";
2
+ import "../../clsx-OuTLNxxd.js";
3
+ import "react";
4
+ import { I as f } from "../../index-BOxK2gfQ.js";
5
+ import "../../IconEye-DATABBb3.js";
6
+ import "../../omitObjects-CxFrrlkX.js";
7
+ import "../../TextFieldWrapper-CQgQsfMJ.js";
166
8
  export {
167
- z as default
9
+ f as default
168
10
  };
@@ -1 +1 @@
1
- "use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),b=require("../../FieldBottomInfo-CE1uBAqq.cjs"),q=require("../../TextFieldWrapper-CQbBbmlX.cjs"),w=require("../Input/index.cjs");;/* empty css */const F=o=>o.replace(/[۰-۹]/g,i=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))),T=o=>{const{inputsNumber:i=4,onChange:c,onEnd:p,className:y,inputsContainerClassName:N,labelContent:g,hintMessage:d,errorMessage:a,isError:j,value:n,...v}=o,f=k.useRef(!1);function u(r){document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus()}function C(r,e){const t=[r.code,r.key];if(n[e]&&t.includes(n[e])){u(e+1);return}if(t.includes("Backspace")||t.includes("Delete")){const s=n.split("");s[e]="",e!==0&&u(e-1),c(s.join(""))}else t.includes("ArrowLeft")?u(e-1):t.includes("ArrowRight")&&u(e+1)}function E(r,e){const t=F(r.currentTarget.value),s=n.split("");t.length>1?t.split("").forEach((I,h)=>{h<i&&(s[h]=I)}):s[e]=t,c(s.join("")),e+1!==i&&t&&u(e+1)}return k.useEffect(()=>{n.length===i&&f.current?(f.current=!1,typeof p=="function"&&p(n)):n.length<i&&(f.current=!0)},[n]),l.jsxs("div",{className:m.clsx("dgs-ui-kit-space-y-2",y),children:[g?l.jsx(q.FieldLabel,{labelContent:g}):null,l.jsx("div",{className:m.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",N),children:Array.from(Array(i).keys()).map((r,e)=>l.jsx(w,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:e===0,onChange:t=>E(t,e),onKeyUp:t=>C(t,e),onFocus:t=>t.currentTarget.select(),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!a||j,autoComplete:"off",maxLength:e===0&&!Number(n.split("")[0])?void 0:1,onPaste:t=>{const s=t.clipboardData.getData("text");Number(s)&&c(s)},onInput:t=>{const s=t.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...v},r))}),a||d?l.jsx(b.FieldBottomInfo,{errorMessage:a,hintMessage:d}):null]})};module.exports=T;
1
+ "use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),b=require("../../FieldBottomInfo-CE1uBAqq.cjs"),q=require("../../TextFieldWrapper-CQbBbmlX.cjs"),w=require("../../index-CSis3p-s.cjs");;/* empty css */const F=o=>o.replace(/[۰-۹]/g,u=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(u))),T=o=>{const{inputsNumber:u=4,onChange:c,onEnd:p,className:y,inputsContainerClassName:N,labelContent:g,hintMessage:d,errorMessage:a,isError:I,value:n,...j}=o,f=k.useRef(!1);function i(r){document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus()}function v(r,e){const t=[r.code,r.key];if(n[e]&&t.includes(n[e])){i(e+1);return}if(t.includes("Backspace")||t.includes("Delete")){const s=n.split("");s[e]="",e!==0&&i(e-1),c(s.join(""))}else t.includes("ArrowLeft")?i(e-1):t.includes("ArrowRight")&&i(e+1)}function C(r,e){const t=F(r.currentTarget.value),s=n.split("");t.length>1?t.split("").forEach((E,h)=>{h<u&&(s[h]=E)}):s[e]=t,c(s.join("")),e+1!==u&&t&&i(e+1)}return k.useEffect(()=>{n.length===u&&f.current?(f.current=!1,typeof p=="function"&&p(n)):n.length<u&&(f.current=!0)},[n]),l.jsxs("div",{className:m.clsx("dgs-ui-kit-space-y-2",y),children:[g?l.jsx(q.FieldLabel,{labelContent:g}):null,l.jsx("div",{className:m.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",N),children:Array.from(Array(u).keys()).map((r,e)=>l.jsx(w.Input,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:e===0,onChange:t=>C(t,e),onKeyUp:t=>v(t,e),onFocus:t=>t.currentTarget.select(),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!a||I,autoComplete:"off",maxLength:e===0&&!Number(n.split("")[0])?void 0:1,onPaste:t=>{const s=t.clipboardData.getData("text");Number(s)&&c(s)},onInput:t=>{const s=t.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...j},r))}),a||d?l.jsx(b.FieldBottomInfo,{errorMessage:a,hintMessage:d}):null]})};module.exports=T;
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import { jsxs as w, jsx as u } from "react/jsx-runtime";
2
+ import { jsxs as b, jsx as u } from "react/jsx-runtime";
3
3
  import { c as h } from "../../clsx-OuTLNxxd.js";
4
- import { useRef as I, useEffect as F } from "react";
4
+ import { useRef as w, useEffect as F } from "react";
5
5
  import { F as T } from "../../FieldBottomInfo-CJ8_Kr25.js";
6
6
  import { F as j } from "../../TextFieldWrapper-CQgQsfMJ.js";
7
- import A from "../Input/index.mjs";
7
+ import { I as A } from "../../index-BOxK2gfQ.js";
8
8
  import '../../assets/styles.css';/* empty css */
9
9
  const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), U = (l) => {
10
10
  const {
@@ -19,7 +19,7 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
19
19
  isError: N,
20
20
  value: n,
21
21
  ...v
22
- } = l, f = I(!1);
22
+ } = l, f = w(!1);
23
23
  function o(r) {
24
24
  document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus();
25
25
  }
@@ -36,13 +36,13 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
36
36
  }
37
37
  function E(r, e) {
38
38
  const t = B(r.currentTarget.value), s = n.split("");
39
- t.length > 1 ? t.split("").forEach((b, d) => {
40
- d < i && (s[d] = b);
39
+ t.length > 1 ? t.split("").forEach((I, d) => {
40
+ d < i && (s[d] = I);
41
41
  }) : s[e] = t, a(s.join("")), e + 1 !== i && t && o(e + 1);
42
42
  }
43
43
  return F(() => {
44
44
  n.length === i && f.current ? (f.current = !1, typeof p == "function" && p(n)) : n.length < i && (f.current = !0);
45
- }, [n]), /* @__PURE__ */ w("div", { className: h("dgs-ui-kit-space-y-2", k), children: [
45
+ }, [n]), /* @__PURE__ */ b("div", { className: h("dgs-ui-kit-space-y-2", k), children: [
46
46
  g ? /* @__PURE__ */ u(j, { labelContent: g }) : null,
47
47
  /* @__PURE__ */ u(
48
48
  "div",
@@ -0,0 +1,11 @@
1
+ import { FC } from 'react';
2
+ import { RangeInputProps, RangeValueType } from './types';
3
+ interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, 'showTooltip'> {
4
+ percent: number;
5
+ disabled?: boolean;
6
+ icon?: React.ReactNode;
7
+ value: number;
8
+ }
9
+ declare const RangeThumb: FC<RangeThumbProps>;
10
+ export default RangeThumb;
11
+ //# sourceMappingURL=Thumb.d.ts.map
@@ -0,0 +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,CAAC;IACpF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare const THUMB_SIZE = 24;
2
+ export declare const THUMB_ICON_SIZE: number;
3
+ export declare const INPUT_DEFAULT_CLASS = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10";
4
+ export declare const MULTIPLE_INPUT_CLASS = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2";
5
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,8FAC6D,CAAC;AAC9F,eAAO,MAAM,oBAAoB,qEACmC,CAAC"}
@@ -0,0 +1 @@
1
+ "use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10",N="dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2",C={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},E=RegExp(`[${Object.keys(C).join()}]`,"gu");function L(e){return e.replace(E,i=>C[i])}function M(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=L(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}const $=e=>{const{percent:i,disabled:p,icon:l,showTooltip:c,value:r}=e;return t.jsxs("div",{className:m.clsx("dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",p?"!dgs-ui-kit-bg-gray-300":"group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:o,height:o},children:[l,c&&t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5",children:[t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02",children:M(r)}),t.jsx("div",{className:"dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"})]})]})};function _(e){const{value:i,wrapperClassName:p,min:l,max:c,step:r=1,onChange:b,disabled:a,endTitle:k,startTitle:h,showTooltip:f=!0}=e,s=Array.isArray(i),[d=0,g=0]=s?i:[0,0],n=u=>(u-l)/(c-l)*100,I=u=>{b(Number(u.target.value))},S=u=>{const y=Math.min(Number(u.target.value),g-r);b([y,g])},T=u=>{const y=Math.max(Number(u.target.value),d+r);b([d,y])},v=n(s?d:i),j=n(g);return t.jsxs("div",{...p?{className:p}:{},children:[t.jsxs("div",{className:"dgs-ui-kit-relative dgs-ui-kit-group",children:[t.jsxs("div",{className:"dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center",children:[t.jsx("div",{className:m.clsx("dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",a?"dgs-ui-kit-bg-gray-300":"dgs-ui-kit-bg-primary-500"),style:{right:s?`${n(d)}%`:"0%",width:s?`${n(g)-n(d)}%`:`${n(i)}%`}}),t.jsx("input",{type:"range",min:l,max:s?g:c,step:r,value:s?d:i,onChange:s?S:I,disabled:a,className:m.clsx(w,s&&`${N} dgs-ui-kit-right-0`),style:{width:s?`calc(${j}% - ${o}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:d,max:c,step:r,value:g,onChange:T,disabled:a,className:`${w} ${N} dgs-ui-kit-left-0`,style:{width:`calc(${100-v}% - ${o}px)`}})]}),t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-inset-0",style:{width:`calc(100% - ${o}px)`},children:[t.jsx($,{percent:v,disabled:a,showTooltip:f,value:s?d:i,icon:s&&t.jsx(A.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx($,{percent:j,disabled:a,showTooltip:f,value:g,icon:t.jsx(R.IconArrowRight2,{width:x,height:x})})]})]}),!!(h??k)&&t.jsxs("div",{className:m.clsx("dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",a?"dgs-ui-kit-text-gray-300":"dgs-ui-kit-text-gray-500",{"dgs-ui-kit-justify-between":h&&k},{"dgs-ui-kit-justify-start":h&&!k},{"dgs-ui-kit-justify-end":!h&&k}),children:[t.jsx("span",{children:h}),t.jsx("span",{children:k})]})]})}module.exports=_;
@@ -0,0 +1,5 @@
1
+ import { RangeInputProps, RangeValueType } from './types';
2
+ declare function RangeInput<T extends RangeValueType>(props: Readonly<RangeInputProps<T>>): import("react/jsx-runtime").JSX.Element;
3
+ export default RangeInput;
4
+ export * from './types';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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,2CAwIhF;AAED,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
@@ -0,0 +1,209 @@
1
+ import { jsxs as r, jsx as s } from "react/jsx-runtime";
2
+ import { c as y } from "../../clsx-OuTLNxxd.js";
3
+ import { I as E } from "../../IconArrowLeft2-cxcPyDqS.js";
4
+ import { I as M } from "../../IconArrowRight2-BoXg0Gkw.js";
5
+ const l = 24, b = l / 2, $ = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10", C = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2", S = {
6
+ // Persian
7
+ "۰": "0",
8
+ "۱": "1",
9
+ "۲": "2",
10
+ "۳": "3",
11
+ "۴": "4",
12
+ "۵": "5",
13
+ "۶": "6",
14
+ "۷": "7",
15
+ "۸": "8",
16
+ "۹": "9",
17
+ // Arabic
18
+ "٠": "0",
19
+ "١": "1",
20
+ "٢": "2",
21
+ "٣": "3",
22
+ "٤": "4",
23
+ "٥": "5",
24
+ "٦": "6",
25
+ "٧": "7",
26
+ "٨": "8",
27
+ "٩": "9",
28
+ // Bold
29
+ "𝟎": "0",
30
+ "𝟏": "1",
31
+ "𝟐": "2",
32
+ "𝟑": "3",
33
+ "𝟒": "4",
34
+ "𝟓": "5",
35
+ "𝟔": "6",
36
+ "𝟕": "7",
37
+ "𝟖": "8",
38
+ "𝟗": "9"
39
+ }, _ = RegExp(`[${Object.keys(S).join()}]`, "gu");
40
+ function L(e) {
41
+ return e.replace(_, (i) => S[i]);
42
+ }
43
+ function P(e) {
44
+ let i = typeof e == "number" ? e.toString() : e;
45
+ return i = i.toString(), i = L(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
46
+ }
47
+ const I = (e) => {
48
+ const { percent: i, disabled: m, icon: k, showTooltip: c, value: a } = e;
49
+ return /* @__PURE__ */ r(
50
+ "div",
51
+ {
52
+ className: y(
53
+ "dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",
54
+ m ? "!dgs-ui-kit-bg-gray-300" : "group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"
55
+ // state classes
56
+ ),
57
+ style: {
58
+ right: `${i}%`,
59
+ width: l,
60
+ height: l
61
+ },
62
+ children: [
63
+ k,
64
+ c && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5", children: [
65
+ /* @__PURE__ */ s("div", { className: "dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02", children: P(a) }),
66
+ /* @__PURE__ */ s("div", { className: "dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br" })
67
+ ] })
68
+ ]
69
+ }
70
+ );
71
+ };
72
+ function D(e) {
73
+ const {
74
+ value: i,
75
+ wrapperClassName: m,
76
+ min: k,
77
+ max: c,
78
+ step: a = 1,
79
+ onChange: f,
80
+ disabled: n,
81
+ endTitle: p,
82
+ startTitle: h,
83
+ showTooltip: x = !0
84
+ } = e, t = Array.isArray(i), [d = 0, g = 0] = t ? i : [0, 0], o = (u) => (u - k) / (c - k) * 100, T = (u) => {
85
+ f(Number(u.target.value));
86
+ }, j = (u) => {
87
+ const v = Math.min(Number(u.target.value), g - a);
88
+ f([v, g]);
89
+ }, A = (u) => {
90
+ const v = Math.max(Number(u.target.value), d + a);
91
+ f([d, v]);
92
+ }, w = o(t ? d : i), N = o(g);
93
+ return /* @__PURE__ */ r("div", { ...m ? { className: m } : {}, children: [
94
+ /* @__PURE__ */ r("div", { className: "dgs-ui-kit-relative dgs-ui-kit-group", children: [
95
+ /* @__PURE__ */ r("div", { className: "dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center", children: [
96
+ /* @__PURE__ */ s(
97
+ "div",
98
+ {
99
+ className: y(
100
+ "dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",
101
+ n ? "dgs-ui-kit-bg-gray-300" : "dgs-ui-kit-bg-primary-500"
102
+ ),
103
+ style: {
104
+ right: t ? `${o(d)}%` : "0%",
105
+ width: t ? `${o(g) - o(d)}%` : `${o(i)}%`
106
+ }
107
+ }
108
+ ),
109
+ /* @__PURE__ */ s(
110
+ "input",
111
+ {
112
+ type: "range",
113
+ min: k,
114
+ max: t ? g : c,
115
+ step: a,
116
+ value: t ? d : i,
117
+ onChange: t ? j : T,
118
+ disabled: n,
119
+ className: y(
120
+ $,
121
+ t && `${C} dgs-ui-kit-right-0`
122
+ ),
123
+ style: {
124
+ width: t ? `calc(${N}% - ${l}px)` : "100%"
125
+ }
126
+ }
127
+ ),
128
+ t && /* @__PURE__ */ s(
129
+ "input",
130
+ {
131
+ type: "range",
132
+ min: d,
133
+ max: c,
134
+ step: a,
135
+ value: g,
136
+ onChange: A,
137
+ disabled: n,
138
+ className: `${$} ${C} dgs-ui-kit-left-0`,
139
+ style: {
140
+ width: `calc(${100 - w}% - ${l}px)`
141
+ }
142
+ }
143
+ )
144
+ ] }),
145
+ /* @__PURE__ */ r(
146
+ "div",
147
+ {
148
+ className: "dgs-ui-kit-absolute dgs-ui-kit-inset-0",
149
+ style: {
150
+ width: `calc(100% - ${l}px)`
151
+ },
152
+ children: [
153
+ /* @__PURE__ */ s(
154
+ I,
155
+ {
156
+ percent: w,
157
+ disabled: n,
158
+ showTooltip: x,
159
+ value: t ? d : i,
160
+ icon: t && /* @__PURE__ */ s(
161
+ E,
162
+ {
163
+ width: b,
164
+ height: b
165
+ }
166
+ )
167
+ }
168
+ ),
169
+ t && /* @__PURE__ */ s(
170
+ I,
171
+ {
172
+ percent: N,
173
+ disabled: n,
174
+ showTooltip: x,
175
+ value: g,
176
+ icon: /* @__PURE__ */ s(
177
+ M,
178
+ {
179
+ width: b,
180
+ height: b
181
+ }
182
+ )
183
+ }
184
+ )
185
+ ]
186
+ }
187
+ )
188
+ ] }),
189
+ !!(h ?? p) && /* @__PURE__ */ r(
190
+ "div",
191
+ {
192
+ className: y(
193
+ "dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",
194
+ n ? "dgs-ui-kit-text-gray-300" : "dgs-ui-kit-text-gray-500",
195
+ { "dgs-ui-kit-justify-between": h && p },
196
+ { "dgs-ui-kit-justify-start": h && !p },
197
+ { "dgs-ui-kit-justify-end": !h && p }
198
+ ),
199
+ children: [
200
+ /* @__PURE__ */ s("span", { children: h }),
201
+ /* @__PURE__ */ s("span", { children: p })
202
+ ]
203
+ }
204
+ )
205
+ ] });
206
+ }
207
+ export {
208
+ D as default
209
+ };
@@ -0,0 +1,14 @@
1
+ export type RangeValueType = number | number[];
2
+ export interface RangeInputProps<T extends RangeValueType> {
3
+ value: T;
4
+ onChange: (value: T) => void;
5
+ min: number;
6
+ max: number;
7
+ step?: number;
8
+ disabled?: boolean;
9
+ showTooltip?: boolean;
10
+ startTitle?: string;
11
+ endTitle?: string;
12
+ wrapperClassName?: string;
13
+ }
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +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,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 +1 @@
1
- "use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),L=require("../../IconSearch-BeVs-gUu.cjs"),W=require("../Checkbox/index.cjs"),R=require("../../Button/index.cjs"),_=require("../Input/index.cjs"),q=require("../../PickerWrapper-BuAOe-BZ.cjs");;/* empty css */function H(i,s=100){if(!i)return;if(window.innerWidth>768){i.focus(),i.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${i.offsetTop+7}px`,t.style.left=`${i.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{i.focus(),i.click(),document.body.removeChild(t)},s)}function z({label:i,isMultiple:s,isActive:t,disabled:u}){return s?r.jsx(W,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:s,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(s.value):s.value===u}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",c()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",g),disabled:s.disabled,children:a?a(s,c()):z({label:s.label,isMultiple:n==="multiple",isActive:c(),disabled:s.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:s,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:w="عنوان‌ها",value:p,optionCellClassName:A,emptyContent:P="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:M=!0}=i,[m,N]=o.useState(""),[k,$]=o.useState(0),f=o.useRef(null),{toggleWrapperVisibility:B}=q.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||t==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!u&&"last-of-type:dgs-ui-kit-border-b");let h;const y=a;typeof a=="boolean"?h=a:h=Object.keys(a).length>0;const b=o.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return m?s?.filter(e=>e.label.includes(m)):s},[m,s]),C=o.useMemo(()=>t==="multiple"&&c?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),I=o.useMemo(()=>{let e=b;t==="multiple"&&c&&(e=e?.filter(j=>!p.includes(j.value)));const l=Math.min(k+K,e?.length??0);return e?.slice(k,l)},[b,k,p]),x=f?.current?.children[0]?.clientHeight??50,F=(b?.length??0)*x,v=o.useCallback(()=>{const e=f?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=f.current.offsetTop,S=Math.floor((l-j)/x);$(S>=0?S:0)},[x]);o.useEffect(()=>{const e=f.current?.parentElement;if(e)return e.addEventListener("scroll",v),()=>e.removeEventListener("scroll",v)},[v]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const E=o.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const l=[...p??[]];l.includes(e)?l.splice(l.indexOf(e),1):l.push(e),g(l)}else g(e),B()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(_,{id:"search-input",wrapperClassName:d.clsx("dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",n?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",y?.wrapperClassName),placeholder:y?.placeholder??"جستجوی عنوان",value:m,onChange:e=>N(e.currentTarget.value),rightIcon:y?.rightIcon??r.jsx(L.IconSearch,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&C.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${w}‌ی انتخاب شده`}),C.map(e=>r.jsx(T,{onClick:()=>E(e.value),option:e,optionCellClassName:d.clsx(O,A),...i},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&c&&r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:w}),r.jsx("div",{ref:f,className:"dgs-ui-kit-relative",style:{height:F},children:I?.map((e,l)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:r.jsx(T,{onClick:()=>E(e.value),option:e,...i})},e.value))}),!I?.length&&!C.length&&r.jsxs("div",{className:"dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2",children:[r.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:P}),M&&r.jsx(R,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>N(""),children:"پاک کردن"})]})]}),u]})};function V(i,s){return Array.isArray(i)?s.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):s.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:s=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!s&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(s?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),r.jsx(q.PickerWrapper,{...n,children:r.jsx(U,{...i})})};module.exports=G;
1
+ "use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-CSis3p-s.cjs"),u=require("react"),W=require("../../IconSearch-BeVs-gUu.cjs"),R=require("../Checkbox/index.cjs"),_=require("../../Button/index.cjs"),A=require("../../PickerWrapper-VwVWt_Vr.cjs"),H=require("../../Chip/index.cjs");;/* empty css */function V(s,n=100){if(!s)return;if(window.innerWidth>768){s.focus(),s.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${s.offsetTop+7}px`,t.style.left=`${s.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(t)},n)}function z({label:s,isMultiple:n,isActive:t,disabled:o}){return n?r.jsx(R,{checked:t,label:s,readOnly:!0,disabled:o}):s}const D=s=>{const{option:n,onClick:t,value:o,mode:c,optionCellClassName:g,optionCell:i}=s;function l(){return Array.isArray(o)?o.includes(n.value):n.value===o}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",l()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",g),disabled:n.disabled,children:i?i(n,l()):z({label:n.label,isMultiple:c==="multiple",isActive:l(),disabled:n.disabled??!1})})},T=u.memo(D),K=20,U=s=>{const{options:n,mode:t="single",afterOptions:o,beforOptions:c,onChange:g,searchable:i=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوان‌ها",value:p,optionCellClassName:y,emptyContent:M="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:$=!0}=s,[k,I]=u.useState(""),[x,B]=u.useState(0),m=u.useRef(null),{toggleWrapperVisibility:F}=A.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!i&&!c||t==="multiple"&&l)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let h;const C=i;typeof i=="boolean"?h=i:h=Object.keys(i).length>0;const v=u.useMemo(()=>{if(!Array.isArray(n))throw new Error("options should be array");return k?n?.filter(e=>e.label.includes(k)):n},[k,n]),N=u.useMemo(()=>t==="multiple"&&l?n?.filter(e=>p.includes(e.value))??[]:[],[n,p]),P=u.useMemo(()=>{let e=v;t==="multiple"&&l&&(e=e?.filter(w=>!p.includes(w.value)));const a=Math.min(x+K,e?.length??0);return e?.slice(x,a)},[v,x,p]),b=m?.current?.children[0]?.clientHeight??50,L=(v?.length??0)*b,j=u.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const a=e.scrollTop,w=m.current.offsetTop,E=Math.floor((a-w)/b);B(E>=0?E:0)},[b]);u.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",j),()=>e.removeEventListener("scroll",j)},[j]),u.useEffect(()=>{h&&V(document.getElementById("search-input"),400)},[]);const S=u.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const a=[...p??[]];a.includes(e)?a.splice(a.indexOf(e),1):a.push(e),g(a)}else g(e),F()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(q.Input,{id:"search-input",wrapperClassName:d.clsx("dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",c?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",C?.wrapperClassName),placeholder:C?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:C?.rightIcon??r.jsx(W.IconSearch,{width:20,height:20}),...typeof i=="object"?i:{}}),c,t==="multiple"&&l&&N.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${f}‌ی انتخاب شده`}),N.map(e=>r.jsx(T,{onClick:()=>S(e.value),option:e,optionCellClassName:d.clsx(O,y),...s},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&l&&r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:f}),r.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:L},children:P?.map((e,a)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(x+a)*b}px`},children:r.jsx(T,{onClick:()=>S(e.value),option:e,...s})},e.value))}),!P?.length&&!N.length&&r.jsxs("div",{className:"dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2",children:[r.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:M}),$&&r.jsx(_,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),o]})};function G(s,n){if(!Array.isArray(s))return n.find(t=>t.value===s)?.label??""}const J=s=>{const{searchable:n=!0,value:t,options:o}=s,c=Array.isArray(t)&&t.length>0;function g(){return s.inputProps?.prefix?s.inputProps.prefix:c?t.map(l=>r.jsx(H,{label:o.find(f=>f.value===l)?.label,clickable:!0,leftIcon:r.jsx(q.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=t.filter(y=>y!==l);s.onChange?.(p)}},l)):null}const i={...s};return i.dropdownType==="popover"&&!n&&(i.popoverClassName=d.clsx("dgs-ui-kit-pt-3",i.popoverClassName)),i.dropdownType==="drawer"&&(i.drawerProps={...i.drawerProps,containerClassName:d.clsx(n?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",i.drawerProps?.containerClassName)}),i.customInput||(i.inputProps={...i.inputProps,value:G(t,o),prefix:g(),prefixClassName:c?d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center flex dgs-ui-kit-flex-wrap dgs-ui-kit-gap-2 dgs-ui-kit-w-full",i.inputProps?.prefixClassName):i.inputProps?.prefixClassName,className:c?"dgs-ui-kit-hidden":i.inputProps?.className,containerClassName:c?d.clsx("dgs-ui-kit-items-baseline",i.inputProps?.containerClassName):i.inputProps?.containerClassName}),r.jsx(A.PickerWrapper,{...i,children:r.jsx(U,{...s})})};module.exports=J;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAY1B,QAAA,MAAM,MAAM,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAsBxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAC;AAKnE,OAAO,kBAAkB,CAAC;AAQ1B,QAAA,MAAM,MAAM,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAwDxC,CAAC;AAEF,eAAe,MAAM,CAAC"}