@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.
Files changed (62) hide show
  1. package/dist/Card/index.cjs +1 -1
  2. package/dist/Card/index.d.ts.map +1 -1
  3. package/dist/Card/index.mjs +18 -19
  4. package/dist/FieldBottomInfo-CE1uBAqq.cjs +1 -0
  5. package/dist/FieldBottomInfo-CJ8_Kr25.js +49 -0
  6. package/dist/Form/Datepicker/index.cjs +1 -1
  7. package/dist/Form/Datepicker/index.mjs +1 -1
  8. package/dist/Form/FileUploader/index.cjs +1 -1
  9. package/dist/Form/FileUploader/index.d.ts.map +1 -1
  10. package/dist/Form/FileUploader/index.mjs +80 -80
  11. package/dist/Form/FileUploader/types.d.ts +2 -1
  12. package/dist/Form/FileUploader/types.d.ts.map +1 -1
  13. package/dist/Form/Input/index.cjs +1 -1
  14. package/dist/Form/Input/index.mjs +1 -1
  15. package/dist/Form/OtpInput/index.cjs +1 -1
  16. package/dist/Form/OtpInput/index.mjs +2 -2
  17. package/dist/Form/Select/Options.d.ts.map +1 -1
  18. package/dist/Form/Select/index.cjs +1 -1
  19. package/dist/Form/Select/index.mjs +26 -22
  20. package/dist/Form/Textarea/index.cjs +1 -1
  21. package/dist/Form/Textarea/index.mjs +1 -1
  22. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
  23. package/dist/IconInfoCircleOutline-0ef3qbeI.cjs +1 -0
  24. package/dist/IconInfoCircleOutline-aO1F3qnG.js +35 -0
  25. package/dist/PickerWrapper-BuAOe-BZ.cjs +1 -0
  26. package/dist/PickerWrapper-CrHfM70f.js +141 -0
  27. package/dist/Sidebar/index.cjs +1 -1
  28. package/dist/Sidebar/index.mjs +143 -229
  29. package/dist/Table/Header.d.ts +7 -0
  30. package/dist/Table/Header.d.ts.map +1 -0
  31. package/dist/Table/TBody.d.ts +11 -0
  32. package/dist/Table/TBody.d.ts.map +1 -0
  33. package/dist/Table/THead.d.ts +11 -0
  34. package/dist/Table/THead.d.ts.map +1 -0
  35. package/dist/Table/index.cjs +1 -0
  36. package/dist/Table/index.d.ts +5 -0
  37. package/dist/Table/index.d.ts.map +1 -0
  38. package/dist/Table/index.mjs +329 -0
  39. package/dist/Table/types.d.ts +54 -0
  40. package/dist/Table/types.d.ts.map +1 -0
  41. package/dist/Table/utils.d.ts +8 -0
  42. package/dist/Table/utils.d.ts.map +1 -0
  43. package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs} +1 -1
  44. package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js} +1 -1
  45. package/dist/Tooltip/index.cjs +1 -1
  46. package/dist/Tooltip/index.d.ts +3 -9
  47. package/dist/Tooltip/index.d.ts.map +1 -1
  48. package/dist/Tooltip/index.mjs +53 -44
  49. package/dist/assets/styles.css +1 -1
  50. package/dist/index-BfuaA-Ji.cjs +1 -0
  51. package/dist/index-CzwAoGdL.js +90 -0
  52. package/dist/index.cjs +1 -1
  53. package/dist/index.d.ts +1 -0
  54. package/dist/index.d.ts.map +1 -1
  55. package/dist/index.mjs +12 -10
  56. package/dist/useFlipPosition-CLwjhe7O.cjs +1 -0
  57. package/dist/useFlipPosition-pGmVUUhs.js +133 -0
  58. package/package.json +6 -1
  59. package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
  60. package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
  61. package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
  62. 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
- };