@aspprev/versi-ds 0.1.0
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/README.md +463 -0
- package/dist/DocumentItem-BU0J2QGP.d.ts +21 -0
- package/dist/charts.d.ts +82 -0
- package/dist/charts.js +31 -0
- package/dist/charts.js.map +1 -0
- package/dist/chunk-2ACDV5D5.js +560 -0
- package/dist/chunk-2ACDV5D5.js.map +1 -0
- package/dist/chunk-2NMEKWO5.js +38 -0
- package/dist/chunk-2NMEKWO5.js.map +1 -0
- package/dist/chunk-6MXHE5MD.js +769 -0
- package/dist/chunk-6MXHE5MD.js.map +1 -0
- package/dist/chunk-A3PA5H7L.js +3099 -0
- package/dist/chunk-A3PA5H7L.js.map +1 -0
- package/dist/chunk-BY4HJZFJ.js +3308 -0
- package/dist/chunk-BY4HJZFJ.js.map +1 -0
- package/dist/chunk-CWIPMGCA.js +314 -0
- package/dist/chunk-CWIPMGCA.js.map +1 -0
- package/dist/chunk-OPUUOVCL.js +3226 -0
- package/dist/chunk-OPUUOVCL.js.map +1 -0
- package/dist/chunk-OWXG2A4N.js +77 -0
- package/dist/chunk-OWXG2A4N.js.map +1 -0
- package/dist/chunk-XGWGBD7X.js +45 -0
- package/dist/chunk-XGWGBD7X.js.map +1 -0
- package/dist/core.d.ts +471 -0
- package/dist/core.js +86 -0
- package/dist/core.js.map +1 -0
- package/dist/countries.d.ts +52 -0
- package/dist/countries.js +18 -0
- package/dist/countries.js.map +1 -0
- package/dist/documents.d.ts +9 -0
- package/dist/documents.js +13 -0
- package/dist/documents.js.map +1 -0
- package/dist/flags/ad.svg +1 -0
- package/dist/flags/ae.svg +1 -0
- package/dist/flags/af.svg +5 -0
- package/dist/flags/ag.svg +1 -0
- package/dist/flags/ai.svg +1 -0
- package/dist/flags/al.svg +1 -0
- package/dist/flags/am.svg +1 -0
- package/dist/flags/ao.svg +1 -0
- package/dist/flags/aq.svg +1 -0
- package/dist/flags/ar.svg +1 -0
- package/dist/flags/as.svg +1 -0
- package/dist/flags/at.svg +1 -0
- package/dist/flags/au.svg +1 -0
- package/dist/flags/aw.svg +1 -0
- package/dist/flags/ax.svg +1 -0
- package/dist/flags/az.svg +1 -0
- package/dist/flags/ba.svg +1 -0
- package/dist/flags/bb.svg +1 -0
- package/dist/flags/bd.svg +1 -0
- package/dist/flags/be.svg +1 -0
- package/dist/flags/bf.svg +1 -0
- package/dist/flags/bg.svg +1 -0
- package/dist/flags/bh.svg +1 -0
- package/dist/flags/bi.svg +1 -0
- package/dist/flags/bj.svg +1 -0
- package/dist/flags/bl.svg +1 -0
- package/dist/flags/bm.svg +1 -0
- package/dist/flags/bn.svg +1 -0
- package/dist/flags/bo.svg +1 -0
- package/dist/flags/bq.svg +1 -0
- package/dist/flags/br.svg +1 -0
- package/dist/flags/bs.svg +1 -0
- package/dist/flags/bt.svg +1 -0
- package/dist/flags/bv.svg +1 -0
- package/dist/flags/bw.svg +1 -0
- package/dist/flags/by.svg +1 -0
- package/dist/flags/bz.svg +1 -0
- package/dist/flags/ca.svg +1 -0
- package/dist/flags/cc.svg +1 -0
- package/dist/flags/cd.svg +1 -0
- package/dist/flags/cf.svg +1 -0
- package/dist/flags/cg.svg +1 -0
- package/dist/flags/ch.svg +1 -0
- package/dist/flags/ci.svg +1 -0
- package/dist/flags/ck.svg +1 -0
- package/dist/flags/cl.svg +1 -0
- package/dist/flags/cm.svg +1 -0
- package/dist/flags/cn.svg +1 -0
- package/dist/flags/co.svg +1 -0
- package/dist/flags/cr.svg +1 -0
- package/dist/flags/cu.svg +1 -0
- package/dist/flags/cv.svg +1 -0
- package/dist/flags/cw.svg +1 -0
- package/dist/flags/cx.svg +1 -0
- package/dist/flags/cy.svg +1 -0
- package/dist/flags/cz.svg +1 -0
- package/dist/flags/de.svg +1 -0
- package/dist/flags/dj.svg +1 -0
- package/dist/flags/dk.svg +1 -0
- package/dist/flags/dm.svg +1 -0
- package/dist/flags/do.svg +1 -0
- package/dist/flags/dz.svg +1 -0
- package/dist/flags/ec.svg +1 -0
- package/dist/flags/ee.svg +1 -0
- package/dist/flags/eg.svg +1 -0
- package/dist/flags/eh.svg +1 -0
- package/dist/flags/er.svg +1 -0
- package/dist/flags/es.svg +1 -0
- package/dist/flags/et.svg +1 -0
- package/dist/flags/fi.svg +1 -0
- package/dist/flags/fj.svg +1 -0
- package/dist/flags/fk.svg +1 -0
- package/dist/flags/fm.svg +1 -0
- package/dist/flags/fo.svg +1 -0
- package/dist/flags/fr.svg +1 -0
- package/dist/flags/ga.svg +1 -0
- package/dist/flags/gb.svg +1 -0
- package/dist/flags/gd.svg +1 -0
- package/dist/flags/ge.svg +1 -0
- package/dist/flags/gf.svg +1 -0
- package/dist/flags/gg.svg +1 -0
- package/dist/flags/gh.svg +1 -0
- package/dist/flags/gi.svg +1 -0
- package/dist/flags/gl.svg +1 -0
- package/dist/flags/gm.svg +1 -0
- package/dist/flags/gn.svg +1 -0
- package/dist/flags/gp.svg +1 -0
- package/dist/flags/gq.svg +1 -0
- package/dist/flags/gr.svg +1 -0
- package/dist/flags/gs.svg +1 -0
- package/dist/flags/gt.svg +1 -0
- package/dist/flags/gu.svg +1 -0
- package/dist/flags/gw.svg +1 -0
- package/dist/flags/gy.svg +1 -0
- package/dist/flags/hk.svg +1 -0
- package/dist/flags/hm.svg +1 -0
- package/dist/flags/hn.svg +1 -0
- package/dist/flags/hr.svg +1 -0
- package/dist/flags/ht.svg +1 -0
- package/dist/flags/hu.svg +1 -0
- package/dist/flags/id.svg +1 -0
- package/dist/flags/ie.svg +1 -0
- package/dist/flags/il.svg +1 -0
- package/dist/flags/im.svg +1 -0
- package/dist/flags/in.svg +1 -0
- package/dist/flags/io.svg +1 -0
- package/dist/flags/iq.svg +1 -0
- package/dist/flags/ir.svg +1 -0
- package/dist/flags/is.svg +1 -0
- package/dist/flags/it.svg +1 -0
- package/dist/flags/je.svg +1 -0
- package/dist/flags/jm.svg +1 -0
- package/dist/flags/jo.svg +1 -0
- package/dist/flags/jp.svg +1 -0
- package/dist/flags/ke.svg +1 -0
- package/dist/flags/kg.svg +1 -0
- package/dist/flags/kh.svg +1 -0
- package/dist/flags/ki.svg +1 -0
- package/dist/flags/km.svg +1 -0
- package/dist/flags/kn.svg +1 -0
- package/dist/flags/kp.svg +1 -0
- package/dist/flags/kr.svg +1 -0
- package/dist/flags/kw.svg +1 -0
- package/dist/flags/ky.svg +1 -0
- package/dist/flags/kz.svg +1 -0
- package/dist/flags/la.svg +1 -0
- package/dist/flags/lb.svg +1 -0
- package/dist/flags/lc.svg +1 -0
- package/dist/flags/li.svg +1 -0
- package/dist/flags/lk.svg +1 -0
- package/dist/flags/lr.svg +1 -0
- package/dist/flags/ls.svg +1 -0
- package/dist/flags/lt.svg +1 -0
- package/dist/flags/lu.svg +1 -0
- package/dist/flags/lv.svg +1 -0
- package/dist/flags/ly.svg +1 -0
- package/dist/flags/ma.svg +1 -0
- package/dist/flags/mc.svg +1 -0
- package/dist/flags/md.svg +1 -0
- package/dist/flags/me.svg +1 -0
- package/dist/flags/mf.svg +1 -0
- package/dist/flags/mg.svg +1 -0
- package/dist/flags/mh.svg +1 -0
- package/dist/flags/mk.svg +1 -0
- package/dist/flags/ml.svg +1 -0
- package/dist/flags/mm.svg +1 -0
- package/dist/flags/mn.svg +1 -0
- package/dist/flags/mo.svg +1 -0
- package/dist/flags/mp.svg +1 -0
- package/dist/flags/mq.svg +1 -0
- package/dist/flags/mr.svg +1 -0
- package/dist/flags/ms.svg +1 -0
- package/dist/flags/mt.svg +1 -0
- package/dist/flags/mu.svg +1 -0
- package/dist/flags/mv.svg +1 -0
- package/dist/flags/mw.svg +1 -0
- package/dist/flags/mx.svg +1 -0
- package/dist/flags/my.svg +1 -0
- package/dist/flags/mz.svg +1 -0
- package/dist/flags/na.svg +1 -0
- package/dist/flags/nc.svg +1 -0
- package/dist/flags/ne.svg +1 -0
- package/dist/flags/nf.svg +1 -0
- package/dist/flags/ng.svg +1 -0
- package/dist/flags/ni.svg +1 -0
- package/dist/flags/nl.svg +1 -0
- package/dist/flags/no.svg +1 -0
- package/dist/flags/np.svg +1 -0
- package/dist/flags/nr.svg +1 -0
- package/dist/flags/nu.svg +1 -0
- package/dist/flags/nz.svg +1 -0
- package/dist/flags/om.svg +1 -0
- package/dist/flags/pa.svg +1 -0
- package/dist/flags/pe.svg +1 -0
- package/dist/flags/pf.svg +1 -0
- package/dist/flags/pg.svg +1 -0
- package/dist/flags/ph.svg +1 -0
- package/dist/flags/pk.svg +1 -0
- package/dist/flags/pl.svg +1 -0
- package/dist/flags/pm.svg +1 -0
- package/dist/flags/pn.svg +1 -0
- package/dist/flags/pr.svg +1 -0
- package/dist/flags/ps.svg +1 -0
- package/dist/flags/pt.svg +1 -0
- package/dist/flags/pw.svg +1 -0
- package/dist/flags/py.svg +1 -0
- package/dist/flags/qa.svg +1 -0
- package/dist/flags/re.svg +1 -0
- package/dist/flags/ro.svg +1 -0
- package/dist/flags/rs.svg +1 -0
- package/dist/flags/ru.svg +1 -0
- package/dist/flags/rw.svg +1 -0
- package/dist/flags/sa.svg +1 -0
- package/dist/flags/sb.svg +1 -0
- package/dist/flags/sc.svg +1 -0
- package/dist/flags/sd.svg +1 -0
- package/dist/flags/se.svg +1 -0
- package/dist/flags/sg.svg +1 -0
- package/dist/flags/sh.svg +1 -0
- package/dist/flags/si.svg +1 -0
- package/dist/flags/sj.svg +1 -0
- package/dist/flags/sk.svg +1 -0
- package/dist/flags/sl.svg +1 -0
- package/dist/flags/sm.svg +1 -0
- package/dist/flags/sn.svg +1 -0
- package/dist/flags/so.svg +1 -0
- package/dist/flags/sr.svg +1 -0
- package/dist/flags/ss.svg +1 -0
- package/dist/flags/st.svg +1 -0
- package/dist/flags/sv.svg +1 -0
- package/dist/flags/sx.svg +1 -0
- package/dist/flags/sy.svg +1 -0
- package/dist/flags/sz.svg +1 -0
- package/dist/flags/tc.svg +1 -0
- package/dist/flags/td.svg +1 -0
- package/dist/flags/tf.svg +1 -0
- package/dist/flags/tg.svg +1 -0
- package/dist/flags/th.svg +1 -0
- package/dist/flags/tj.svg +1 -0
- package/dist/flags/tk.svg +1 -0
- package/dist/flags/tl.svg +1 -0
- package/dist/flags/tm.svg +1 -0
- package/dist/flags/tn.svg +1 -0
- package/dist/flags/to.svg +1 -0
- package/dist/flags/tr.svg +1 -0
- package/dist/flags/tt.svg +1 -0
- package/dist/flags/tv.svg +1 -0
- package/dist/flags/tw.svg +1 -0
- package/dist/flags/tz.svg +1 -0
- package/dist/flags/ua.svg +1 -0
- package/dist/flags/ug.svg +1 -0
- package/dist/flags/um.svg +1 -0
- package/dist/flags/us.svg +1 -0
- package/dist/flags/uy.svg +1 -0
- package/dist/flags/uz.svg +1 -0
- package/dist/flags/va.svg +1 -0
- package/dist/flags/vc.svg +1 -0
- package/dist/flags/ve.svg +1 -0
- package/dist/flags/vg.svg +1 -0
- package/dist/flags/vi.svg +1 -0
- package/dist/flags/vn.svg +1 -0
- package/dist/flags/vu.svg +1 -0
- package/dist/flags/wf.svg +1 -0
- package/dist/flags/ws.svg +1 -0
- package/dist/flags/xk.svg +1 -0
- package/dist/flags/ye.svg +1 -0
- package/dist/flags/yt.svg +1 -0
- package/dist/flags/za.svg +1 -0
- package/dist/flags/zm.svg +1 -0
- package/dist/flags/zw.svg +1 -0
- package/dist/forms.d.ts +242 -0
- package/dist/forms.js +41 -0
- package/dist/forms.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.js +163 -0
- package/dist/index.js.map +1 -0
- package/dist/manifest.json +33 -0
- package/dist/overlays.d.ts +75 -0
- package/dist/overlays.js +17 -0
- package/dist/overlays.js.map +1 -0
- package/dist/styles.css +3 -0
- package/dist/themes.css +125 -0
- package/package.json +156 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// src/components/barcode/barcode.tsx
|
|
2
|
+
import JsBarcode from "jsbarcode";
|
|
3
|
+
import { useEffect, useRef } from "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
var linhaDigitavelParaCodigoBarras = (linha) => {
|
|
6
|
+
const d = linha.replace(/\D/g, "");
|
|
7
|
+
const banco = d.substring(0, 3);
|
|
8
|
+
const moeda = d.substring(3, 4);
|
|
9
|
+
const campo1 = d.substring(4, 9);
|
|
10
|
+
const campo2 = d.substring(10, 20);
|
|
11
|
+
const campo3 = d.substring(21, 31);
|
|
12
|
+
const digitoGeral = d.substring(32, 33);
|
|
13
|
+
const vencimento = d.substring(33, 37);
|
|
14
|
+
const valor = d.substring(37, 47);
|
|
15
|
+
return banco + moeda + digitoGeral + vencimento + valor + campo1 + campo2 + campo3;
|
|
16
|
+
};
|
|
17
|
+
function BoletoBarCode({ linhaDigitavel }) {
|
|
18
|
+
const svgRef = useRef(null);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (!svgRef.current) return;
|
|
21
|
+
try {
|
|
22
|
+
const codigoBarras = linhaDigitavelParaCodigoBarras(linhaDigitavel);
|
|
23
|
+
JsBarcode(svgRef.current, codigoBarras, {
|
|
24
|
+
format: "ITF",
|
|
25
|
+
lineColor: "#000000",
|
|
26
|
+
background: "#FFFFFF",
|
|
27
|
+
displayValue: false,
|
|
28
|
+
width: 2,
|
|
29
|
+
height: 80,
|
|
30
|
+
margin: 0
|
|
31
|
+
});
|
|
32
|
+
} catch (error) {
|
|
33
|
+
console.error("Erro ao gerar c\xF3digo de barras:", error);
|
|
34
|
+
}
|
|
35
|
+
}, [linhaDigitavel]);
|
|
36
|
+
return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-3 bg-surface-card", children: [
|
|
37
|
+
/* @__PURE__ */ jsx("svg", { ref: svgRef, className: "w-full" }),
|
|
38
|
+
/* @__PURE__ */ jsx("p", { className: "text-center font-mono text-sm tracking-widest text-content-primary", children: linhaDigitavel })
|
|
39
|
+
] });
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export {
|
|
43
|
+
BoletoBarCode
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=chunk-XGWGBD7X.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/barcode/barcode.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport JsBarcode from \"jsbarcode\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\nconst linhaDigitavelParaCodigoBarras = (linha: string): string => {\r\n const d = linha.replace(/\\D/g, \"\");\r\n\r\n const banco = d.substring(0, 3);\r\n const moeda = d.substring(3, 4);\r\n const campo1 = d.substring(4, 9);\r\n const campo2 = d.substring(10, 20);\r\n const campo3 = d.substring(21, 31);\r\n const digitoGeral = d.substring(32, 33);\r\n const vencimento = d.substring(33, 37);\r\n const valor = d.substring(37, 47);\r\n\r\n return (\r\n banco + moeda + digitoGeral + vencimento + valor + campo1 + campo2 + campo3\r\n );\r\n};\r\n\r\nexport interface BoletoBarCodeProps {\n linhaDigitavel: string;\r\n}\r\n\r\nexport function BoletoBarCode({ linhaDigitavel }: BoletoBarCodeProps) {\n const svgRef = useRef<SVGSVGElement>(null);\r\n\r\n useEffect(() => {\r\n if (!svgRef.current) return;\r\n\r\n try {\r\n const codigoBarras = linhaDigitavelParaCodigoBarras(linhaDigitavel);\r\n\r\n JsBarcode(svgRef.current, codigoBarras, {\r\n format: \"ITF\",\r\n lineColor: \"#000000\",\r\n background: \"#FFFFFF\",\r\n displayValue: false,\r\n width: 2,\r\n height: 80,\r\n margin: 0,\r\n });\r\n } catch (error) {\r\n console.error(\"Erro ao gerar código de barras:\", error);\n }\r\n }, [linhaDigitavel]);\r\n\r\n return (\r\n <div className=\"w-full space-y-3 bg-surface-card\">\r\n <svg ref={svgRef} className=\"w-full\" />\r\n <p className=\"text-center font-mono text-sm tracking-widest text-content-primary\">\r\n {linhaDigitavel}\r\n </p>\r\n </div>\r\n );\r\n}\r\n\r\n"],"mappings":";AAEA,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AA+C9B,SACE,KADF;AA7CJ,IAAM,iCAAiC,CAAC,UAA0B;AAChE,QAAM,IAAI,MAAM,QAAQ,OAAO,EAAE;AAEjC,QAAM,QAAQ,EAAE,UAAU,GAAG,CAAC;AAC9B,QAAM,QAAQ,EAAE,UAAU,GAAG,CAAC;AAC9B,QAAM,SAAS,EAAE,UAAU,GAAG,CAAC;AAC/B,QAAM,SAAS,EAAE,UAAU,IAAI,EAAE;AACjC,QAAM,SAAS,EAAE,UAAU,IAAI,EAAE;AACjC,QAAM,cAAc,EAAE,UAAU,IAAI,EAAE;AACtC,QAAM,aAAa,EAAE,UAAU,IAAI,EAAE;AACrC,QAAM,QAAQ,EAAE,UAAU,IAAI,EAAE;AAEhC,SACE,QAAQ,QAAQ,cAAc,aAAa,QAAQ,SAAS,SAAS;AAEzE;AAMO,SAAS,cAAc,EAAE,eAAe,GAAuB;AACpE,QAAM,SAAS,OAAsB,IAAI;AAEzC,YAAU,MAAM;AACd,QAAI,CAAC,OAAO,QAAS;AAErB,QAAI;AACF,YAAM,eAAe,+BAA+B,cAAc;AAElE,gBAAU,OAAO,SAAS,cAAc;AAAA,QACtC,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,sCAAmC,KAAK;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,SACE,qBAAC,SAAI,WAAU,oCACb;AAAA,wBAAC,SAAI,KAAK,QAAQ,WAAU,UAAS;AAAA,IACrC,oBAAC,OAAE,WAAU,sEACV,0BACH;AAAA,KACF;AAEJ;","names":[]}
|
package/dist/core.d.ts
ADDED
|
@@ -0,0 +1,471 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { ReactNode, ImgHTMLAttributes, HTMLAttributes, ComponentType, ComponentProps } from 'react';
|
|
3
|
+
import { IconBaseProps } from 'react-icons';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
export { D as DocumentItem, a as DocumentItemDetail, b as DocumentItemProps } from './DocumentItem-BU0J2QGP.js';
|
|
7
|
+
|
|
8
|
+
type ButtonProps = {
|
|
9
|
+
children?: React__default.ReactNode;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
variant?: "flat" | "outline" | "plain";
|
|
12
|
+
color?: "primary" | "secondary" | "tertiary" | "danger" | "warning";
|
|
13
|
+
size?: "small" | "medium" | "large";
|
|
14
|
+
width?: "auto" | "full";
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
loadingLabel?: string;
|
|
17
|
+
leadIcon?: React__default.ComponentType<IconBaseProps>;
|
|
18
|
+
endIcon?: React__default.ComponentType<IconBaseProps>;
|
|
19
|
+
} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
20
|
+
declare const Button: React__default.FC<ButtonProps>;
|
|
21
|
+
|
|
22
|
+
declare const textVariants: (props?: ({
|
|
23
|
+
variant?: "primary" | "secondary" | "tertiary" | "link" | "disabled" | null | undefined;
|
|
24
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "title1" | "title2" | "title3" | null | undefined;
|
|
25
|
+
weight?: "bold" | "medium" | "thin" | "extralight" | "light" | "normal" | "semibold" | "extrabold" | "black" | null | undefined;
|
|
26
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
27
|
+
type TypographySemanticRole = "page-title" | "section-title" | "body" | "label" | "caption" | "helper";
|
|
28
|
+
type TextElement = "p" | "span" | "div" | "label" | "strong" | "em" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
29
|
+
type TypographyProps = VariantProps<typeof textVariants> & {
|
|
30
|
+
children: React__default.ReactNode;
|
|
31
|
+
element?: TextElement;
|
|
32
|
+
semanticRole?: TypographySemanticRole;
|
|
33
|
+
className?: string;
|
|
34
|
+
} & React__default.HTMLAttributes<HTMLElement>;
|
|
35
|
+
declare function Typography({ children, element, semanticRole, className, variant, size, weight, ...rest }: TypographyProps): React__default.JSX.Element;
|
|
36
|
+
|
|
37
|
+
type DividerProps = {
|
|
38
|
+
width?: string;
|
|
39
|
+
height?: string;
|
|
40
|
+
bgColor?: "light" | "dark" | "black";
|
|
41
|
+
children?: React__default.ReactNode;
|
|
42
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
43
|
+
declare const Divider: React__default.FC<DividerProps>;
|
|
44
|
+
|
|
45
|
+
declare const colorVariant: (props?: ({
|
|
46
|
+
color?: "white" | "primary" | "secondary" | "tertiary" | "danger" | "warning" | "success" | "actionPrimary" | "actionWarning" | null | undefined;
|
|
47
|
+
defaultVariants?: "color" | null | undefined;
|
|
48
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
49
|
+
type LoadingDotsProps = VariantProps<typeof colorVariant> & {
|
|
50
|
+
color?: "white" | "primary" | "secondary" | "tertiary" | "danger" | "warning" | "success" | "actionPrimary" | "actionWarning";
|
|
51
|
+
fullContainer?: boolean;
|
|
52
|
+
announce?: boolean;
|
|
53
|
+
ariaLabel?: string;
|
|
54
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
55
|
+
declare const LoadingDots: React__default.FC<LoadingDotsProps>;
|
|
56
|
+
|
|
57
|
+
type SurfaceProps = React__default.HTMLAttributes<HTMLDivElement> & {
|
|
58
|
+
elevation?: "none" | "sm" | "md";
|
|
59
|
+
padding?: "none" | "compact" | "default";
|
|
60
|
+
radius?: "none" | "sm" | "md";
|
|
61
|
+
tone?: "card" | "subtle" | "muted" | "disabled" | "info" | "success" | "warning" | "danger" | "transparent";
|
|
62
|
+
};
|
|
63
|
+
declare function Surface({ children, className, elevation, padding, radius, tone, ...rest }: SurfaceProps): React__default.JSX.Element;
|
|
64
|
+
|
|
65
|
+
type ModalCardProps = {
|
|
66
|
+
children?: ReactNode;
|
|
67
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
68
|
+
declare function ModalCardView(props: ModalCardProps): React__default.JSX.Element;
|
|
69
|
+
|
|
70
|
+
type BoxProps = {
|
|
71
|
+
rounded?: boolean;
|
|
72
|
+
type?: "info" | "primary" | "secondary" | "tertiary" | "gray" | "success" | "warning" | "danger";
|
|
73
|
+
children: React__default.ReactNode;
|
|
74
|
+
textColor?: "default" | "color";
|
|
75
|
+
onDismiss?: () => void;
|
|
76
|
+
onTriggerHelp?: () => void;
|
|
77
|
+
icon?: React__default.ComponentType<IconBaseProps>;
|
|
78
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
79
|
+
declare const NoticeView: React__default.FC<BoxProps>;
|
|
80
|
+
|
|
81
|
+
type PageStateVariant = "error" | "empty" | "unavailable" | "not-found";
|
|
82
|
+
type PageStateProps = {
|
|
83
|
+
variant: PageStateVariant;
|
|
84
|
+
title: string;
|
|
85
|
+
description?: ReactNode;
|
|
86
|
+
illustration?: ReactNode;
|
|
87
|
+
actions?: ReactNode;
|
|
88
|
+
onRetry?: () => void;
|
|
89
|
+
retryLabel?: string;
|
|
90
|
+
compact?: boolean;
|
|
91
|
+
focusOnMount?: boolean;
|
|
92
|
+
headingLevel?: 1 | 2;
|
|
93
|
+
className?: string;
|
|
94
|
+
titleClassName?: string;
|
|
95
|
+
children?: ReactNode;
|
|
96
|
+
};
|
|
97
|
+
declare function PageState({ variant, title, description, illustration, actions, onRetry, retryLabel, compact, focusOnMount, headingLevel, className, titleClassName, children, }: PageStateProps): React.JSX.Element;
|
|
98
|
+
|
|
99
|
+
type TooltipProps = {
|
|
100
|
+
targetRef: React__default.RefObject<HTMLElement | null>;
|
|
101
|
+
content: React__default.ReactNode;
|
|
102
|
+
visible: boolean;
|
|
103
|
+
preferredPosition?: "top" | "bottom" | "left" | "right";
|
|
104
|
+
};
|
|
105
|
+
declare const Tooltip: React__default.FC<TooltipProps>;
|
|
106
|
+
|
|
107
|
+
type AvatarProps = {
|
|
108
|
+
name?: string;
|
|
109
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
110
|
+
image?: string;
|
|
111
|
+
description?: string;
|
|
112
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
113
|
+
declare const Avatar: React__default.FC<AvatarProps>;
|
|
114
|
+
|
|
115
|
+
type ThemedImageSource = string | {
|
|
116
|
+
light: string;
|
|
117
|
+
dark?: string;
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
type ThemedImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> & {
|
|
121
|
+
source: ThemedImageSource;
|
|
122
|
+
basePath?: string;
|
|
123
|
+
svgClassName?: string;
|
|
124
|
+
};
|
|
125
|
+
declare function ThemedImage({ source, basePath, svgClassName, className, alt, ...props }: ThemedImageProps): React.JSX.Element;
|
|
126
|
+
|
|
127
|
+
type IconProviderProps = {
|
|
128
|
+
children: ReactNode;
|
|
129
|
+
};
|
|
130
|
+
/** Keeps every react-icons glyph at its declared size inside flex layouts. */
|
|
131
|
+
declare function IconProvider({ children }: IconProviderProps): React.JSX.Element;
|
|
132
|
+
|
|
133
|
+
type CircularLoadingProps = {
|
|
134
|
+
size?: number;
|
|
135
|
+
thickness?: number;
|
|
136
|
+
trackColor?: string;
|
|
137
|
+
indicatorColor?: string;
|
|
138
|
+
withTrack?: boolean;
|
|
139
|
+
color?: "white" | "primary" | "secondary" | "tertiary" | "danger" | "warning" | "success";
|
|
140
|
+
message?: string;
|
|
141
|
+
className?: string;
|
|
142
|
+
ariaLabel?: string;
|
|
143
|
+
} & React__default.HTMLAttributes<HTMLDivElement>;
|
|
144
|
+
declare function CircularLoading({ size, thickness, trackColor, indicatorColor, withTrack, color, message, className, ariaLabel, ...rest }: CircularLoadingProps): React__default.JSX.Element;
|
|
145
|
+
|
|
146
|
+
type TextGroupProps = {
|
|
147
|
+
title: string;
|
|
148
|
+
text: string;
|
|
149
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
150
|
+
declare function TextGroup({ title, text, className, ...rest }: TextGroupProps): React.JSX.Element;
|
|
151
|
+
|
|
152
|
+
interface PaginationProps {
|
|
153
|
+
currentPage: number;
|
|
154
|
+
totalResults: number;
|
|
155
|
+
perPage: number;
|
|
156
|
+
onClick: (page: number) => void;
|
|
157
|
+
}
|
|
158
|
+
declare function PaginationView(props: PaginationProps): React.JSX.Element;
|
|
159
|
+
|
|
160
|
+
interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
161
|
+
options: {
|
|
162
|
+
label: string;
|
|
163
|
+
value: string;
|
|
164
|
+
}[];
|
|
165
|
+
value: string;
|
|
166
|
+
onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
167
|
+
layout?: "row" | "col" | "grid-2";
|
|
168
|
+
}
|
|
169
|
+
declare function Checkbox({ options, value, onChange, layout, ...props }: CheckboxProps): React__default.JSX.Element;
|
|
170
|
+
/** @deprecated Use Checkbox. */
|
|
171
|
+
declare const CheckBox: typeof Checkbox;
|
|
172
|
+
/** @deprecated Use CheckboxProps. */
|
|
173
|
+
type CheckBoxProps = CheckboxProps;
|
|
174
|
+
|
|
175
|
+
interface SliderProps {
|
|
176
|
+
min: number;
|
|
177
|
+
max: number;
|
|
178
|
+
step: number;
|
|
179
|
+
initialValue?: number;
|
|
180
|
+
value?: number;
|
|
181
|
+
onChange?: (value: number) => void;
|
|
182
|
+
onDragOver?: (value: number) => void;
|
|
183
|
+
disabled?: boolean;
|
|
184
|
+
marks?: number[];
|
|
185
|
+
ariaLabel: string;
|
|
186
|
+
getAriaValueText: (value: number) => string;
|
|
187
|
+
}
|
|
188
|
+
declare const Slider: React__default.FC<SliderProps>;
|
|
189
|
+
|
|
190
|
+
interface InputSliderProps {
|
|
191
|
+
name: string;
|
|
192
|
+
start: number;
|
|
193
|
+
end: number;
|
|
194
|
+
initialValue: number;
|
|
195
|
+
functionChange: React__default.Dispatch<React__default.SetStateAction<number>>;
|
|
196
|
+
step?: number | null;
|
|
197
|
+
prefix?: string;
|
|
198
|
+
sufix?: string;
|
|
199
|
+
marks?: boolean | ReadonlyArray<{
|
|
200
|
+
value: number;
|
|
201
|
+
label?: React__default.ReactNode;
|
|
202
|
+
}>;
|
|
203
|
+
valueLabelDisplay?: "off" | "on" | "auto";
|
|
204
|
+
showLabel?: boolean;
|
|
205
|
+
disabled?: boolean;
|
|
206
|
+
inputDisabled?: boolean;
|
|
207
|
+
valueFormmated?: string;
|
|
208
|
+
showInput?: boolean;
|
|
209
|
+
ariaLabel?: string;
|
|
210
|
+
}
|
|
211
|
+
declare const InputSlider: React__default.FC<InputSliderProps>;
|
|
212
|
+
|
|
213
|
+
interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
214
|
+
align?: "start" | "center" | "end" | "between";
|
|
215
|
+
fullWidthOnMobile?: boolean;
|
|
216
|
+
}
|
|
217
|
+
declare function FormActions({ align, fullWidthOnMobile, className, ...rest }: FormActionsProps): React.JSX.Element;
|
|
218
|
+
|
|
219
|
+
declare const COLUMN_STYLES$1: {
|
|
220
|
+
readonly 1: "grid-cols-1";
|
|
221
|
+
readonly 2: "grid-cols-1 tablet:grid-cols-2";
|
|
222
|
+
readonly 3: "grid-cols-1 tablet:grid-cols-3";
|
|
223
|
+
readonly 4: "grid-cols-1 tablet:grid-cols-4";
|
|
224
|
+
readonly 5: "grid-cols-1 tablet:grid-cols-5";
|
|
225
|
+
readonly 6: "grid-cols-1 tablet:grid-cols-6";
|
|
226
|
+
readonly 7: "grid-cols-1 tablet:grid-cols-7";
|
|
227
|
+
readonly 8: "grid-cols-1 tablet:grid-cols-8";
|
|
228
|
+
readonly 10: "grid-cols-1 tablet:grid-cols-10";
|
|
229
|
+
readonly 12: "grid-cols-1 tablet:grid-cols-12";
|
|
230
|
+
};
|
|
231
|
+
interface FormGridProps extends HTMLAttributes<HTMLDivElement> {
|
|
232
|
+
columns?: keyof typeof COLUMN_STYLES$1;
|
|
233
|
+
}
|
|
234
|
+
declare function FormGrid({ columns, className, ...rest }: FormGridProps): React.JSX.Element;
|
|
235
|
+
|
|
236
|
+
type PageHeadingBackAction = {
|
|
237
|
+
label: string;
|
|
238
|
+
href?: string;
|
|
239
|
+
onClick?: () => void;
|
|
240
|
+
};
|
|
241
|
+
type PageHeadingProps = {
|
|
242
|
+
title: ReactNode;
|
|
243
|
+
subtitle?: ReactNode;
|
|
244
|
+
back?: PageHeadingBackAction;
|
|
245
|
+
actions?: ReactNode;
|
|
246
|
+
className?: string;
|
|
247
|
+
contentClassName?: string;
|
|
248
|
+
spacing?: "default" | "none";
|
|
249
|
+
};
|
|
250
|
+
declare function PageHeading({ title, subtitle, back, actions, className, contentClassName, spacing, }: PageHeadingProps): React.JSX.Element;
|
|
251
|
+
|
|
252
|
+
type PageTabItem = {
|
|
253
|
+
id: string;
|
|
254
|
+
label: string;
|
|
255
|
+
icon?: ComponentType<IconBaseProps>;
|
|
256
|
+
notification?: ReactNode;
|
|
257
|
+
disabled?: boolean;
|
|
258
|
+
};
|
|
259
|
+
interface PageTabsHeaderProps {
|
|
260
|
+
title: string;
|
|
261
|
+
tabs: PageTabItem[];
|
|
262
|
+
activeTab: string;
|
|
263
|
+
onTabChange: (tabId: string) => void;
|
|
264
|
+
className?: string;
|
|
265
|
+
size?: "small" | "default";
|
|
266
|
+
}
|
|
267
|
+
declare function PageTabsHeader({ title, tabs, activeTab, onTabChange, className, size, }: PageTabsHeaderProps): React.JSX.Element;
|
|
268
|
+
|
|
269
|
+
type OptionalValuePolicy = "hide" | "placeholder";
|
|
270
|
+
|
|
271
|
+
declare const COLUMN_STYLES: {
|
|
272
|
+
readonly 1: "grid-cols-1";
|
|
273
|
+
readonly 2: "grid-cols-1 mobile:grid-cols-2";
|
|
274
|
+
readonly 3: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3";
|
|
275
|
+
readonly 4: "grid-cols-1 mobile:grid-cols-2 desktop:grid-cols-4";
|
|
276
|
+
readonly 6: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3 desktop:grid-cols-6";
|
|
277
|
+
};
|
|
278
|
+
interface InfoGridProps extends ComponentProps<"dl"> {
|
|
279
|
+
columns?: keyof typeof COLUMN_STYLES;
|
|
280
|
+
}
|
|
281
|
+
declare function InfoGrid({ columns, className, ...rest }: InfoGridProps): React.JSX.Element;
|
|
282
|
+
interface InfoItemProps extends ComponentProps<"div"> {
|
|
283
|
+
label: ReactNode;
|
|
284
|
+
value?: ReactNode;
|
|
285
|
+
optional?: OptionalValuePolicy;
|
|
286
|
+
placeholder?: string;
|
|
287
|
+
numeric?: boolean;
|
|
288
|
+
variant?: "default" | "metric";
|
|
289
|
+
valueClassName?: string;
|
|
290
|
+
}
|
|
291
|
+
declare function InfoItem({ label, value, optional, placeholder, numeric, variant, className, valueClassName, children, ...rest }: InfoItemProps): React.JSX.Element | null;
|
|
292
|
+
|
|
293
|
+
interface FilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
294
|
+
filters: ReactNode;
|
|
295
|
+
actions?: ReactNode;
|
|
296
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
297
|
+
actionClassName?: string;
|
|
298
|
+
}
|
|
299
|
+
declare function FilterBar({ filters, actions, columns, className, actionClassName, ...rest }: FilterBarProps): React.JSX.Element;
|
|
300
|
+
|
|
301
|
+
type StatusDomain = "generic" | "beneficiary" | "document" | "loan" | "benefit" | "signature" | "participation";
|
|
302
|
+
type StatusTone = "info" | "warning" | "success" | "danger" | "neutral";
|
|
303
|
+
type StatusAppearance = "outline" | "soft" | "solid";
|
|
304
|
+
interface ResolvedStatusAppearance {
|
|
305
|
+
tone: StatusTone;
|
|
306
|
+
appearance: StatusAppearance;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
declare const SIZE_STYLES: {
|
|
310
|
+
readonly sm: "min-h-5 px-1 py-0.5 text-xs";
|
|
311
|
+
readonly md: "min-h-6 px-2 py-0.5 text-sm";
|
|
312
|
+
};
|
|
313
|
+
interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
314
|
+
children: ReactNode;
|
|
315
|
+
tone?: StatusTone;
|
|
316
|
+
appearance?: StatusAppearance;
|
|
317
|
+
size?: keyof typeof SIZE_STYLES;
|
|
318
|
+
overflow?: "wrap" | "truncate";
|
|
319
|
+
}
|
|
320
|
+
declare function StatusBadge({ children, tone, appearance, size, overflow, className, title, ...rest }: StatusBadgeProps): React.JSX.Element;
|
|
321
|
+
declare const getStatusBadgeClassName: (tone: StatusTone, appearance: StatusAppearance) => string;
|
|
322
|
+
|
|
323
|
+
interface DomainStatusBadgeProps extends Omit<ComponentProps<typeof StatusBadge>, "children" | "tone" | "appearance"> {
|
|
324
|
+
status?: string | null;
|
|
325
|
+
domain?: StatusDomain;
|
|
326
|
+
empty?: "hide" | "placeholder";
|
|
327
|
+
placeholder?: string;
|
|
328
|
+
}
|
|
329
|
+
declare function DomainStatusBadge({ status, domain, empty, placeholder, ...rest }: DomainStatusBadgeProps): React.JSX.Element | null;
|
|
330
|
+
|
|
331
|
+
interface SkipLinkProps {
|
|
332
|
+
targetId?: string;
|
|
333
|
+
label?: string;
|
|
334
|
+
className?: string;
|
|
335
|
+
}
|
|
336
|
+
declare function SkipLink({ targetId, label, className, }: SkipLinkProps): React.JSX.Element;
|
|
337
|
+
|
|
338
|
+
declare function FocusNavigationMode(): null;
|
|
339
|
+
|
|
340
|
+
declare function findFirstInvalidField(form: HTMLFormElement): HTMLElement;
|
|
341
|
+
declare function FormErrorNavigation(): null;
|
|
342
|
+
|
|
343
|
+
interface IFilterOption {
|
|
344
|
+
label: string;
|
|
345
|
+
value: string;
|
|
346
|
+
}
|
|
347
|
+
interface IFilterControl {
|
|
348
|
+
id: string;
|
|
349
|
+
label?: string;
|
|
350
|
+
type: "options" | "sort" | "search";
|
|
351
|
+
optionList?: IFilterOption[];
|
|
352
|
+
value?: string;
|
|
353
|
+
placeholder?: string;
|
|
354
|
+
}
|
|
355
|
+
interface IFilterProps {
|
|
356
|
+
optionList?: IFilterOption[];
|
|
357
|
+
optionChecked?: string;
|
|
358
|
+
onChange?: (value: string) => void;
|
|
359
|
+
controls?: IFilterControl[];
|
|
360
|
+
onControlChange?: (control: IFilterControl, value: string) => void;
|
|
361
|
+
maxHeight?: number;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
type TablePrimitive = string | number | null | undefined;
|
|
365
|
+
interface ITableColumnConfig<TData = unknown> {
|
|
366
|
+
key: string;
|
|
367
|
+
title: string;
|
|
368
|
+
className?: string;
|
|
369
|
+
cellClassName?: string;
|
|
370
|
+
widthUnits?: number;
|
|
371
|
+
renderCell?: (item: TData, index: number) => ReactNode;
|
|
372
|
+
accessor?: (item: TData) => TablePrimitive;
|
|
373
|
+
searchAccessor?: (item: TData) => string;
|
|
374
|
+
sortAccessor?: (item: TData) => string | number;
|
|
375
|
+
filterAccessor?: (item: TData) => TablePrimitive;
|
|
376
|
+
filters?: {
|
|
377
|
+
controls: IFilterControl[];
|
|
378
|
+
matchOption?: (item: TData, value: string, control: IFilterControl) => boolean;
|
|
379
|
+
matchSearch?: (item: TData, value: string, control: IFilterControl) => boolean;
|
|
380
|
+
compare?: (a: TData, b: TData, value: string, control: IFilterControl) => number;
|
|
381
|
+
};
|
|
382
|
+
}
|
|
383
|
+
interface IHeaderItem<TData = unknown> {
|
|
384
|
+
title: string;
|
|
385
|
+
onClick?: () => void;
|
|
386
|
+
isFilterOpen?: boolean;
|
|
387
|
+
filters?: IFilterProps;
|
|
388
|
+
className?: string;
|
|
389
|
+
key?: string;
|
|
390
|
+
cellClassName?: string;
|
|
391
|
+
widthUnits?: number;
|
|
392
|
+
renderCell?: (item: TData, index: number) => ReactNode;
|
|
393
|
+
}
|
|
394
|
+
interface ITablePaginationProps {
|
|
395
|
+
currentPage: number;
|
|
396
|
+
totalPages: number;
|
|
397
|
+
totalItems: number;
|
|
398
|
+
startItem: number;
|
|
399
|
+
endItem: number;
|
|
400
|
+
onPrevious: () => void;
|
|
401
|
+
onNext: () => void;
|
|
402
|
+
variant?: "default" | "arrows";
|
|
403
|
+
}
|
|
404
|
+
interface ITableExpandableConfig<TData = unknown> {
|
|
405
|
+
getRowId: (item: TData, index: number) => string | number;
|
|
406
|
+
expandedRowId: string | number | null;
|
|
407
|
+
onToggleRow: (rowId: string | number, item: TData, index: number) => void;
|
|
408
|
+
renderExpandedRow: (item: TData, index: number) => ReactNode;
|
|
409
|
+
expandedRowClassName?: string;
|
|
410
|
+
expandedContentClassName?: string;
|
|
411
|
+
rowClassName?: (item: TData, isExpanded: boolean) => string | undefined;
|
|
412
|
+
}
|
|
413
|
+
type TableOverflowMode = "fit" | "adaptive" | "scroll";
|
|
414
|
+
type TableRowVariant = "plain" | "striped";
|
|
415
|
+
type TableHeaderVariant = "default" | "brand" | "dark" | "neutral";
|
|
416
|
+
type TableDensity = "comfortable" | "compact";
|
|
417
|
+
interface TableProps<TData = unknown> extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
418
|
+
header: IHeaderItem<TData>[] | ITableColumnConfig<TData>[];
|
|
419
|
+
accessibleName?: string;
|
|
420
|
+
caption?: ReactNode;
|
|
421
|
+
children?: ReactNode;
|
|
422
|
+
onFilterChange?: (value: string) => void;
|
|
423
|
+
showPagination?: boolean;
|
|
424
|
+
pagination?: ITablePaginationProps;
|
|
425
|
+
data?: TData[];
|
|
426
|
+
itemsPerPage?: number;
|
|
427
|
+
emptyMessage?: string;
|
|
428
|
+
totalWidthUnits?: number;
|
|
429
|
+
showRowDivider?: boolean;
|
|
430
|
+
enableRowHover?: boolean;
|
|
431
|
+
paginationVariant?: "default" | "arrows";
|
|
432
|
+
expandable?: ITableExpandableConfig<TData>;
|
|
433
|
+
overflowMode?: TableOverflowMode;
|
|
434
|
+
adaptiveBreakpoint?: number;
|
|
435
|
+
stickyHeader?: boolean;
|
|
436
|
+
scrollAreaMaxHeight?: React__default.CSSProperties["maxHeight"];
|
|
437
|
+
rowVariant?: TableRowVariant;
|
|
438
|
+
headerVariant?: TableHeaderVariant;
|
|
439
|
+
density?: TableDensity;
|
|
440
|
+
}
|
|
441
|
+
declare function Table<TData = unknown>(props: TableProps<TData>): React__default.JSX.Element;
|
|
442
|
+
|
|
443
|
+
interface IMobileCardTableHeader {
|
|
444
|
+
label: string;
|
|
445
|
+
className?: string;
|
|
446
|
+
}
|
|
447
|
+
interface IMobileCardTableExpandableConfig<TData> {
|
|
448
|
+
getRowId: (item: TData, index: number) => string | number;
|
|
449
|
+
expandedRowId: string | number | null;
|
|
450
|
+
onToggleRow: (rowId: string | number, item: TData, index: number) => void;
|
|
451
|
+
renderExpandedRow: (item: TData, index: number) => ReactNode;
|
|
452
|
+
expandedContentClassName?: string;
|
|
453
|
+
rowClassName?: (item: TData, isExpanded: boolean) => string | undefined;
|
|
454
|
+
}
|
|
455
|
+
interface MobileCardTableProps<TData> {
|
|
456
|
+
headers: IMobileCardTableHeader[];
|
|
457
|
+
accessibleName?: string;
|
|
458
|
+
data: TData[] | null | undefined | false;
|
|
459
|
+
renderCard: (item: TData, index: number) => ReactNode;
|
|
460
|
+
keyExtractor: (item: TData, index: number) => string;
|
|
461
|
+
itemsPerPage?: number;
|
|
462
|
+
emptyMessage?: string;
|
|
463
|
+
wrapperClassName?: string;
|
|
464
|
+
headerClassName?: string;
|
|
465
|
+
emptyClassName?: string;
|
|
466
|
+
showPagination?: boolean;
|
|
467
|
+
expandable?: IMobileCardTableExpandableConfig<TData>;
|
|
468
|
+
}
|
|
469
|
+
declare function MobileCardTable<TData>({ headers, accessibleName, data, renderCard, keyExtractor, itemsPerPage, emptyMessage, wrapperClassName, headerClassName, emptyClassName, showPagination, expandable, }: MobileCardTableProps<TData>): React.JSX.Element;
|
|
470
|
+
|
|
471
|
+
export { Avatar, type AvatarProps, type BoxProps, Button, type ButtonProps, CheckBox, type CheckBoxProps, Checkbox, type CheckboxProps, CircularLoading, type CircularLoadingProps, Divider, DomainStatusBadge, type DomainStatusBadgeProps, FilterBar, type FilterBarProps, FocusNavigationMode, FormActions, type FormActionsProps, FormErrorNavigation, FormGrid, type FormGridProps, type IFilterControl, type IFilterOption, type IFilterProps, type IHeaderItem, type IMobileCardTableExpandableConfig, type IMobileCardTableHeader, type ITableColumnConfig, type ITableExpandableConfig, type ITablePaginationProps, IconProvider, type IconProviderProps, InfoGrid, type InfoGridProps, InfoItem, type InfoItemProps, InputSlider, type InputSliderProps, LoadingDots, MobileCardTable, type MobileCardTableProps, ModalCardView as ModalCard, type ModalCardProps, NoticeView as Notice, type OptionalValuePolicy, PageHeading, type PageHeadingBackAction, type PageHeadingProps, PageState, type PageTabItem, PageTabsHeader, PaginationView as Pagination, type PaginationProps, IconProvider as PortalIconProvider, type ResolvedStatusAppearance, SkipLink, type SkipLinkProps, Slider, type SliderProps, type StatusAppearance, StatusBadge, type StatusBadgeProps, type StatusDomain, type StatusTone, Surface, type SurfaceProps, Table, type TableDensity, type TableHeaderVariant, type TableOverflowMode, type TableProps, type TableRowVariant, TextGroup, type TextGroupProps, ThemedImage, type ThemedImageProps, Tooltip, type TooltipProps, Typography, Typography as TypographyComponent, type TypographyProps, type TypographySemanticRole, findFirstInvalidField, getStatusBadgeClassName };
|
package/dist/core.js
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Avatar_default,
|
|
4
|
+
Button_default,
|
|
5
|
+
CheckBox,
|
|
6
|
+
Checkbox,
|
|
7
|
+
CircularLoading,
|
|
8
|
+
Divider_default,
|
|
9
|
+
DomainStatusBadge,
|
|
10
|
+
FilterBar,
|
|
11
|
+
FocusNavigationMode,
|
|
12
|
+
FormActions,
|
|
13
|
+
FormErrorNavigation,
|
|
14
|
+
FormGrid,
|
|
15
|
+
IconProvider,
|
|
16
|
+
InfoGrid,
|
|
17
|
+
InfoItem,
|
|
18
|
+
InputSliderView_default,
|
|
19
|
+
LoadingDotsView_default,
|
|
20
|
+
MobileCardTable_default,
|
|
21
|
+
ModalCardView_default,
|
|
22
|
+
NoticeView_default,
|
|
23
|
+
PageHeading,
|
|
24
|
+
PageState,
|
|
25
|
+
PageTabsHeader,
|
|
26
|
+
PaginationView_default,
|
|
27
|
+
SkipLink,
|
|
28
|
+
Slider_default,
|
|
29
|
+
StatusBadge,
|
|
30
|
+
Surface,
|
|
31
|
+
Table_default,
|
|
32
|
+
TextGroup,
|
|
33
|
+
ThemedImage,
|
|
34
|
+
Typography,
|
|
35
|
+
findFirstInvalidField,
|
|
36
|
+
getStatusBadgeClassName,
|
|
37
|
+
typography_default
|
|
38
|
+
} from "./chunk-OPUUOVCL.js";
|
|
39
|
+
import {
|
|
40
|
+
DocumentItem
|
|
41
|
+
} from "./chunk-OWXG2A4N.js";
|
|
42
|
+
import {
|
|
43
|
+
Tooltip_default
|
|
44
|
+
} from "./chunk-CWIPMGCA.js";
|
|
45
|
+
import "./chunk-2NMEKWO5.js";
|
|
46
|
+
export {
|
|
47
|
+
Avatar_default as Avatar,
|
|
48
|
+
Button_default as Button,
|
|
49
|
+
CheckBox,
|
|
50
|
+
Checkbox,
|
|
51
|
+
CircularLoading,
|
|
52
|
+
Divider_default as Divider,
|
|
53
|
+
DocumentItem,
|
|
54
|
+
DomainStatusBadge,
|
|
55
|
+
FilterBar,
|
|
56
|
+
FocusNavigationMode,
|
|
57
|
+
FormActions,
|
|
58
|
+
FormErrorNavigation,
|
|
59
|
+
FormGrid,
|
|
60
|
+
IconProvider,
|
|
61
|
+
InfoGrid,
|
|
62
|
+
InfoItem,
|
|
63
|
+
InputSliderView_default as InputSlider,
|
|
64
|
+
LoadingDotsView_default as LoadingDots,
|
|
65
|
+
MobileCardTable_default as MobileCardTable,
|
|
66
|
+
ModalCardView_default as ModalCard,
|
|
67
|
+
NoticeView_default as Notice,
|
|
68
|
+
PageHeading,
|
|
69
|
+
PageState,
|
|
70
|
+
PageTabsHeader,
|
|
71
|
+
PaginationView_default as Pagination,
|
|
72
|
+
IconProvider as PortalIconProvider,
|
|
73
|
+
SkipLink,
|
|
74
|
+
Slider_default as Slider,
|
|
75
|
+
StatusBadge,
|
|
76
|
+
Surface,
|
|
77
|
+
Table_default as Table,
|
|
78
|
+
TextGroup,
|
|
79
|
+
ThemedImage,
|
|
80
|
+
Tooltip_default as Tooltip,
|
|
81
|
+
typography_default as Typography,
|
|
82
|
+
Typography as TypographyComponent,
|
|
83
|
+
findFirstInvalidField,
|
|
84
|
+
getStatusBadgeClassName
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=core.js.map
|
package/dist/core.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":";","names":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
type DesignSystemCountryOption = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
cca2: string;
|
|
5
|
+
idd: {
|
|
6
|
+
root: string;
|
|
7
|
+
suffixes: string[];
|
|
8
|
+
display: string;
|
|
9
|
+
};
|
|
10
|
+
flags: {
|
|
11
|
+
png: string;
|
|
12
|
+
svg: string;
|
|
13
|
+
alt: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
type CountryListMode = "all" | "include" | "exclude";
|
|
17
|
+
/**
|
|
18
|
+
* Configura quais paises ficam disponiveis nos seletores.
|
|
19
|
+
* `codes` usa os codigos ISO-2 (`BR`, `US`, `PT`, ...).
|
|
20
|
+
*/
|
|
21
|
+
type CountryListFilter = {
|
|
22
|
+
mode?: CountryListMode;
|
|
23
|
+
codes?: string[];
|
|
24
|
+
};
|
|
25
|
+
declare function getCountryFlagUrl(cca2?: string | null): string;
|
|
26
|
+
declare function filterCountryOptions<T extends {
|
|
27
|
+
cca2?: string;
|
|
28
|
+
value?: string;
|
|
29
|
+
label?: string;
|
|
30
|
+
}>(options: T[], filter?: CountryListFilter): T[];
|
|
31
|
+
/** Países com nome, bandeira SVG local e código de discagem válidos. */
|
|
32
|
+
declare const COUNTRY_OPTIONS: DesignSystemCountryOption[];
|
|
33
|
+
/** Alias semântico para uso direto com o InputPhone. */
|
|
34
|
+
declare const PHONE_COUNTRY_OPTIONS: DesignSystemCountryOption[];
|
|
35
|
+
/** Retorna uma cópia para consumidores que precisam ordenar ou filtrar localmente. */
|
|
36
|
+
declare function getCountryOptions(): {
|
|
37
|
+
idd: {
|
|
38
|
+
suffixes: string[];
|
|
39
|
+
root: string;
|
|
40
|
+
display: string;
|
|
41
|
+
};
|
|
42
|
+
flags: {
|
|
43
|
+
png: string;
|
|
44
|
+
svg: string;
|
|
45
|
+
alt: string;
|
|
46
|
+
};
|
|
47
|
+
label: string;
|
|
48
|
+
value: string;
|
|
49
|
+
cca2: string;
|
|
50
|
+
}[];
|
|
51
|
+
|
|
52
|
+
export { COUNTRY_OPTIONS, type CountryListFilter, type CountryListMode, type DesignSystemCountryOption, PHONE_COUNTRY_OPTIONS, COUNTRY_OPTIONS as default, filterCountryOptions, getCountryFlagUrl, getCountryOptions };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {
|
|
2
|
+
COUNTRY_OPTIONS,
|
|
3
|
+
PHONE_COUNTRY_OPTIONS,
|
|
4
|
+
countries_default,
|
|
5
|
+
filterCountryOptions,
|
|
6
|
+
getCountryFlagUrl,
|
|
7
|
+
getCountryOptions
|
|
8
|
+
} from "./chunk-A3PA5H7L.js";
|
|
9
|
+
import "./chunk-2NMEKWO5.js";
|
|
10
|
+
export {
|
|
11
|
+
COUNTRY_OPTIONS,
|
|
12
|
+
PHONE_COUNTRY_OPTIONS,
|
|
13
|
+
countries_default as default,
|
|
14
|
+
filterCountryOptions,
|
|
15
|
+
getCountryFlagUrl,
|
|
16
|
+
getCountryOptions
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=countries.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|