@cryptlex/web-components 5.0.0 → 5.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/dist/components/data-table/data-table-filter.es.js +46 -44
- package/dist/components/data-table/data-table-filter.es.js.map +1 -1
- package/dist/components/data-table/data-table.es.js +160 -159
- package/dist/components/data-table/data-table.es.js.map +1 -1
- package/dist/components/data-table/table-commons.es.js +51 -217
- package/dist/components/data-table/table-commons.es.js.map +1 -1
- package/dist/components/inputs/date-picker.es.js +61 -41
- package/dist/components/inputs/date-picker.es.js.map +1 -1
- package/dist/components/inputs/datefield.es.js +9 -9
- package/dist/components/inputs/datefield.es.js.map +1 -1
- package/dist/components/inputs/field.es.js +36 -35
- package/dist/components/inputs/field.es.js.map +1 -1
- package/dist/components/inputs/id-search.es.js +36 -33
- package/dist/components/inputs/id-search.es.js.map +1 -1
- package/dist/components/inputs/multi-select.es.js +32 -39
- package/dist/components/inputs/multi-select.es.js.map +1 -1
- package/dist/components/inputs/{country-select.es.js → select-options.es.js} +26 -24
- package/dist/components/inputs/select-options.es.js.map +1 -0
- package/dist/components/inputs/select.es.js +46 -45
- package/dist/components/inputs/select.es.js.map +1 -1
- package/dist/components/ui/button.es.js +22 -24
- package/dist/components/ui/button.es.js.map +1 -1
- package/dist/components/ui/menu.es.js +44 -43
- package/dist/components/ui/menu.es.js.map +1 -1
- package/dist/components/ui/popover.es.js +1 -1
- package/dist/components/ui/popover.es.js.map +1 -1
- package/dist/index.es.d.ts +44 -54
- package/dist/index.es.js +206 -207
- package/dist/node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/CalendarDate.es.js +13 -13
- package/dist/node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/conversion.es.js +5 -5
- package/dist/node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/string.es.js +48 -39
- package/dist/node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/string.es.js.map +1 -1
- package/dist/utils/form-hook.es.js +10 -14
- package/dist/utils/form-hook.es.js.map +1 -1
- package/dist/utils/primitives.es.js.map +1 -1
- package/dist/utils/resource-names.es.js +182 -0
- package/dist/utils/resource-names.es.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/inputs/country-select.es.js.map +0 -1
- package/dist/components/inputs/license-type-select.es.js +0 -31
- package/dist/components/inputs/license-type-select.es.js.map +0 -1
|
@@ -1,54 +1,47 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { FormField as
|
|
3
|
-
import { EasyMenu as
|
|
4
|
-
import { useFieldContext as
|
|
5
|
-
import { getFieldErrorMessage as
|
|
6
|
-
function
|
|
7
|
-
|
|
8
|
-
value:
|
|
9
|
-
|
|
10
|
-
label:
|
|
11
|
-
errorMessage:
|
|
12
|
-
description:
|
|
13
|
-
...
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { FormField as a } from "./field.es.js";
|
|
3
|
+
import { EasyMenu as u, MenuItem as c } from "../ui/menu.es.js";
|
|
4
|
+
import { useFieldContext as f } from "../../utils/form-context.es.js";
|
|
5
|
+
import { getFieldErrorMessage as p } from "../../utils/form-hook.es.js";
|
|
6
|
+
function g({
|
|
7
|
+
items: o,
|
|
8
|
+
value: r,
|
|
9
|
+
onChange: n,
|
|
10
|
+
label: i,
|
|
11
|
+
errorMessage: t,
|
|
12
|
+
description: s,
|
|
13
|
+
...d
|
|
14
14
|
}) {
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
|
|
15
|
+
return /* @__PURE__ */ l("div", { className: "group form-field", children: /* @__PURE__ */ l(a, { label: i, description: s, errorMessage: t, children: /* @__PURE__ */ l(
|
|
16
|
+
u,
|
|
17
17
|
{
|
|
18
18
|
selectionMode: "multiple",
|
|
19
|
-
selectedKeys:
|
|
19
|
+
selectedKeys: r,
|
|
20
20
|
onSelectionChange: (e) => {
|
|
21
|
-
typeof e != "string" &&
|
|
21
|
+
typeof e != "string" && n(e);
|
|
22
22
|
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
{
|
|
28
|
-
id: e.value,
|
|
29
|
-
isDisabled: e == null ? void 0 : e.disabled,
|
|
30
|
-
children: e.label
|
|
31
|
-
},
|
|
32
|
-
e.value
|
|
33
|
-
))
|
|
23
|
+
items: o,
|
|
24
|
+
label: r.size,
|
|
25
|
+
...d,
|
|
26
|
+
children: (e) => /* @__PURE__ */ l(c, { id: e.id, isDisabled: e == null ? void 0 : e.disabled, children: e.label }, e.id)
|
|
34
27
|
}
|
|
35
28
|
) }) });
|
|
36
29
|
}
|
|
37
|
-
function
|
|
38
|
-
const
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
|
|
30
|
+
function F({ ...o }) {
|
|
31
|
+
const r = f();
|
|
32
|
+
return /* @__PURE__ */ l(
|
|
33
|
+
g,
|
|
41
34
|
{
|
|
42
|
-
value:
|
|
43
|
-
|
|
44
|
-
onClose:
|
|
45
|
-
errorMessage:
|
|
46
|
-
...
|
|
35
|
+
value: r.state.value,
|
|
36
|
+
onChange: r.setValue,
|
|
37
|
+
onClose: r.handleBlur,
|
|
38
|
+
errorMessage: p(r),
|
|
39
|
+
...o
|
|
47
40
|
}
|
|
48
41
|
);
|
|
49
42
|
}
|
|
50
43
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
44
|
+
g as MultiSelect,
|
|
45
|
+
F as TfMultiSelect
|
|
53
46
|
};
|
|
54
47
|
//# sourceMappingURL=multi-select.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import { FormField, type FormFieldProps } from \"@/components/inputs/field\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport { getFieldErrorMessage } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React from \"react\";\n\
|
|
1
|
+
{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import { FormField, type FormFieldProps } from \"@/components/inputs/field\";\nimport type { SelectOption } from \"@/components/inputs/select-options\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport { getFieldErrorMessage } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React from \"react\";\n\ninterface MultipleSelectionProps {\n\tvalue: Set<string | number>;\n\tonChange: (v: Set<string | number>) => void;\n\tbuttonLabel?: React.ReactNode;\n\titems: SelectOption[];\n}\n\nexport interface MultiSelectProps extends MultipleSelectionProps, FormFieldProps, Omit<React.ComponentProps<typeof EasyMenu>, 'label' | 'items'> { }\n\nexport function MultiSelect({\n\titems,\n\tvalue,\n\tonChange: setValue,\n\tlabel,\n\terrorMessage,\n\tdescription,\n\t...props\n}: MultiSelectProps) {\n\treturn (\n\t\t<div className=\"group form-field\">\n\t\t\t<FormField {...{ label, description, errorMessage }}>\n\t\t\t\t<EasyMenu\n\t\t\t\t\tselectionMode=\"multiple\"\n\t\t\t\t\tselectedKeys={value}\n\t\t\t\t\tonSelectionChange={(v) => {\n\t\t\t\t\t\tif (typeof (v) === 'string') return\n\t\t\t\t\t\tsetValue(v)\n\t\t\t\t\t}}\n\t\t\t\t\titems={items}\n\t\t\t\t\tlabel={value.size}\n\t\t\t\t\t{...props}>\n\t\t\t\t\t{(item) => <MenuItem id={item.id} key={item.id} isDisabled={item?.disabled}>{item.label}</MenuItem>}\n\t\t\t\t</EasyMenu>\n\t\t\t</FormField>\n\t\t</div>\n\t);\n};\n\n\n// TODO implement isDisabled\nexport interface TfMultiSelectProps\n\textends Omit<MultiSelectProps, \"value\" | \"onChange\"> { }\nexport function TfMultiSelect({ ...props }: TfMultiSelectProps) {\n\tconst field = useFieldContext<Set<number | string>>();\n\n\treturn (\n\t\t<MultiSelect\n\t\t\tvalue={field.state.value}\n\t\t\tonChange={field.setValue}\n\t\t\tonClose={field.handleBlur}\n\t\t\terrorMessage={getFieldErrorMessage(field)}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["MultiSelect","items","value","setValue","label","errorMessage","description","props","jsx","FormField","EasyMenu","v","item","MenuItem","TfMultiSelect","field","useFieldContext","getFieldErrorMessage"],"mappings":";;;;;AAgBO,SAASA,EAAY;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACd,UAAA,gBAAAA,EAACC,GAAA,EAAgB,OAAAL,GAAO,aAAAE,GAAa,cAAAD,GACpC,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,eAAc;AAAA,MACd,cAAcR;AAAA,MACd,mBAAmB,CAACS,MAAM;AACzB,QAAI,OAAQA,KAAO,YACnBR,EAASQ,CAAC;AAAA,MACX;AAAA,MACA,OAAAV;AAAA,MACA,OAAOC,EAAM;AAAA,MACZ,GAAGK;AAAA,MACH,UAAA,CAACK,MAAS,gBAAAJ,EAACK,GAAA,EAAS,IAAID,EAAK,IAAkB,YAAYA,KAAA,gBAAAA,EAAM,UAAW,UAAAA,EAAK,MAAA,GAA3CA,EAAK,EAA4C;AAAA,IAAA;AAAA,EAAA,GAE1F,EAAA,CACD;AAEF;AAMO,SAASE,EAAc,EAAE,GAAGP,KAA6B;AAC/D,QAAMQ,IAAQC,EAAA;AAEd,SACC,gBAAAR;AAAA,IAACR;AAAA,IAAA;AAAA,MACA,OAAOe,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,SAASA,EAAM;AAAA,MACf,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,14 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { jsx as i, Fragment as n, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
const d = [
|
|
3
|
+
{
|
|
4
|
+
label: /* @__PURE__ */ i(n, { children: "Node-locked" }),
|
|
5
|
+
id: "node-locked"
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
label: /* @__PURE__ */ i(n, { children: "Hosted floating" }),
|
|
9
|
+
id: "hosted-floating"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
label: /* @__PURE__ */ i(n, { children: "LexFloatServer" }),
|
|
13
|
+
id: "on-premise-floating"
|
|
14
|
+
}
|
|
15
|
+
];
|
|
16
|
+
function t(a) {
|
|
17
|
+
function e(r) {
|
|
5
18
|
return String.fromCodePoint(
|
|
6
19
|
127397 + r.toUpperCase().charCodeAt(0)
|
|
7
20
|
);
|
|
8
21
|
}
|
|
9
|
-
return
|
|
22
|
+
return e(a[0]) + e(a[1]);
|
|
10
23
|
}
|
|
11
|
-
const
|
|
24
|
+
const l = {
|
|
12
25
|
AF: "Afghanistan",
|
|
13
26
|
AX: "Åland Islands",
|
|
14
27
|
AL: "Albania",
|
|
@@ -258,27 +271,16 @@ const d = {
|
|
|
258
271
|
YE: "Yemen",
|
|
259
272
|
ZM: "Zambia",
|
|
260
273
|
ZW: "Zimbabwe"
|
|
261
|
-
},
|
|
262
|
-
label: /* @__PURE__ */ o(
|
|
263
|
-
|
|
274
|
+
}, u = Object.entries(l).map((a) => ({
|
|
275
|
+
label: /* @__PURE__ */ o(n, { children: [
|
|
276
|
+
t(a[0]),
|
|
264
277
|
" ",
|
|
265
278
|
a[1]
|
|
266
279
|
] }),
|
|
267
|
-
|
|
280
|
+
id: a[0]
|
|
268
281
|
}));
|
|
269
|
-
function c({
|
|
270
|
-
...a
|
|
271
|
-
}) {
|
|
272
|
-
return /* @__PURE__ */ i(l, { ...a, options: e });
|
|
273
|
-
}
|
|
274
|
-
function C({
|
|
275
|
-
...a
|
|
276
|
-
}) {
|
|
277
|
-
return /* @__PURE__ */ i(s, { ...a, options: e });
|
|
278
|
-
}
|
|
279
282
|
export {
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
C as TfCountrySelect
|
|
283
|
+
u as COUNTRY_OPTIONS,
|
|
284
|
+
d as LICENSE_TYPE_OPTIONS
|
|
283
285
|
};
|
|
284
|
-
//# sourceMappingURL=
|
|
286
|
+
//# sourceMappingURL=select-options.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-options.es.js","sources":["../../../lib/components/inputs/select-options.tsx"],"sourcesContent":["export type SelectOption = {\n\tid: string\n\tlabel: React.ReactNode,\n\tdisabled?: boolean\n}\nexport const LICENSE_TYPE_OPTIONS: SelectOption[] = [\n\t{\n\t\tlabel: <>Node-locked</>,\n\t\tid: \"node-locked\",\n\t},\n\t{\n\t\tlabel: <>Hosted floating</>,\n\t\tid: \"hosted-floating\",\n\t},\n\t{\n\t\tlabel: <>LexFloatServer</>,\n\t\tid: \"on-premise-floating\",\n\t},\n];\n\n\n/**\n * Creates Unicode flag from a two-letter ISO country code.\n * https://stackoverflow.com/questions/24050671/how-to-put-japan-flag-character-in-a-string\n * @param {string} country — A two-letter ISO country code (case-insensitive).\n * @return {string}\n */\nfunction getCountryFlag(country: string) {\n\tfunction getRegionalIndicatorSymbol(letter: string) {\n\t\treturn String.fromCodePoint(\n\t\t\t0x1f1e6 - 65 + letter.toUpperCase().charCodeAt(0),\n\t\t);\n\t}\n\n\treturn (\n\t\tgetRegionalIndicatorSymbol(country[0]) +\n\t\tgetRegionalIndicatorSymbol(country[1])\n\t);\n}\n\nconst ALL_COUNTRIES: { [key: string]: string } = {\n\tAF: \"Afghanistan\",\n\tAX: \"Åland Islands\",\n\tAL: \"Albania\",\n\tDZ: \"Algeria\",\n\tAS: \"American Samoa\",\n\tAD: \"Andorra\",\n\tAO: \"Angola\",\n\tAI: \"Anguilla\",\n\tAQ: \"Antarctica\",\n\tAG: \"Antigua and Barbuda\",\n\tAR: \"Argentina\",\n\tAM: \"Armenia\",\n\tAW: \"Aruba\",\n\tAU: \"Australia\",\n\tAT: \"Austria\",\n\tAZ: \"Azerbaijan\",\n\tBS: \"Bahamas\",\n\tBH: \"Bahrain\",\n\tBD: \"Bangladesh\",\n\tBB: \"Barbados\",\n\tBY: \"Belarus\",\n\tBE: \"Belgium\",\n\tBZ: \"Belize\",\n\tBJ: \"Benin\",\n\tBM: \"Bermuda\",\n\tBT: \"Bhutan\",\n\tBO: \"Bolivia (Plurinational State of)\",\n\tBQ: \"Bonaire, Sint Eustatius and Saba\",\n\tBA: \"Bosnia and Herzegovina\",\n\tBW: \"Botswana\",\n\tBV: \"Bouvet Island\",\n\tBR: \"Brazil\",\n\tIO: \"British Indian Ocean Territory\",\n\tBN: \"Brunei Darussalam\",\n\tBG: \"Bulgaria\",\n\tBF: \"Burkina Faso\",\n\tBI: \"Burundi\",\n\tCV: \"Caboe Verde\",\n\tKH: \"Cambodia\",\n\tCM: \"Cameroon\",\n\tCA: \"Canada\",\n\tKY: \"Cayman Islands\",\n\tCF: \"Central African Republic\",\n\tTD: \"Chad\",\n\tCL: \"Chile\",\n\tCN: \"China\",\n\tCX: \"Christmas Island\",\n\tCC: \"Cocos (Keeling) Islands\",\n\tCO: \"Colombia\",\n\tKM: \"Comoros\",\n\tCG: \"Congo\",\n\tCD: \"Congo, Democratic Republic of the\",\n\tCK: \"Cook Islands\",\n\tCR: \"Costa Rica\",\n\tCI: \"Côte d'voire\",\n\tHR: \"Croatia\",\n\tCU: \"Cuba\",\n\tCW: \"Curaçao\",\n\tCY: \"Cyprus\",\n\tCZ: \"Czechia\",\n\tDK: \"Denmark\",\n\tDJ: \"Djibouti\",\n\tDM: \"Dominica\",\n\tDO: \"Dominican Republic\",\n\tEC: \"Ecuador\",\n\tEG: \"Egypt\",\n\tSV: \"El Salvador\",\n\tGQ: \"Equatorial Guinea\",\n\tER: \"Eritrea\",\n\tEE: \"Estonia\",\n\tSZ: \"Eswatini\",\n\tET: \"Ethiopia\",\n\tFK: \"Falkland Islands (Malvinas)\",\n\tFO: \"Faroe Islands\",\n\tFJ: \"Fiji\",\n\tFI: \"Finland\",\n\tFR: \"France\",\n\tGF: \"French Guiana\",\n\tPF: \"French Polynesia\",\n\tTF: \"French Southern Territories\",\n\tGA: \"Gabon\",\n\tGM: \"Gambia\",\n\tGE: \"Georgia\",\n\tDE: \"Germany\",\n\tGH: \"Ghana\",\n\tGI: \"Gibraltar\",\n\tGR: \"Greece\",\n\tGL: \"Greenland\",\n\tGD: \"Grenada\",\n\tGP: \"Guadeloupe\",\n\tGU: \"Guam\",\n\tGT: \"Guatemala\",\n\tGG: \"Guernsey\",\n\tGN: \"Guinea\",\n\tGW: \"Guinea-Bissau\",\n\tGY: \"Guyana\",\n\tHT: \"Haiti\",\n\tHM: \"Heard Island and Mcdonald Islands\",\n\tVA: \"Holy See\",\n\tHN: \"Honduras\",\n\tHK: \"Hong Kong\",\n\tHU: \"Hungary\",\n\tIS: \"Iceland\",\n\tIN: \"India\",\n\tID: \"Indonesia\",\n\tIR: \"Iran (Islamic Republic of)\",\n\tIQ: \"Iraq\",\n\tIE: \"Ireland\",\n\tIM: \"Isle of Man\",\n\tIL: \"Israel\",\n\tIT: \"Italy\",\n\tJM: \"Jamaica\",\n\tJP: \"Japan\",\n\tJE: \"Jersey\",\n\tJO: \"Jordan\",\n\tKZ: \"Kazakhstan\",\n\tKE: \"Kenya\",\n\tKI: \"Kiribati\",\n\tKP: \"Korea (Democratic People's Republic of)\",\n\tKR: \"Korea (Republic of)\",\n\tKW: \"Kuwait\",\n\tKG: \"Kyrgyzstan\",\n\tLA: \"Lao People's Democratic Republic\",\n\tLV: \"Latvia\",\n\tLB: \"Lebanon\",\n\tLS: \"Lesotho\",\n\tLR: \"Liberia\",\n\tLY: \"Libya\",\n\tLI: \"Liechtenstein\",\n\tLT: \"Lithuania\",\n\tLU: \"Luxembourg\",\n\tMO: \"Macao\",\n\tMG: \"Madagascar\",\n\tMW: \"Malawi\",\n\tMY: \"Malaysia\",\n\tMV: \"Maldives\",\n\tML: \"Mali\",\n\tMT: \"Malta\",\n\tMH: \"Marshall Islands\",\n\tMQ: \"Martinique\",\n\tMR: \"Mauritania\",\n\tMU: \"Mauritius\",\n\tYT: \"Mayotte\",\n\tMX: \"Mexico\",\n\tFM: \"Micronesia (Federated States of)\",\n\tMD: \"Moldova, Republic of\",\n\tMC: \"Monaco\",\n\tMN: \"Mongolia\",\n\tME: \"Montenegro\",\n\tMS: \"Montserrat\",\n\tMA: \"Morocco\",\n\tMZ: \"Mozambique\",\n\tMM: \"Myanmar\",\n\tNA: \"Namibia\",\n\tNR: \"Nauru\",\n\tNP: \"Nepal\",\n\tNL: \"Netherlands, Kingdom of the\",\n\tNC: \"New Caledonia\",\n\tNZ: \"New Zealand\",\n\tNI: \"Nicaragua\",\n\tNE: \"Niger\",\n\tNG: \"Nigeria\",\n\tNU: \"Niue\",\n\tNF: \"Norfolk Island\",\n\tMK: \"North Macedonia\",\n\tMP: \"Northern Mariana Islands\",\n\tNO: \"Norway\",\n\tOM: \"Oman\",\n\tPK: \"Pakistan\",\n\tPW: \"Palau\",\n\tPS: \"Palestine, State of\",\n\tPA: \"Panama\",\n\tPG: \"Papua New Guinea\",\n\tPY: \"Paraguay\",\n\tPE: \"Peru\",\n\tPH: \"Philippines\",\n\tPN: \"Pitcairn\",\n\tPL: \"Poland\",\n\tPT: \"Portugal\",\n\tPR: \"Puerto Rico\",\n\tQA: \"Qatar\",\n\tRE: \"Réunion\",\n\tRO: \"Romania\",\n\tRU: \"Russian Federation\",\n\tRW: \"Rwanda\",\n\tBL: \"Saint Barthélemy\",\n\tSH: \"Saint Helena, Ascension Island, Tristan da Cunha\",\n\tKN: \"Saint Kitts and Nevis\",\n\tLC: \"Saint Lucia\",\n\tMF: \"Saint Martin (French part)\",\n\tPM: \"Saint Pierre and Miquelon\",\n\tVC: \"Saint Vincent and the Grenadines\",\n\tWS: \"Samoa\",\n\tSM: \"San Marino\",\n\tST: \"Sao Tome and Principe\",\n\tSA: \"Saudi Arabia\",\n\tSN: \"Senegal\",\n\tRS: \"Serbia\",\n\tSC: \"Seychelles\",\n\tSL: \"Sierra Leone\",\n\tSG: \"Singapore\",\n\tSX: \"Sint Maarten (Dutch part)\",\n\tSK: \"Slovakia\",\n\tSI: \"Slovenia\",\n\tSB: \"Solomon Islands\",\n\tSO: \"Somalia\",\n\tZA: \"South Africa\",\n\tGS: \"South Georgia and the South Sandwich Islands\",\n\tSS: \"South Sudan\",\n\tES: \"Spain\",\n\tLK: \"Sri Lanka\",\n\tSD: \"Sudan\",\n\tSR: \"Suriname\",\n\tSJ: \"Svalbard and Jan Mayen\",\n\tSE: \"Sweden\",\n\tCH: \"Switzerland\",\n\tSY: \"Syrian Arab Republic\",\n\tTW: \"Taiwan, Province of China\",\n\tTJ: \"Tajikistan\",\n\tTZ: \"Tanzania, United Republic of\",\n\tTH: \"Thailand\",\n\tTL: \"Timor-Leste\",\n\tTG: \"Togo\",\n\tTK: \"Tokelau\",\n\tTO: \"Tonga\",\n\tTT: \"Trinidad and Tobago\",\n\tTN: \"Tunisia\",\n\tTR: \"Türkiye\",\n\tTM: \"Turkmenistan\",\n\tTC: \"Turks and Caicos Islands\",\n\tTV: \"Tuvalu\",\n\tUG: \"Uganda\",\n\tUA: \"Ukraine\",\n\tAE: \"United Arab Emirates\",\n\tGB: \"United Kingdom of Great Britain and Northern Ireland\",\n\tUM: \"United States Minor Outlying Islands\",\n\tUS: \"United States of America\",\n\tUY: \"Uruguay\",\n\tUZ: \"Uzbekistan\",\n\tVU: \"Vanuatu\",\n\tVE: \"Venezuela (Bolivarian Republic of)\",\n\tVN: \"Viet Nam\",\n\tVG: \"Virgin Islands (British)\",\n\tVI: \"Virgin Islands (U.S)\",\n\tWF: \"Wallis and Futuna\",\n\tEH: \"Western Sahara\",\n\tYE: \"Yemen\",\n\tZM: \"Zambia\",\n\tZW: \"Zimbabwe\",\n};\n\n/** Options for MultiSelect component */\nexport const COUNTRY_OPTIONS: SelectOption[] = Object.entries(ALL_COUNTRIES).map((v) => {\n\treturn {\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{getCountryFlag(v[0])} {v[1]}\n\t\t\t</>\n\t\t),\n\t\tid: v[0],\n\t};\n});"],"names":["LICENSE_TYPE_OPTIONS","getCountryFlag","country","getRegionalIndicatorSymbol","letter","ALL_COUNTRIES","COUNTRY_OPTIONS","v","jsxs","Fragment"],"mappings":";AAKO,MAAMA,IAAuC;AAAA,EACnD;AAAA,IACC,8BAAS,UAAA,cAAA,CAAW;AAAA,IACpB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,kBAAA,CAAe;AAAA,IACxB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,iBAAA,CAAc;AAAA,IACvB,IAAI;AAAA,EAAA;AAEN;AASA,SAASC,EAAeC,GAAiB;AACxC,WAASC,EAA2BC,GAAgB;AACnD,WAAO,OAAO;AAAA,MACb,SAAeA,EAAO,YAAA,EAAc,WAAW,CAAC;AAAA,IAAA;AAAA,EAElD;AAEA,SACCD,EAA2BD,EAAQ,CAAC,CAAC,IACrCC,EAA2BD,EAAQ,CAAC,CAAC;AAEvC;AAEA,MAAMG,IAA2C;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACL,GAGaC,IAAkC,OAAO,QAAQD,CAAa,EAAE,IAAI,CAACE,OAC1E;AAAA,EACN,OACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAAR,EAAeM,EAAE,CAAC,CAAC;AAAA,IAAE;AAAA,IAAEA,EAAE,CAAC;AAAA,EAAA,GAC5B;AAAA,EAED,IAAIA,EAAE,CAAC;AAAA,EAER;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as r, jsxs as c, Fragment as f } from "react/jsx-runtime";
|
|
3
3
|
import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
|
|
4
4
|
import { ListBox as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/ListBox.es.js";
|
|
5
5
|
import { SelectValue as u, Select as h } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Select.es.js";
|
|
@@ -11,103 +11,104 @@ import { useFieldContext as C } from "../../utils/form-context.es.js";
|
|
|
11
11
|
import { getFieldErrorMessage as N } from "../../utils/form-hook.es.js";
|
|
12
12
|
import { Button as w } from "../ui/button.es.js";
|
|
13
13
|
import { cn as i } from "../../utils/primitives.es.js";
|
|
14
|
-
const F = h,
|
|
15
|
-
className:
|
|
16
|
-
...
|
|
17
|
-
}) => /* @__PURE__ */
|
|
14
|
+
const F = h, L = x, q = $, G = B, _ = ({
|
|
15
|
+
className: t,
|
|
16
|
+
...o
|
|
17
|
+
}) => /* @__PURE__ */ r(
|
|
18
18
|
u,
|
|
19
19
|
{
|
|
20
20
|
className: n(
|
|
21
|
-
|
|
22
|
-
(
|
|
21
|
+
t,
|
|
22
|
+
(e) => i(
|
|
23
23
|
"line-clamp-1 data-[placeholder]:text-muted-foreground",
|
|
24
24
|
/* Description */
|
|
25
25
|
"[&>[slot=description]]:hidden",
|
|
26
|
-
|
|
26
|
+
e
|
|
27
27
|
)
|
|
28
28
|
),
|
|
29
|
-
...
|
|
29
|
+
...o
|
|
30
30
|
}
|
|
31
31
|
);
|
|
32
|
-
function
|
|
33
|
-
return /* @__PURE__ */
|
|
32
|
+
function P({ className: t, children: o, ...e }) {
|
|
33
|
+
return /* @__PURE__ */ r(w, { ...e, children: n(o, (l) => /* @__PURE__ */ c(f, { children: [
|
|
34
34
|
l,
|
|
35
|
-
/* @__PURE__ */
|
|
35
|
+
/* @__PURE__ */ r(g, { "aria-hidden": "true", className: "size-icon opacity-50" })
|
|
36
36
|
] })) });
|
|
37
37
|
}
|
|
38
|
-
function
|
|
39
|
-
return /* @__PURE__ */
|
|
38
|
+
function b({ className: t, ...o }) {
|
|
39
|
+
return /* @__PURE__ */ r(
|
|
40
40
|
v,
|
|
41
41
|
{
|
|
42
42
|
className: n(
|
|
43
|
-
|
|
44
|
-
(
|
|
43
|
+
t,
|
|
44
|
+
(e) => i("w-auto min-w-[--trigger-width]", e)
|
|
45
45
|
),
|
|
46
|
-
...
|
|
46
|
+
...o
|
|
47
47
|
}
|
|
48
48
|
);
|
|
49
49
|
}
|
|
50
50
|
function j({
|
|
51
|
-
className:
|
|
52
|
-
...
|
|
51
|
+
className: t,
|
|
52
|
+
...o
|
|
53
53
|
}) {
|
|
54
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ r(
|
|
55
55
|
p,
|
|
56
56
|
{
|
|
57
57
|
className: n(
|
|
58
|
-
|
|
59
|
-
(
|
|
58
|
+
t,
|
|
59
|
+
(e) => i(
|
|
60
60
|
"overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
|
|
61
|
-
|
|
61
|
+
e
|
|
62
62
|
)
|
|
63
63
|
),
|
|
64
|
-
...
|
|
64
|
+
...o
|
|
65
65
|
}
|
|
66
66
|
);
|
|
67
67
|
}
|
|
68
68
|
function y({
|
|
69
|
-
label:
|
|
70
|
-
description:
|
|
71
|
-
errorMessage:
|
|
69
|
+
label: t,
|
|
70
|
+
description: o,
|
|
71
|
+
errorMessage: e,
|
|
72
72
|
children: l,
|
|
73
73
|
className: a,
|
|
74
74
|
items: s,
|
|
75
|
-
...
|
|
75
|
+
...d
|
|
76
76
|
}) {
|
|
77
|
-
return /* @__PURE__ */
|
|
77
|
+
return /* @__PURE__ */ r(
|
|
78
78
|
F,
|
|
79
79
|
{
|
|
80
80
|
className: n(
|
|
81
81
|
a,
|
|
82
|
-
(
|
|
82
|
+
(m) => i("group form-field", m)
|
|
83
83
|
),
|
|
84
|
-
...
|
|
85
|
-
children: /* @__PURE__ */ c(S, { label:
|
|
86
|
-
/* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
84
|
+
...d,
|
|
85
|
+
children: /* @__PURE__ */ c(S, { label: t, description: o, errorMessage: e, children: [
|
|
86
|
+
/* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(_, {}) }),
|
|
87
|
+
/* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(j, { items: s, children: l }) })
|
|
88
88
|
] })
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
91
|
}
|
|
92
|
-
function J({ ...
|
|
93
|
-
const
|
|
94
|
-
return /* @__PURE__ */
|
|
92
|
+
function J({ ...t }) {
|
|
93
|
+
const o = C();
|
|
94
|
+
return /* @__PURE__ */ r(
|
|
95
95
|
y,
|
|
96
96
|
{
|
|
97
|
-
selectedKey:
|
|
98
|
-
onSelectionChange: (
|
|
99
|
-
onBlur:
|
|
100
|
-
errorMessage: N(
|
|
101
|
-
...
|
|
97
|
+
selectedKey: o.state.value,
|
|
98
|
+
onSelectionChange: (e) => o.handleChange(e.toString()),
|
|
99
|
+
onBlur: o.handleBlur,
|
|
100
|
+
errorMessage: N(o),
|
|
101
|
+
...t,
|
|
102
|
+
children: (e) => /* @__PURE__ */ r(L, { id: e.id, children: e.label }, e.id)
|
|
102
103
|
}
|
|
103
104
|
);
|
|
104
105
|
}
|
|
105
106
|
export {
|
|
106
107
|
G as SelectCollection,
|
|
107
108
|
q as SelectHeader,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
109
|
+
L as SelectItem,
|
|
110
|
+
b as SelectPopover,
|
|
111
|
+
_ as SelectValue,
|
|
111
112
|
y as SingleSelect,
|
|
112
113
|
J as TfSingleSelect
|
|
113
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\"\nimport {\n ListBox as AriaListBox,\n ListBoxProps as AriaListBoxProps,\n PopoverProps as AriaPopoverProps,\n Select as AriaSelect,\n SelectProps as AriaSelectProps,\n SelectValue as AriaSelectValue,\n SelectValueProps as AriaSelectValueProps,\n composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\n\nimport { FormField, type FormFieldProps } from \"@/components/inputs/field\"\nimport { Button } from \"@/components/ui\"\nimport { ChevronDown } from \"lucide-react\"\nimport {\n ListBoxCollection,\n ListBoxHeader,\n ListBoxItem,\n} from \"../ui/list-box\"\nimport { Popover } from \"../ui/popover\"\n\nconst ASelect = AriaSelect\nexport const SelectItem = ListBoxItem\nexport const SelectHeader = ListBoxHeader\nexport const SelectCollection = ListBoxCollection\n\nexport const SelectValue = <T extends object>({\n className,\n ...props\n}: AriaSelectValueProps<T>) => (\n <AriaSelectValue\n className={composeRenderProps(className, (className) =>\n cn(\n \"line-clamp-1 data-[placeholder]:text-muted-foreground\",\n /* Description */\n \"[&>[slot=description]]:hidden\",\n className\n )\n )}\n {...props}\n />\n)\n\nfunction SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Button>) {\n return (\n <Button {...props}>\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <ChevronDown aria-hidden=\"true\" className=\"size-icon opacity-50\" />\n </>\n ))}\n </Button>\n )\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n return (\n <Popover\n className={composeRenderProps(className, (className) =>\n cn(\"w-auto min-w-[--trigger-width]\", className)\n )}\n {...props}\n />\n )\n}\n\nfunction SelectListBox<T extends object>({\n className,\n ...props\n}: AriaListBoxProps<T>) {\n return (\n <AriaListBox\n className={composeRenderProps(className, (className) =>\n cn(\n \"overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport interface SingleSelectProps<T extends
|
|
1
|
+
{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\"\nimport {\n ListBox as AriaListBox,\n ListBoxProps as AriaListBoxProps,\n PopoverProps as AriaPopoverProps,\n Select as AriaSelect,\n SelectProps as AriaSelectProps,\n SelectValue as AriaSelectValue,\n SelectValueProps as AriaSelectValueProps,\n composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\n\nimport { FormField, type FormFieldProps } from \"@/components/inputs/field\"\nimport type { SelectOption } from \"@/components/inputs/select-options\"\nimport { Button } from \"@/components/ui\"\nimport { ChevronDown } from \"lucide-react\"\nimport {\n ListBoxCollection,\n ListBoxHeader,\n ListBoxItem,\n} from \"../ui/list-box\"\nimport { Popover } from \"../ui/popover\"\n\nconst ASelect = AriaSelect\nexport const SelectItem = ListBoxItem\nexport const SelectHeader = ListBoxHeader\nexport const SelectCollection = ListBoxCollection\n\nexport const SelectValue = <T extends object>({\n className,\n ...props\n}: AriaSelectValueProps<T>) => (\n <AriaSelectValue\n className={composeRenderProps(className, (className) =>\n cn(\n \"line-clamp-1 data-[placeholder]:text-muted-foreground\",\n /* Description */\n \"[&>[slot=description]]:hidden\",\n className\n )\n )}\n {...props}\n />\n)\n\nfunction SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Button>) {\n return (\n <Button {...props}>\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <ChevronDown aria-hidden=\"true\" className=\"size-icon opacity-50\" />\n </>\n ))}\n </Button>\n )\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n return (\n <Popover\n className={composeRenderProps(className, (className) =>\n cn(\"w-auto min-w-[--trigger-width]\", className)\n )}\n {...props}\n />\n )\n}\n\nfunction SelectListBox<T extends object>({\n className,\n ...props\n}: AriaListBoxProps<T>) {\n return (\n <AriaListBox\n className={composeRenderProps(className, (className) =>\n cn(\n \"overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport interface SingleSelectProps<T extends SelectOption> extends Omit<AriaSelectProps<T>, \"children\">, FormFieldProps {\n items: Iterable<T>\n children: React.ReactNode | ((item: T) => React.ReactNode)\n}\n\nexport function SingleSelect<T extends SelectOption>({\n label,\n description,\n errorMessage,\n children,\n className,\n items,\n ...props\n}: SingleSelectProps<T>) {\n return (\n <ASelect\n className={composeRenderProps(className, (className) =>\n cn(\"group form-field\", className)\n )}\n {...props}\n >\n <FormField label={label} description={description} errorMessage={errorMessage}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectPopover>\n <SelectListBox items={items}>{children}</SelectListBox>\n </SelectPopover>\n </FormField>\n </ASelect>\n )\n}\n\n\ntype TfSingleSelectProps<T extends SelectOption> = Omit<SingleSelectProps<T>, \"value\" | \"setValue\" | 'children'>;\n\nexport function TfSingleSelect<T extends SelectOption>({ ...props }: TfSingleSelectProps<T>) {\n const field = useFieldContext<string>();\n\n return (\n <SingleSelect\n selectedKey={field.state.value}\n onSelectionChange={(e) => field.handleChange(e!.toString())}\n onBlur={field.handleBlur}\n errorMessage={getFieldErrorMessage(field)}\n {...props}\n >\n {(item) => <SelectItem id={item.id} key={item.id}>{item.label}</SelectItem>}\n </SingleSelect>\n );\n}\n"],"names":["ASelect","AriaSelect","SelectItem","ListBoxItem","SelectHeader","ListBoxHeader","SelectCollection","ListBoxCollection","SelectValue","className","props","jsx","AriaSelectValue","composeRenderProps","cn","SelectTrigger","children","Button","jsxs","Fragment","ChevronDown","SelectPopover","Popover","SelectListBox","AriaListBox","SingleSelect","label","description","errorMessage","items","FormField","TfSingleSelect","field","useFieldContext","getFieldErrorMessage","item"],"mappings":";;;;;;;;;;;;;AAyBA,MAAMA,IAAUC,GACHC,IAAaC,GACbC,IAAeC,GACfC,IAAmBC,GAEnBC,IAAc,CAAmB;AAAA,EAC5C,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MAAmBJ;AAAA,MAAW,CAACA,MACxCK;AAAA,QACE;AAAA;AAAA,QAEA;AAAA,QACAL;AAAAA,MAAA;AAAA,IACF;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAGF,SAASK,EAAc,EAAE,WAAAN,GAAW,UAAAO,GAAU,GAAGN,KAA8C;AAC7F,SACE,gBAAAC,EAACM,KAAQ,GAAGP,GACT,YAAmBM,GAAU,CAACA,MAC7B,gBAAAE,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAH;AAAAA,IACD,gBAAAL,EAACS,GAAA,EAAY,eAAY,QAAO,WAAU,uBAAA,CAAuB;AAAA,EAAA,EAAA,CACnE,CACD,EAAA,CACH;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAZ,GAAW,GAAGC,KAA2B;AACvE,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,WAAWT;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,kCAAkCL,CAAS;AAAA,MAAA;AAAA,MAE/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAgC;AAAA,EACvC,WAAAd;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,WAAWX;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAOO,SAASe,EAAqC;AAAA,EACnD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAZ;AAAA,EACA,WAAAP;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGnB;AACL,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,WAAWa;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,UAAA,gBAAAQ,EAACY,GAAA,EAAU,OAAAJ,GAAc,aAAAC,GAA0B,cAAAC,GACjD,UAAA;AAAA,QAAA,gBAAAjB,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACH,GAAA,CAAA,CAAY,GACf;AAAA,0BACCa,GAAA,EACC,UAAA,gBAAAV,EAACY,GAAA,EAAc,OAAAM,GAAe,UAAAb,GAAS,EAAA,CACzC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAKO,SAASe,EAAuC,EAAE,GAAGrB,KAAiC;AAC3F,QAAMsB,IAAQC,EAAA;AAEd,SACE,gBAAAtB;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAaO,EAAM,MAAM;AAAA,MACzB,mBAAmB,CAAC,MAAMA,EAAM,aAAa,EAAG,UAAU;AAAA,MAC1D,QAAQA,EAAM;AAAA,MACd,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGtB;AAAA,MAEH,UAAA,CAACyB,MAAS,gBAAAxB,EAACT,GAAA,EAAW,IAAIiC,EAAK,IAAmB,UAAAA,EAAK,MAAA,GAAfA,EAAK,EAAgB;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as e, jsxs as
|
|
2
|
+
import { jsx as e, jsxs as f, Fragment as i } from "react/jsx-runtime";
|
|
3
3
|
import { cva as u } from "class-variance-authority";
|
|
4
|
-
import { Button as
|
|
5
|
-
import { composeRenderProps as
|
|
6
|
-
import { Loader as
|
|
7
|
-
import { cn as
|
|
8
|
-
const
|
|
9
|
-
"btn inline-flex gap-1 text-ellipsis overflow-hidden
|
|
4
|
+
import { Button as d } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Button.es.js";
|
|
5
|
+
import { composeRenderProps as o } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
|
|
6
|
+
import { Loader as l } from "./loader.es.js";
|
|
7
|
+
import { cn as p } from "../../utils/primitives.es.js";
|
|
8
|
+
const b = u(
|
|
9
|
+
"btn inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors",
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
@@ -29,33 +29,31 @@ const v = u(
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
);
|
|
32
|
-
function
|
|
32
|
+
function z({ className: r, variant: a, size: s, children: c, isPending: n, active: v, ...m }) {
|
|
33
33
|
return /* @__PURE__ */ e(
|
|
34
|
-
|
|
34
|
+
d,
|
|
35
35
|
{
|
|
36
36
|
...m,
|
|
37
|
-
className:
|
|
38
|
-
|
|
39
|
-
(t) =>
|
|
40
|
-
|
|
41
|
-
variant:
|
|
42
|
-
size:
|
|
37
|
+
className: o(
|
|
38
|
+
r,
|
|
39
|
+
(t) => p(
|
|
40
|
+
b({
|
|
41
|
+
variant: a,
|
|
42
|
+
size: s,
|
|
43
43
|
className: t
|
|
44
|
-
})
|
|
44
|
+
}),
|
|
45
|
+
r
|
|
45
46
|
)
|
|
46
47
|
),
|
|
47
|
-
children:
|
|
48
|
-
|
|
49
|
-
!
|
|
50
|
-
t,
|
|
51
|
-
d && /* @__PURE__ */ e("span", { className: "p-1 z-30 bg-destructive absolute top-0 end-0 -translate-y-1 translate-x-1 rounded-full" })
|
|
52
|
-
] })
|
|
48
|
+
children: o(c, (t) => /* @__PURE__ */ f(i, { children: [
|
|
49
|
+
n && /* @__PURE__ */ e(l, {}),
|
|
50
|
+
!n && /* @__PURE__ */ e(i, { children: t })
|
|
53
51
|
] }))
|
|
54
52
|
}
|
|
55
53
|
);
|
|
56
54
|
}
|
|
57
55
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
z as Button,
|
|
57
|
+
b as buttonVariants
|
|
60
58
|
};
|
|
61
59
|
//# sourceMappingURL=button.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["\"use client\"\nimport { cn } from \"@/utils/index\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n\tButton as AriaButton,\n\tcomposeRenderProps,\n\ttype ButtonProps as AriaButtonProps,\n} from \"react-aria-components\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t\"btn inline-flex gap-1 text-ellipsis overflow-hidden
|
|
1
|
+
{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["\"use client\"\nimport { cn } from \"@/utils/index\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n\tButton as AriaButton,\n\tcomposeRenderProps,\n\ttype ButtonProps as AriaButtonProps,\n} from \"react-aria-components\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t\"btn inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: \"btn-primary\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\tneutral: \"btn-neutral\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tnone: \"\"\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"neutral\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonVariants> & {\n\tref?: React.Ref<HTMLButtonElement>\n\tactive?: boolean\n}\n\nexport function Button({ className: additionalClasses, variant, size, children, isPending, active, ...props }: ButtonProps) {\n\treturn (\n\t\t<AriaButton\n\t\t\t{...props}\n\t\t\tclassName={composeRenderProps(additionalClasses, (className) =>\n\t\t\t\tcn(\n\t\t\t\t\tbuttonVariants({\n\t\t\t\t\t\tvariant,\n\t\t\t\t\t\tsize,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t}),\n\t\t\t\t\tadditionalClasses\n\t\t\t\t)\n\t\t\t)}\n\t\t>\n\t\t\t{composeRenderProps(children, (children) => (<>\n\t\t\t\t{isPending && <Loader />}\n\t\t\t\t{!isPending && <>\n\t\t\t\t\t{children}\n\t\t\t\t\t{/* TODO active indication */}\n\t\t\t\t</>}\n\t\t\t</>))}\n\t\t</AriaButton>\n\t)\n}\n\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","cn","jsxs","Fragment","Loader"],"mappings":";;;;;;;AAUO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAOO,SAASC,EAAO,EAAE,WAAWC,GAAmB,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,KAAsB;AAC3H,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,GAAGF;AAAA,MACJ,WAAWG;AAAAA,QAAmBT;AAAA,QAAmB,CAACU,MACjDC;AAAA,UACCd,EAAe;AAAA,YACd,SAAAI;AAAA,YACA,MAAAC;AAAA,YACA,WAAAQ;AAAA,UAAA,CACA;AAAA,UACDV;AAAA,QAAA;AAAA,MACD;AAAA,MAGA,UAAAS,EAAmBN,GAAU,CAACA,MAAc,gBAAAS,EAAAC,GAAA,EAC3C,UAAA;AAAA,QAAAT,uBAAcU,GAAA,EAAO;AAAA,QACrB,CAACV,KAAa,gBAAAG,EAAAM,GAAA,EACb,UAAAV,EAAAA,CAEF;AAAA,MAAA,GACD,CAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|