@dgshahr/ui-kit 0.0.9 → 0.0.10
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/Accordion/AccordionGroup.d.ts.map +1 -1
- package/dist/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.js +1 -1
- package/dist/AccordionItem-AwBSlD0h.cjs +1 -0
- package/dist/{AccordionItem-tKSPLNKs.js → AccordionItem-CVOJGOwc.js} +1 -0
- package/dist/Alert/index.cjs +1 -1
- package/dist/Alert/index.d.ts +3 -1
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.js +18 -16
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.js +1 -1
- package/dist/Form/OtpInput/index.cjs +1 -0
- package/dist/Form/OtpInput/index.d.ts +13 -0
- package/dist/Form/OtpInput/index.d.ts.map +1 -0
- package/dist/Form/OtpInput/index.js +78 -0
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.js +1 -1
- package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts +2 -1
- package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +1 -1
- package/dist/Pagination/index.d.ts.map +1 -1
- package/dist/Pagination/index.js +1 -0
- package/dist/Progress/Bar/index.cjs +1 -0
- package/dist/Progress/Bar/index.d.ts +10 -0
- package/dist/Progress/Bar/index.d.ts.map +1 -0
- package/dist/Progress/Bar/index.js +55 -0
- package/dist/Slide-Cgy--iTR.cjs +1 -0
- package/dist/{Slide-ARPC625P.js → Slide-Czb0m7Xs.js} +2 -1
- package/dist/Slider/Slide.d.ts.map +1 -1
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.js +1 -1
- package/dist/Tabs/index.cjs +1 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/Tabs/index.js +3 -2
- package/dist/TextFieldWrapper-CLMz60O3.cjs +1 -0
- package/dist/{TextFieldWrapper-Du1Hhl1r.js → TextFieldWrapper-Dm06uTk8.js} +33 -29
- package/dist/assets/Button.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +20 -16
- package/package.json +22 -1
- package/dist/AccordionItem-eMnIUJ1V.cjs +0 -1
- package/dist/Slide-DVQSFW94.cjs +0 -1
- package/dist/TextFieldWrapper-BgV6OMe4.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAgB9D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiD5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/Accordion/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-AwBSlD0h.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;
|
package/dist/Accordion/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),c=require("react"),m=require("./Divider/index.cjs"),g=c.createContext({activeKey:null,setActiveKey:()=>{}}),h=()=>c.useContext(g),v=t=>{const{defaultActiveKey:o=null,className:d,children:n}=t,[r,u]=c.useState(o);return i.jsx("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",d),children:i.jsx(g.Provider,{value:{activeKey:r,setActiveKey:u},children:n})})},w=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"})}),f=t=>{const{children:o,title:d,accordionKey:n,className:r,contentClassName:u}=t,{activeKey:k,setActiveKey:l}=h(),x=c.useId(),a=n??x,s=a===k;return i.jsxs("div",{className:e.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",r),children:[i.jsxs("button",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",s?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:()=>{l(s?null:a)},children:[i.jsx("div",{className:s?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:d}),i.jsx(w,{className:e.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",s&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),i.jsx("div",{className:e.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",s?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",u),children:i.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:o})}),i.jsx(m,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=v;exports.AccordionItem=f;
|
package/dist/Alert/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),w=require("react"),g=require("../Button/index.cjs");;/* empty css */const p=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.993 10.222-4.618 4.618a.746.746 0 0 1-1.061 0l-2.309-2.309a.75.75 0 0 1 1.06-1.061l1.78 1.779 4.087-4.088a.75.75 0 1 1 1.061 1.061M12 2.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.261 9.5-9.5-4.262-9.5-9.5-9.5",clipRule:"evenodd"})}),f=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.06 1.06l5.47-5.47 5.47 5.47a.75.75 0 1 0 1.06-1.06l-5.47-5.47 5.47-5.47a.75.75 0 0 0-1.06-1.06l-5.47 5.47z"})}),y=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M10.628 3.353a2.85 2.85 0 0 1 3.85 1.09l7.268 12.614c.16.377.23.683.25 1.001a2.76 2.76 0 0 1-.73 2.021c-.51.554-1.2.881-1.95.921H4.68c-.31-.019-.62-.09-.91-.198-1.45-.585-2.15-2.23-1.56-3.656L9.53 4.433a2.73 2.73 0 0 1 1.099-1.08m1.37 11.92c-.48 0-.88.396-.88.873 0 .474.4.872.88.872s.87-.398.87-.883a.867.867 0 0 0-.87-.862m0-6.183c-.48 0-.88.386-.88.862v2.804c0 .475.4.873.88.873s.87-.398.87-.873V9.952a.866.866 0 0 0-.87-.862"})}),v=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.756 15.693a.75.75 0 0 1-1.5 0v-4.299a.75.75 0 0 1 1.5 0zM11.25 8.291a.75.75 0 0 1 1.5 0c0 .414-.336.782-.75.782s-.75-.305-.75-.719zM12 2.5c-5.238 0-9.5 4.261-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5-4.262-9.5-9.5-9.5",clipRule:"evenodd"})}),n={container:{warning:"dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",primary:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",error:"dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",success:"dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",gray:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"},icon:{warning:"dgs-ui-kit-text-warning-700",primary:"dgs-ui-kit-text-primary-400",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-600",gray:"dgs-ui-kit-text-gray-600"},title:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-700",error:"dgs-ui-kit-text-error-700",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-800"},close:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-600",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-800"},text:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-600",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-700"}},r={container:{large:"dgs-ui-kit-p-4",small:"dgs-ui-kit-p-3"},icon:{large:24,small:20},title:{large:"dgs-ui-kit-font-h5-bold mb-2",small:"dgs-ui-kit-font-h6-bold mb-1"},close:{large:20,small:20},text:{large:"dgs-ui-kit-font-p2-regular",small:"dgs-ui-kit-font-p3-regular"}};function j(t,s){let e=v;return t==="error"?e=y:t==="success"&&(e=p),i.jsx(e,{className:l.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",n.icon[t]),width:r.icon[s],height:r.icon[s]})}const b=t=>{const{variant:s="primary",size:e="small",title:c,text:d,primaryButton:o,outlineButton:a,closable:u,showTitleIcon:x=!0,className:k}=t,[m,h]=w.useState(!0);return m?i.jsxs("div",{className:l.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",n.container[s],r.container[e],k),children:[x&&j(s,e),i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1",children:[!!c&&i.jsx("div",{className:l.clsx(n.title[s],r.title[e]),children:c}),i.jsx("p",{className:l.clsx(n.text[s],r.text[e]),children:d}),(!!o?.text||!!a?.text)&&i.jsxs("div",{className:l.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",e==="large"?"dgs-ui-kit-mt-4":"dgs-ui-kit-mt-3"),children:[!!o?.text&&i.jsx(g,{variant:"primary",color:s,size:"small",...o,children:o?.text}),!!a?.text&&i.jsx(g,{variant:"outline",color:s,size:"small",...a,children:a?.text})]})]}),u&&i.jsx("button",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",onClick:()=>h(!1),children:i.jsx(f,{className:l.clsx(n.close[s]),width:r.close[e],height:r.close[e]})})]}):null};module.exports=b;
|
package/dist/Alert/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { ButtonProps } from '../Button';
|
|
2
3
|
interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size' | 'children'> {
|
|
3
4
|
text: string;
|
|
@@ -6,10 +7,11 @@ export interface AlertProps {
|
|
|
6
7
|
variant?: 'warning' | 'primary' | 'error' | 'success' | 'gray';
|
|
7
8
|
size?: 'large' | 'small';
|
|
8
9
|
title?: string;
|
|
9
|
-
text:
|
|
10
|
+
text: ReactNode;
|
|
10
11
|
primaryButton?: AlertButtonProps;
|
|
11
12
|
outlineButton?: AlertButtonProps;
|
|
12
13
|
closable?: boolean;
|
|
14
|
+
showTitleIcon?: boolean;
|
|
13
15
|
className?: string;
|
|
14
16
|
}
|
|
15
17
|
declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Alert/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,kBAAkB,CAAC;AAE1B,UAAU,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7F,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,QAAA,MAAM,KAAK,UAAW,UAAU,mDAqF/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/dist/Alert/index.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as i, jsxs as g } from "react/jsx-runtime";
|
|
2
3
|
import { c as l } from "../clsx-OuTLNxxd.js";
|
|
3
4
|
import { useState as p } from "react";
|
|
4
5
|
import c from "../Button/index.js";
|
|
5
6
|
import '../assets/styles.css';/* empty css */
|
|
6
|
-
const
|
|
7
|
+
const f = (t) => /* @__PURE__ */ i(
|
|
7
8
|
"svg",
|
|
8
9
|
{
|
|
9
10
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -22,7 +23,7 @@ const w = (t) => /* @__PURE__ */ i(
|
|
|
22
23
|
}
|
|
23
24
|
)
|
|
24
25
|
}
|
|
25
|
-
),
|
|
26
|
+
), y = (t) => /* @__PURE__ */ i(
|
|
26
27
|
"svg",
|
|
27
28
|
{
|
|
28
29
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -39,7 +40,7 @@ const w = (t) => /* @__PURE__ */ i(
|
|
|
39
40
|
}
|
|
40
41
|
)
|
|
41
42
|
}
|
|
42
|
-
),
|
|
43
|
+
), v = (t) => /* @__PURE__ */ i(
|
|
43
44
|
"svg",
|
|
44
45
|
{
|
|
45
46
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -56,7 +57,7 @@ const w = (t) => /* @__PURE__ */ i(
|
|
|
56
57
|
}
|
|
57
58
|
)
|
|
58
59
|
}
|
|
59
|
-
),
|
|
60
|
+
), b = (t) => /* @__PURE__ */ i(
|
|
60
61
|
"svg",
|
|
61
62
|
{
|
|
62
63
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -133,9 +134,9 @@ const w = (t) => /* @__PURE__ */ i(
|
|
|
133
134
|
small: "dgs-ui-kit-font-p3-regular"
|
|
134
135
|
}
|
|
135
136
|
};
|
|
136
|
-
function
|
|
137
|
-
let e =
|
|
138
|
-
return t === "error" ? e =
|
|
137
|
+
function B(t, r) {
|
|
138
|
+
let e = b;
|
|
139
|
+
return t === "error" ? e = v : t === "success" && (e = f), /* @__PURE__ */ i(
|
|
139
140
|
e,
|
|
140
141
|
{
|
|
141
142
|
className: l(
|
|
@@ -147,7 +148,7 @@ function b(t, r) {
|
|
|
147
148
|
}
|
|
148
149
|
);
|
|
149
150
|
}
|
|
150
|
-
const
|
|
151
|
+
const R = (t) => {
|
|
151
152
|
const {
|
|
152
153
|
variant: r = "primary",
|
|
153
154
|
size: e = "small",
|
|
@@ -156,19 +157,20 @@ const M = (t) => {
|
|
|
156
157
|
primaryButton: a,
|
|
157
158
|
outlineButton: n,
|
|
158
159
|
closable: m,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
160
|
+
showTitleIcon: k = !0,
|
|
161
|
+
className: x
|
|
162
|
+
} = t, [h, w] = p(!0);
|
|
163
|
+
return h ? /* @__PURE__ */ g(
|
|
162
164
|
"div",
|
|
163
165
|
{
|
|
164
166
|
className: l(
|
|
165
167
|
"dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
|
|
166
168
|
o.container[r],
|
|
167
169
|
s.container[e],
|
|
168
|
-
|
|
170
|
+
x
|
|
169
171
|
),
|
|
170
172
|
children: [
|
|
171
|
-
|
|
173
|
+
k && B(r, e),
|
|
172
174
|
/* @__PURE__ */ g("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
|
|
173
175
|
!!d && /* @__PURE__ */ i(
|
|
174
176
|
"div",
|
|
@@ -217,9 +219,9 @@ const M = (t) => {
|
|
|
217
219
|
"button",
|
|
218
220
|
{
|
|
219
221
|
className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
|
|
220
|
-
onClick: () =>
|
|
222
|
+
onClick: () => w(!1),
|
|
221
223
|
children: /* @__PURE__ */ i(
|
|
222
|
-
|
|
224
|
+
y,
|
|
223
225
|
{
|
|
224
226
|
className: l(o.close[r]),
|
|
225
227
|
width: s.close[e],
|
|
@@ -233,5 +235,5 @@ const M = (t) => {
|
|
|
233
235
|
) : null;
|
|
234
236
|
};
|
|
235
237
|
export {
|
|
236
|
-
|
|
238
|
+
R as default
|
|
237
239
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),u=require("../../clsx-C11secjj.cjs"),x=require("react"),C=require("../../TextFieldWrapper-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),u=require("../../clsx-C11secjj.cjs"),x=require("react"),C=require("../../TextFieldWrapper-CLMz60O3.cjs"),v=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"})]}),y=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",d:"M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"}),e.jsx("path",{fill:"currentColor",d:"M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"})]}),R=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"})}),N=x.forwardRef(function(i,h){const{dir:l="rtl",placeholderDir:g=l,containerClassName:p,leftIcon:n,prefix:o,postfix:a,isClearOption:f,onClear:c,...s}=i,[d,m]=x.useState(s.type);return e.jsx(C.TextFieldWrapper,{...i,containerClassName:u.clsx("dgs-ui-kit-items-center",p),children:({handleChangeField:w,value:r,setValue:j})=>e.jsxs(e.Fragment,{children:[o&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:o}),e.jsx("input",{...s,ref:h,className:u.clsx("dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",l==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",g==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",{ss02:s.type!="password"},i.className),...l==="ltr"?{style:{direction:"ltr"}}:{},value:r,onChange:w,type:d}),f&&r&&r.length>0&&e.jsx("button",{onClick:()=>{j(""),typeof c=="function"&&c()},children:e.jsx(v,{className:"dgs-ui-kit-text-gray-600",width:20,height:20})}),a&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:a}),n&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),s.type==="password"&&e.jsx("button",{onClick:()=>m(k=>k==="text"?"password":"text"),className:"dgs-ui-kit-text-gray-600",children:d==="password"?e.jsx(y,{width:20,height:20}):e.jsx(R,{width:20,height:20})})]})})});module.exports=N;
|
package/dist/Form/Input/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e, Fragment as v } from "react/jsx-runtime";
|
|
2
2
|
import { c as g } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as y, useState as N } from "react";
|
|
4
|
-
import { T as R } from "../../TextFieldWrapper-
|
|
4
|
+
import { T as R } from "../../TextFieldWrapper-Dm06uTk8.js";
|
|
5
5
|
const I = (t) => /* @__PURE__ */ n(
|
|
6
6
|
"svg",
|
|
7
7
|
{
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";require('../../assets/styles.css');const u=require("react/jsx-runtime"),k=require("../../clsx-C11secjj.cjs"),h=require("react"),N=require("../Input/index.cjs"),m=require("../../TextFieldWrapper-CLMz60O3.cjs");;/* empty css */const q=y=>{const{inputsNumber:o=4,onChange:c,onEnd:r,className:j,inputsContainerClassName:v,labelContent:p,hintMessage:f,errorMessage:g,value:d}=y,[l,a]=h.useState([]);h.useEffect(()=>{if(d){const s=d.split("");a(s)}},[]);function i(s){document.getElementById(`dgs-ui-kit-otp-input-${s}`)?.focus()}function w(s,e){const t=[s.code,s.key];if(t.includes("Backspace")||t.includes("Delete")){const n=[...l];n[e]="",e!==0&&(n[e-1]="",i(e-1)),a(n)}else t.includes("ArrowLeft")?i(e+1):t.includes("ArrowRight")&&i(e-1)}function C(s,e){const t=s.currentTarget.value,n=[...l];n[e]=t,e+1!==o&&t?i(e+1):typeof r=="function"&&n.every(I=>!!I)&&r(n.join("")),a(n),typeof c=="function"&&c(n.join(""))}return u.jsxs("div",{className:k.clsx("dgs-ui-kit-space-y-2",j),children:[p?u.jsx(m.FieldLabel,{labelContent:p}):null,u.jsx("div",{className:k.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",v),children:Array.from(Array(o).keys()).map((s,e)=>u.jsx(N,{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=>w(t,e),id:`dgs-ui-kit-otp-input-${e}`,maxLength:1,value:l[e],showMaxLength:!1},s))}),g||f?u.jsx(m.FieldBottomInfo,{errorMessage:g,hintMessage:f}):null]})};module.exports=q;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextFieldBaseProps } from '../Wrappers/TextFieldWrapper/TextFieldWrapper';
|
|
3
|
+
interface OtpInputProps extends Pick<TextFieldBaseProps, 'labelContent' | 'errorMessage' | 'isError' | 'hintMessage'> {
|
|
4
|
+
inputsNumber?: number;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
onEnd?: (value: string) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
inputsContainerClassName?: string;
|
|
9
|
+
value?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const OtpInput: FC<OtpInputProps>;
|
|
12
|
+
export default OtpInput;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,kBAAkB,CAAC;AAE1B,UAAU,aACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,cAAc,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsF/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as I, jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { useState as N, useEffect as V } from "react";
|
|
5
|
+
import j from "../Input/index.js";
|
|
6
|
+
import { F as A, a as B } from "../../TextFieldWrapper-Dm06uTk8.js";
|
|
7
|
+
import '../../assets/styles.css';/* empty css */
|
|
8
|
+
const O = (k) => {
|
|
9
|
+
const {
|
|
10
|
+
inputsNumber: l = 4,
|
|
11
|
+
onChange: c,
|
|
12
|
+
onEnd: r,
|
|
13
|
+
className: h,
|
|
14
|
+
inputsContainerClassName: y,
|
|
15
|
+
labelContent: p,
|
|
16
|
+
hintMessage: f,
|
|
17
|
+
errorMessage: m,
|
|
18
|
+
value: g
|
|
19
|
+
} = k, [o, a] = N([]);
|
|
20
|
+
V(() => {
|
|
21
|
+
if (g) {
|
|
22
|
+
const s = g.split("");
|
|
23
|
+
a(s);
|
|
24
|
+
}
|
|
25
|
+
}, []);
|
|
26
|
+
function n(s) {
|
|
27
|
+
document.getElementById(`dgs-ui-kit-otp-input-${s}`)?.focus();
|
|
28
|
+
}
|
|
29
|
+
function v(s, e) {
|
|
30
|
+
const t = [s.code, s.key];
|
|
31
|
+
if (t.includes("Backspace") || t.includes("Delete")) {
|
|
32
|
+
const i = [...o];
|
|
33
|
+
i[e] = "", e !== 0 && (i[e - 1] = "", n(e - 1)), a(i);
|
|
34
|
+
} else t.includes("ArrowLeft") ? n(e + 1) : t.includes("ArrowRight") && n(e - 1);
|
|
35
|
+
}
|
|
36
|
+
function w(s, e) {
|
|
37
|
+
const t = s.currentTarget.value, i = [...o];
|
|
38
|
+
i[e] = t, e + 1 !== l && t ? n(e + 1) : typeof r == "function" && i.every((C) => !!C) && r(i.join("")), a(i), typeof c == "function" && c(i.join(""));
|
|
39
|
+
}
|
|
40
|
+
return /* @__PURE__ */ I("div", { className: d("dgs-ui-kit-space-y-2", h), children: [
|
|
41
|
+
p ? /* @__PURE__ */ u(A, { labelContent: p }) : null,
|
|
42
|
+
/* @__PURE__ */ u(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
className: d(
|
|
46
|
+
"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
|
|
47
|
+
y
|
|
48
|
+
),
|
|
49
|
+
children: Array.from(Array(l).keys()).map((s, e) => /* @__PURE__ */ u(
|
|
50
|
+
j,
|
|
51
|
+
{
|
|
52
|
+
containerClassName: "dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",
|
|
53
|
+
className: "dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",
|
|
54
|
+
placeholder: "-",
|
|
55
|
+
autoFocus: e === 0,
|
|
56
|
+
onChange: (t) => w(t, e),
|
|
57
|
+
onKeyUp: (t) => v(t, e),
|
|
58
|
+
id: `dgs-ui-kit-otp-input-${e}`,
|
|
59
|
+
maxLength: 1,
|
|
60
|
+
value: o[e],
|
|
61
|
+
showMaxLength: !1
|
|
62
|
+
},
|
|
63
|
+
s
|
|
64
|
+
))
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
m || f ? /* @__PURE__ */ u(
|
|
68
|
+
B,
|
|
69
|
+
{
|
|
70
|
+
errorMessage: m,
|
|
71
|
+
hintMessage: f
|
|
72
|
+
}
|
|
73
|
+
) : null
|
|
74
|
+
] });
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
O as default
|
|
78
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("react"),d=require("../../TextFieldWrapper-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),n=require("react"),d=require("../../TextFieldWrapper-CLMz60O3.cjs"),o=n.forwardRef(function(t,s){const{dir:r="rtl",placeholderDir:l=r,...e}=t;return i.jsx(d.TextFieldWrapper,{...t,children:({handleChangeField:u})=>i.jsx("textarea",{...e,ref:s,className:a.clsx("dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",r==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",e.className),onChange:u,rows:e.rows??5})})});module.exports=o;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as o } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as d } from "react";
|
|
4
|
-
import { T as u } from "../../TextFieldWrapper-
|
|
4
|
+
import { T as u } from "../../TextFieldWrapper-Dm06uTk8.js";
|
|
5
5
|
const k = d(function(e, s) {
|
|
6
6
|
const { dir: r = "rtl", placeholderDir: a = r, ...t } = e;
|
|
7
7
|
return /* @__PURE__ */ i(u, { ...e, children: ({ handleChangeField: l }) => /* @__PURE__ */ i(
|
|
@@ -13,11 +13,12 @@ export interface TextFieldBaseProps {
|
|
|
13
13
|
errorMessage?: string;
|
|
14
14
|
hintMessage?: string;
|
|
15
15
|
wrapperClassName?: string;
|
|
16
|
+
showMaxLength?: boolean;
|
|
16
17
|
}
|
|
17
18
|
interface TextFieldFunctionArgumants<T> {
|
|
18
19
|
handleChangeField: (e: ChangeEvent<T>) => void;
|
|
19
20
|
value: string | undefined;
|
|
20
|
-
setValue: Dispatch<SetStateAction<string
|
|
21
|
+
setValue: Dispatch<SetStateAction<string>>;
|
|
21
22
|
}
|
|
22
23
|
interface TextFieldWrapperProps<T> extends TextFieldBaseProps {
|
|
23
24
|
onChange?: ChangeEventHandler<T>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAGZ,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,iBAAiB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,qBAAqB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACnE;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,GAAG,gBAAgB,SACjE,qBAAqB,CAAC,CAAC,CAAC,4CAqEhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),P=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../ArrowLeft2-B76dkC-C.cjs"),R=require("../ArrowRight2-CYowPzS8.cjs"),j=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),P=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../ArrowLeft2-B76dkC-C.cjs"),R=require("../ArrowRight2-CYowPzS8.cjs"),j=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(u,t)=>t+d)}function I({totalCount:d,pageSize:g,siblingCount:n,currentPage:u}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(u-n,1),c=Math.min(u+n,t),l=e>2,s=c<t-1,f=1,a=t;if(!l&&s){let r=2+n;return e>1&&(r+=1),[...k(1,r),h,t]}if(l&&!s){let r=2+n;c<t&&(r+=1);const i=k(t-r+1,t);return[f,h,...i]}const x=k(e,c);return[f,h,...x,h,a]}const v=d=>{const{totalCount:g,pageSize:n,onPageChange:u,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),a=I({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=a[a.length-1];if(c&&a.length<2)return null;function r(i){typeof u=="function"&&u(i),f(i)}return o.jsxs("div",{className:P.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",l),children:[o.jsx(j,{disabled:s===1,onClick:()=>r(s-1),rightIcon:o.jsx(R.ArrowRight2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه قبل"}),o.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4",children:a.map(i=>typeof i=="string"?o.jsx("div",{children:h},i):o.jsx("button",{className:P.clsx("ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",i===s?"dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white":"hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",l),onClick:()=>r(i),children:i},i))}),o.jsx(j,{disabled:s===x,onClick:()=>r(s+1),leftIcon:o.jsx(y.ArrowLeft2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه بعد"})]})};module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAQA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA8EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/Pagination/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),e=require("../../clsx-C11secjj.cjs");require("react");;/* empty css */const a=t=>{const{title:d,progress:r,color:s="primary",className:u}=t;return i.jsxs("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-2",u),children:[i.jsxs("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between dgs-ui-kit-font-p2-regular",{"dgs-ui-kit-text-primary-500":s==="primary","dgs-ui-kit-text-secondary-500":s==="secondary"}),children:[i.jsx("span",{children:d}),i.jsxs("span",{className:"ss02",children:[r," %"]})]}),i.jsx("div",{className:e.clsx("dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-relative",{"dgs-ui-kit-bg-primary-100":s==="primary","dgs-ui-kit-bg-secondary-100":s==="secondary"}),children:i.jsx("div",{className:e.clsx("dgs-ui-kit-rounded-sm dgs-ui-kit-absolute dgs-ui-kit-right-0 dgs-ui-kit-h-full dgs-ui-kit-top-0",{"dgs-ui-kit-bg-primary-500":s==="primary","dgs-ui-kit-bg-secondary-500":s==="secondary"}),style:{width:r>100?"100%":`${r}%`}})})]})};module.exports=a;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface ProgressBarProps {
|
|
3
|
+
title: string;
|
|
4
|
+
color?: 'primary' | 'secondary';
|
|
5
|
+
progress: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
9
|
+
export default ProgressBar;
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsCrC,CAAC;AACF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsxs as t, jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import '../../assets/styles.css';/* empty css */
|
|
5
|
+
const m = (e) => {
|
|
6
|
+
const { title: a, progress: r, color: i = "primary", className: g } = e;
|
|
7
|
+
return /* @__PURE__ */ t("div", { className: s("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-2", g), children: [
|
|
8
|
+
/* @__PURE__ */ t(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
className: s(
|
|
12
|
+
"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-between dgs-ui-kit-font-p2-regular",
|
|
13
|
+
{
|
|
14
|
+
"dgs-ui-kit-text-primary-500": i === "primary",
|
|
15
|
+
"dgs-ui-kit-text-secondary-500": i === "secondary"
|
|
16
|
+
}
|
|
17
|
+
),
|
|
18
|
+
children: [
|
|
19
|
+
/* @__PURE__ */ d("span", { children: a }),
|
|
20
|
+
/* @__PURE__ */ t("span", { className: "ss02", children: [
|
|
21
|
+
r,
|
|
22
|
+
" %"
|
|
23
|
+
] })
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ d(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
className: s("dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-relative", {
|
|
31
|
+
"dgs-ui-kit-bg-primary-100": i === "primary",
|
|
32
|
+
"dgs-ui-kit-bg-secondary-100": i === "secondary"
|
|
33
|
+
}),
|
|
34
|
+
children: /* @__PURE__ */ d(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
className: s(
|
|
38
|
+
"dgs-ui-kit-rounded-sm dgs-ui-kit-absolute dgs-ui-kit-right-0 dgs-ui-kit-h-full dgs-ui-kit-top-0",
|
|
39
|
+
{
|
|
40
|
+
"dgs-ui-kit-bg-primary-500": i === "primary",
|
|
41
|
+
"dgs-ui-kit-bg-secondary-500": i === "secondary"
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
style: {
|
|
45
|
+
width: r > 100 ? "100%" : `${r}%`
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
] });
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
m as default
|
|
55
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const e=require("react/jsx-runtime"),g=require("./clsx-C11secjj.cjs"),u=require("react"),R=require("./ArrowLeft2-B76dkC-C.cjs"),W=require("./ArrowRight2-CYowPzS8.cjs"),S=require("./Button/index.cjs"),C=u.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1}),b=()=>u.useContext(C);function A({active:i,autoplay:s,variant:n="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[n],i?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",s?"dgs-ui-kit-p-[1px]":""]}const D=i=>{const{active:s,onClick:n,onNavigateToNext:r}=i,{autoplay:t,navigationVariant:c="outside"}=b(),[d,o]=u.useState(0);return u.useEffect(()=>{if(!s||!t)return;const l=typeof t=="boolean"?7e3:t?.delay??7e3;let h=Date.now();const x=setInterval(()=>{const v=Date.now()-h,p=v/l*100;o(Math.min(p,100)),v>=l&&typeof r=="function"&&r()},100);return function(){return o(0),h=Date.now(),clearInterval(x)}},[s,t,r]),e.jsx("button",{className:g.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",A({active:s,autoplay:t,variant:c})),onClick:n,children:s&&e.jsx("div",{className:g.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":c==="inside","dgs-ui-kit-bg-gray-700":c==="outside"}),style:{width:t?`${d}%`:"100%"}})})},M=i=>{const{onNavigate:s,slideIndex:n,slidesCount:r}=i,{navigationButtonsShowType:t="hide",dotsClassName:c,navigationContainerClassName:d,navigationVariant:o="outside",showNavigationDots:l=!0,showPaginationText:h}=b(),x=e.jsxs("div",{className:g.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":o==="inside"&&t!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":o==="inside"&&t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[e.jsx(S,{type:"button",variant:"secondary",onClick:()=>s(n-1),rightIcon:e.jsx(W.ArrowRight2Icon,{})}),e.jsx(S,{type:"button",variant:"secondary",onClick:()=>s(n+1),rightIcon:e.jsx(R.ArrowLeft2Icon,{})})]});return e.jsxs(e.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&x,e.jsxs("div",{className:g.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":o==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":o==="inside","dgs-ui-kit-justify-between":o==="outside"&&t!=="hide","dgs-ui-kit-justify-center":o==="outside"&&t==="hide"},d),children:[t&&t!=="hide"&&t!=="onSides"&&x,(l||h)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[h&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[e.jsx("span",{className:g.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":o==="outside","dgs-ui-kit-text-white":o==="inside"}),children:n+1}),e.jsx("span",{children:"از"}),e.jsx("span",{children:r})]}),l&&e.jsx("div",{className:g.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",c),children:Array.from(Array(r).keys()).map((v,p)=>e.jsx(D,{active:n===p,onClick:()=>s(p),onNavigateToNext:()=>s(n+1)},v+r))})]})]})]})},B=i=>{const[s,n]=u.useState(0),[r,t]=u.useState(i),{className:c="",containerClassName:d="",showNavigationDots:o=!0,slidesPerView:l=1,navigationButtonsShowType:h="hide",spaceBetween:x=0,showPaginationText:v}=r,p=Object.fromEntries(Object.entries(r).filter(([a])=>a!=="children")),m=u.useRef(null),T=u.Children.count(i.children),f=Math.ceil(T/Math.floor(l)),P=(o||h&&h!=="hide"||v)&&f>1;function I(a){if(Math.ceil(Math.abs(a.currentTarget.scrollLeft))+a.currentTarget.clientWidth===a.currentTarget.scrollWidth){n(f-1);return}const y=a.currentTarget.scrollWidth/f,k=(a.currentTarget.scrollWidth-a.currentTarget.scrollLeft)/y;if(k<=f){n(0);return}n(Math.round(k%f))}function L(a){if(!m.current)return;const y=l%1!==0,k=m.current.offsetWidth,w=y?k/l:k;let j=-(w*a);a<0?j=-(w*f):a>=f&&(j=0),m.current.scrollTo({left:j,behavior:"smooth"})}function N(){const y=Object.keys(i.responsive).sort().findLast(w=>Number(w)<=window.innerWidth),k=y?i.responsive[Number(y)]:null;t(k?{...r,...k}:i)}return u.useEffect(()=>{if(!(!i.responsive||Object.keys(i.responsive).length<=0))return N(),window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N)}},[i.responsive]),e.jsx(C.Provider,{value:p,children:e.jsxs("div",{className:g.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",c),style:{direction:"rtl"},children:[e.jsx("div",{className:g.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",d),style:{marginLeft:-x},onScroll:I,ref:m,children:i.children}),P&&e.jsx(M,{onNavigate:L,slideIndex:s,slidesCount:f})]})})};function q({slidesPerView:i,childIndex:s,centerMode:n,childsLength:r}){return s%Math.floor(i)!==0?"none":n&&i%1!==0?s===0?"start":s===r-1?"none":"center":"start"}const E=i=>{const{children:s,...n}=i,{slidesPerView:r=1,spaceBetween:t,centerMode:c=!1}=b(),d=u.useRef(null),[o,l]=u.useState(0);return u.useEffect(()=>{d.current&&l(Array.prototype.indexOf.call(d.current.parentNode?.children,d.current))},[d]),e.jsx("div",{ref:d,className:g.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-always",n.className),style:{width:100/(r??1)+"%",paddingLeft:t,scrollSnapAlign:q({slidesPerView:r,childIndex:o,centerMode:c,childsLength:d.current?.parentNode?.children.length||0}),...n.style},...n,children:s})};exports.Slide=E;exports.Slider=B;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as r, jsxs as y, Fragment as M } from "react/jsx-runtime";
|
|
2
3
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
3
4
|
import { createContext as B, useContext as R, useState as x, useEffect as S, useRef as j, Children as V } from "react";
|
|
@@ -191,7 +192,7 @@ const z = (i) => {
|
|
|
191
192
|
t(h ? { ...n, ...h } : i);
|
|
192
193
|
}
|
|
193
194
|
return S(() => {
|
|
194
|
-
if (!(i
|
|
195
|
+
if (!(!i.responsive || Object.keys(i.responsive).length <= 0))
|
|
195
196
|
return b(), window.addEventListener("resize", b), () => {
|
|
196
197
|
window.removeEventListener("resize", b);
|
|
197
198
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slide.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slide.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAuBf,QAAA,MAAM,KAAK,EAAE,EAAE,CACb,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAgCrF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,EAAE,EACP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;CAC9D;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAiH9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/Slider/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const e=require("../Slide-Cgy--iTR.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;
|
package/dist/Slider/index.js
CHANGED
package/dist/Tabs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),a=require("../Badge/index.cjs")
|
|
1
|
+
"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),a=require("../Badge/index.cjs");;/* empty css */const o=r=>{const{activeKey:s,onChange:u,items:g,className:l,tabItemClassName:c,fullWidth:d}=r,k=r.centred;return e.jsx("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-border-b dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid",{"dgs-ui-kit-w-full":d,"dgs-ui-kit-justify-center":d&&k,"dgs-ui-kit-w-fit":!d},l),children:g.map(i=>e.jsxs("button",{onClick:()=>u(i.key),disabled:i.disabled,className:"dgs-ui-kit-group",children:[e.jsxs("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-px-3 dgs-ui-kit-py-4 dgs-ui-kit-transition",{"dgs-ui-kit-text-primary-500":s===i.key,"dgs-ui-kit-text-gray-500 group-hover:dgs-ui-kit-text-gray-600":s!==i.key,"dgs-ui-kit-cursor-not-allowed dgs-ui-kit-opacity-40":i.disabled},c),children:[i.icon?e.jsx("div",{className:t.clsx("dgs-ui-kit-transition",{"dgs-ui-kit-text-gray-400 group-hover:dgs-ui-kit-text-gray-500":i.key!==s}),children:i.icon}):null,e.jsx("div",{className:"",children:i.title}),typeof i.badgeNumber=="number"&&e.jsx(a,{valueType:"number",value:i.badgeNumber,size:"small",className:t.clsx({"dgs-ui-kit-opacity-60":s!==i.key,"!dgs-ui-kit-opacity-100":i.disabled}),color:s===i.key?"primary":"gray"})]}),e.jsx("div",{className:t.clsx("dgs-ui-kit-w-full dgs-ui-kit-h-1 dgs-ui-kit-rounded-t dgs-ui-kit-transition",{"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100":i.key!==s&&!i.disabled,"dgs-ui-kit-bg-primary-500":i.key===s})})]},i.key))})};module.exports=o;
|
package/dist/Tabs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2EvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/dist/Tabs/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as s, jsxs as u } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../clsx-OuTLNxxd.js";
|
|
3
3
|
import c from "../Badge/index.js";
|
|
4
|
-
|
|
4
|
+
import '../assets/styles.css';/* empty css */
|
|
5
|
+
const x = (r) => {
|
|
5
6
|
const { activeKey: e, onChange: g, items: k, className: a, tabItemClassName: l, fullWidth: t } = r, o = r.centred;
|
|
6
7
|
return /* @__PURE__ */ s(
|
|
7
8
|
"div",
|
|
@@ -81,5 +82,5 @@ const p = (r) => {
|
|
|
81
82
|
);
|
|
82
83
|
};
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
+
x as default
|
|
85
86
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),g=require("./clsx-C11secjj.cjs"),u=require("react");;/* empty css */const M=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"})]}),b=r=>{const{errorMessage:i,hintMessage:s,maxLength:t,value:n}=r;return e.jsxs("div",{className:g.clsx("dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",{"dgs-ui-kit-justify-between":(i||s)&&t,"dgs-ui-kit-justify-start":(i||s)&&!t,"dgs-ui-kit-justify-end":!(i||s)&&t},i?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:[(i||s)&&e.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",children:[e.jsx(M,{width:16,height:16}),e.jsx("span",{children:i||s})]}),t&&e.jsxs("span",{className:"ss02",children:[n?.length??0,"/",t]})]})},w=r=>{const{link:i,labelContent:s,required:t}=r;return e.jsxs("div",{className:g.clsx("dgs-ui-kit-flex dgs-ui-kit-mb-2",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,t&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]})},L=r=>{const{labelContent:i,link:s,containerClassName:t,rightIcon:n,isError:y,errorMessage:a,hintMessage:o,required:N,maxLength:c,value:d,onChange:h,wrapperClassName:k,children:C,showMaxLength:x}=r,[f,l]=u.useState(d?.toString()??"");u.useEffect(()=>{d&&l(d?.toString())},[d]);const F=j=>{l(j.currentTarget.value),h&&h(j)},m=!!(a||o||c&&x),p=!!(i||s?.href),v=m||p?"div":u.Fragment;return e.jsxs(v,{...v==="div"&&k?{className:k}:{},children:[p&&e.jsx(w,{labelContent:i,link:s,required:N}),e.jsxs("div",{className:g.clsx("dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent hover:dgs-ui-kit-ring-gray-50 has-[:focus]:dgs-ui-kit-bg-white",y||a?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":"dgs-ui-kit-border-transparent hover:dgs-ui-kit-border-gray-300 has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50",t),children:[n&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),C({handleChangeField:F,setValue:l,value:f})]}),m&&e.jsx(b,{errorMessage:a,hintMessage:o,maxLength:x?c:void 0,value:f})]})};exports.FieldBottomInfo=b;exports.FieldLabel=w;exports.TextFieldWrapper=L;
|