@dgshahr/ui-kit 0.0.88 → 0.0.90
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/Card/index.cjs +1 -1
- package/dist/Card/index.d.ts.map +1 -1
- package/dist/Card/index.mjs +18 -19
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +1 -0
- package/dist/FieldBottomInfo-CJ8_Kr25.js +49 -0
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/FileUploader/types.d.ts +2 -1
- package/dist/Form/FileUploader/types.d.ts.map +1 -1
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.mjs +1 -1
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +2 -2
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +26 -22
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +1 -1
- package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
- package/dist/IconInfoCircleOutline-0ef3qbeI.cjs +1 -0
- package/dist/IconInfoCircleOutline-aO1F3qnG.js +35 -0
- package/dist/PickerWrapper-BuAOe-BZ.cjs +1 -0
- package/dist/PickerWrapper-CrHfM70f.js +141 -0
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +143 -229
- package/dist/Table/Header.d.ts +7 -0
- package/dist/Table/Header.d.ts.map +1 -0
- package/dist/Table/TBody.d.ts +11 -0
- package/dist/Table/TBody.d.ts.map +1 -0
- package/dist/Table/THead.d.ts +11 -0
- package/dist/Table/THead.d.ts.map +1 -0
- package/dist/Table/index.cjs +1 -0
- package/dist/Table/index.d.ts +5 -0
- package/dist/Table/index.d.ts.map +1 -0
- package/dist/Table/index.mjs +329 -0
- package/dist/Table/types.d.ts +54 -0
- package/dist/Table/types.d.ts.map +1 -0
- package/dist/Table/utils.d.ts +8 -0
- package/dist/Table/utils.d.ts.map +1 -0
- package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs} +1 -1
- package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js} +1 -1
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts +3 -9
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +53 -44
- package/dist/assets/styles.css +1 -1
- package/dist/index-BfuaA-Ji.cjs +1 -0
- package/dist/index-CzwAoGdL.js +90 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +12 -10
- package/dist/useFlipPosition-CLwjhe7O.cjs +1 -0
- package/dist/useFlipPosition-pGmVUUhs.js +133 -0
- package/package.json +6 -1
- package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
- package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
- package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
- package/dist/PickerWrapper-DlnSW_YD.js +0 -128
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { c as a } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
const o = (l) => /* @__PURE__ */ d(
|
|
4
|
-
"svg",
|
|
5
|
-
{
|
|
6
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
-
width: "1em",
|
|
8
|
-
height: "1em",
|
|
9
|
-
fill: "none",
|
|
10
|
-
viewBox: "0 0 24 24",
|
|
11
|
-
...l,
|
|
12
|
-
children: [
|
|
13
|
-
/* @__PURE__ */ s(
|
|
14
|
-
"path",
|
|
15
|
-
{
|
|
16
|
-
fill: "currentColor",
|
|
17
|
-
fillRule: "evenodd",
|
|
18
|
-
d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
|
|
19
|
-
clipRule: "evenodd"
|
|
20
|
-
}
|
|
21
|
-
),
|
|
22
|
-
/* @__PURE__ */ s(
|
|
23
|
-
"path",
|
|
24
|
-
{
|
|
25
|
-
fill: "currentColor",
|
|
26
|
-
fillRule: "evenodd",
|
|
27
|
-
d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
|
|
28
|
-
clipRule: "evenodd"
|
|
29
|
-
}
|
|
30
|
-
)
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
), c = (l) => {
|
|
34
|
-
const { errorMessage: e, hintMessage: i, extraHelper: t, disabled: r, className: n } = l;
|
|
35
|
-
return /* @__PURE__ */ d(
|
|
36
|
-
"div",
|
|
37
|
-
{
|
|
38
|
-
className: a(
|
|
39
|
-
"dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",
|
|
40
|
-
{
|
|
41
|
-
"dgs-ui-kit-justify-between": (e ?? i) && t,
|
|
42
|
-
"dgs-ui-kit-justify-start": (e ?? i) && !t,
|
|
43
|
-
"dgs-ui-kit-justify-end": !(e ?? i) && t,
|
|
44
|
-
"dgs-ui-kit-text-gray-400": r
|
|
45
|
-
},
|
|
46
|
-
e ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500",
|
|
47
|
-
n
|
|
48
|
-
),
|
|
49
|
-
children: [
|
|
50
|
-
(e || i) && /* @__PURE__ */ d(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
className: a(
|
|
54
|
-
"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-font-light",
|
|
55
|
-
{
|
|
56
|
-
"dgs-ui-kit-text-gray-400": r
|
|
57
|
-
}
|
|
58
|
-
),
|
|
59
|
-
children: [
|
|
60
|
-
/* @__PURE__ */ s(
|
|
61
|
-
o,
|
|
62
|
-
{
|
|
63
|
-
width: 16,
|
|
64
|
-
height: 16
|
|
65
|
-
}
|
|
66
|
-
),
|
|
67
|
-
/* @__PURE__ */ s("span", { children: e ?? i })
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
),
|
|
71
|
-
t
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
c as F
|
|
78
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),T=require("./Drawer/index.cjs"),W=require("./IconArrowDown2-C1dLVveG.cjs"),j=require("./Form/Input/index.cjs");;/* empty css */const h=n.createContext({toggleWrapperVisibility:()=>{}}),y=()=>n.useContext(h),q=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},f="dgs-ui-kit-duration-300",w=400,E=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:C,customInput:p,children:g,drawerProps:k,inputProps:v,popoverClassName:N}=a,[u,c]=n.useState(!1),[m,l]=n.useState(!1);let o;const b=q(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{l(!1)},w))});function x(){if(s||r)return;const I=!m;o&&clearTimeout(o),I?(l(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{l(!1)},w))}const d=t.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return e.jsxs("div",{ref:b,className:t.clsx("dgs-ui-kit-relative",C),children:[e.jsx("button",{type:"button",className:t.clsx("dgs-ui-kit-w-full",d),onClick:x,children:p?p(u):e.jsx(j,{leftIcon:r?e.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):e.jsx(W.IconArrowDown2,{width:20,height:20,className:t.clsx("dgs-ui-kit-transition",f,{"dgs-ui-kit-rotate-180":u})}),containerClassName:t.clsx(d,{"dgs-ui-kit-items-baseline":r}),className:t.clsx("dgs-ui-kit-caret-transparent",d),disabled:s,...v})}),e.jsx(h.Provider,{value:{toggleWrapperVisibility:x},children:m&&e.jsx(e.Fragment,{children:i==="popover"?e.jsx("div",{className:t.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",f,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",N),children:g}):e.jsx(T,{...k,open:u,onClose:()=>c(!1),containerClassName:t.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",k?.containerClassName),children:g})})})]})};exports.PickerWrapper=E;exports.usePickerWrapperContext=y;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as T, jsx as t, Fragment as y } from "react/jsx-runtime";
|
|
3
|
-
import { c as i } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as W, useContext as E, useRef as P, useEffect as S, useState as f } from "react";
|
|
5
|
-
import D from "./Drawer/index.mjs";
|
|
6
|
-
import { I as O } from "./IconArrowDown2-7ddwV5IE.js";
|
|
7
|
-
import R from "./Form/Input/index.mjs";
|
|
8
|
-
import './assets/styles.css';/* empty css */
|
|
9
|
-
const v = W({
|
|
10
|
-
toggleWrapperVisibility: () => {
|
|
11
|
-
}
|
|
12
|
-
}), F = () => E(v), A = (n) => {
|
|
13
|
-
const e = P(null);
|
|
14
|
-
return S(() => {
|
|
15
|
-
const s = (r) => {
|
|
16
|
-
e.current && !e.current.contains(r.target) && n();
|
|
17
|
-
};
|
|
18
|
-
return document.addEventListener("click", s, !0), () => {
|
|
19
|
-
document.removeEventListener("click", s, !0);
|
|
20
|
-
};
|
|
21
|
-
}, [e, n]), e;
|
|
22
|
-
}, w = "dgs-ui-kit-duration-300", h = 400, q = (n) => {
|
|
23
|
-
const {
|
|
24
|
-
dropdownType: e = "popover",
|
|
25
|
-
disabled: s,
|
|
26
|
-
isLoading: r,
|
|
27
|
-
wrapperClassName: C,
|
|
28
|
-
customInput: c,
|
|
29
|
-
children: p,
|
|
30
|
-
drawerProps: g,
|
|
31
|
-
inputProps: x,
|
|
32
|
-
popoverClassName: N
|
|
33
|
-
} = n, [a, u] = f(!1), [m, d] = f(!1);
|
|
34
|
-
let o;
|
|
35
|
-
const b = A(() => {
|
|
36
|
-
e === "popover" && a && (u(!1), o && clearTimeout(o), o = setTimeout(() => {
|
|
37
|
-
d(!1);
|
|
38
|
-
}, h));
|
|
39
|
-
});
|
|
40
|
-
function k() {
|
|
41
|
-
if (s || r) return;
|
|
42
|
-
const I = !m;
|
|
43
|
-
o && clearTimeout(o), I ? (d(!0), o = setTimeout(() => {
|
|
44
|
-
u(!0);
|
|
45
|
-
}, 0)) : (u(!1), o = setTimeout(() => {
|
|
46
|
-
d(!1);
|
|
47
|
-
}, h));
|
|
48
|
-
}
|
|
49
|
-
const l = i({
|
|
50
|
-
"!dgs-ui-kit-cursor-not-allowed": s,
|
|
51
|
-
"!dgs-ui-kit-cursor-wait": r,
|
|
52
|
-
"!dgs-ui-kit-cursor-pointer": !r && !s
|
|
53
|
-
});
|
|
54
|
-
return /* @__PURE__ */ T(
|
|
55
|
-
"div",
|
|
56
|
-
{
|
|
57
|
-
ref: b,
|
|
58
|
-
className: i("dgs-ui-kit-relative", C),
|
|
59
|
-
children: [
|
|
60
|
-
/* @__PURE__ */ t(
|
|
61
|
-
"button",
|
|
62
|
-
{
|
|
63
|
-
type: "button",
|
|
64
|
-
className: i("dgs-ui-kit-w-full", l),
|
|
65
|
-
onClick: k,
|
|
66
|
-
children: c ? c(a) : /* @__PURE__ */ t(
|
|
67
|
-
R,
|
|
68
|
-
{
|
|
69
|
-
leftIcon: r ? /* @__PURE__ */ t("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ t(
|
|
70
|
-
O,
|
|
71
|
-
{
|
|
72
|
-
width: 20,
|
|
73
|
-
height: 20,
|
|
74
|
-
className: i("dgs-ui-kit-transition", w, {
|
|
75
|
-
"dgs-ui-kit-rotate-180": a
|
|
76
|
-
})
|
|
77
|
-
}
|
|
78
|
-
),
|
|
79
|
-
containerClassName: i(l, {
|
|
80
|
-
"dgs-ui-kit-items-baseline": r
|
|
81
|
-
}),
|
|
82
|
-
className: i("dgs-ui-kit-caret-transparent", l),
|
|
83
|
-
disabled: s,
|
|
84
|
-
...x
|
|
85
|
-
}
|
|
86
|
-
)
|
|
87
|
-
}
|
|
88
|
-
),
|
|
89
|
-
/* @__PURE__ */ t(
|
|
90
|
-
v.Provider,
|
|
91
|
-
{
|
|
92
|
-
value: {
|
|
93
|
-
toggleWrapperVisibility: k
|
|
94
|
-
},
|
|
95
|
-
children: m && /* @__PURE__ */ t(y, { children: e === "popover" ? /* @__PURE__ */ t(
|
|
96
|
-
"div",
|
|
97
|
-
{
|
|
98
|
-
className: i(
|
|
99
|
-
"dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
|
|
100
|
-
w,
|
|
101
|
-
a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
|
|
102
|
-
N
|
|
103
|
-
),
|
|
104
|
-
children: p
|
|
105
|
-
}
|
|
106
|
-
) : /* @__PURE__ */ t(
|
|
107
|
-
D,
|
|
108
|
-
{
|
|
109
|
-
...g,
|
|
110
|
-
open: a,
|
|
111
|
-
onClose: () => u(!1),
|
|
112
|
-
containerClassName: i(
|
|
113
|
-
"!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
|
|
114
|
-
g?.containerClassName
|
|
115
|
-
),
|
|
116
|
-
children: p
|
|
117
|
-
}
|
|
118
|
-
) })
|
|
119
|
-
}
|
|
120
|
-
)
|
|
121
|
-
]
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
};
|
|
125
|
-
export {
|
|
126
|
-
q as P,
|
|
127
|
-
F as u
|
|
128
|
-
};
|