@commercelayer/app-elements 0.0.58 → 0.0.59
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/Async-338d6d10.js +94 -0
- package/dist/{InputDateComponent-feca6187.js → InputDateComponent-02a3a92e.js} +2 -2
- package/dist/Select-db8266d5.js +36 -0
- package/dist/dictionaries/orders.d.ts +0 -2
- package/dist/{main-aba0dc4d.js → main-a162df36.js} +6452 -6194
- package/dist/main.d.ts +3 -1
- package/dist/main.js +67 -64
- package/dist/{overrides-13b2488b.js → overrides-077506c4.js} +276 -272
- package/dist/style.css +1 -1
- package/dist/ui/atoms/RadialProgress.d.ts +6 -1
- package/dist/ui/atoms/Tag.d.ts +22 -0
- package/dist/ui/atoms/Tag.test.d.ts +1 -0
- package/dist/ui/forms/InputSelect/Async.d.ts +3 -3
- package/dist/ui/forms/InputSelect/Select.d.ts +4 -4
- package/dist/ui/forms/InputSelect/index.d.ts +9 -3
- package/dist/ui/forms/InputSelect/overrides.d.ts +3 -1
- package/dist/ui/resources/ResourceTags.d.ts +14 -0
- package/dist/{unsupportedIterableToArray-f3568793.js → unsupportedIterableToArray-848d3b41.js} +1 -1
- package/dist/utils/htmltags.d.ts +6 -0
- package/package.json +2 -2
- package/dist/Async-575c3624.js +0 -92
- package/dist/Select-5afecd09.js +0 -34
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { L as de, H as le } from "./main-a162df36.js";
|
|
2
|
+
import * as ce from "react";
|
|
3
|
+
import { useRef as F, useState as a, useEffect as x, useCallback as E, forwardRef as ve } from "react";
|
|
4
|
+
import { _ as Oe, a as s, h as Se, b as g, u as me, S as _e, c as he, s as ge } from "./overrides-077506c4.js";
|
|
5
|
+
import { d as ye } from "./unsupportedIterableToArray-848d3b41.js";
|
|
6
|
+
import "react-dom";
|
|
7
|
+
import "@commercelayer/sdk";
|
|
8
|
+
var Ce = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
|
|
9
|
+
function Ie(t) {
|
|
10
|
+
var o = t.defaultOptions, n = o === void 0 ? !1 : o, i = t.cacheOptions, u = i === void 0 ? !1 : i, r = t.loadOptions;
|
|
11
|
+
t.options;
|
|
12
|
+
var v = t.isLoading, O = v === void 0 ? !1 : v, S = t.onInputChange, m = t.filterOption, y = m === void 0 ? null : m, $ = Oe(t, Ce), j = $.inputValue, f = F(void 0), _ = F(!1), G = a(Array.isArray(n) ? n : void 0), D = s(G, 2), J = D[0], R = D[1], K = a(typeof j < "u" ? j : ""), q = s(K, 2), w = q[0], C = q[1], Q = a(n === !0), H = s(Q, 2), U = H[0], d = H[1], X = a(void 0), M = s(X, 2), I = M[0], L = M[1], Y = a([]), N = s(Y, 2), Z = N[0], A = N[1], k = a(!1), T = s(k, 2), ee = T[0], h = T[1], te = a({}), W = s(te, 2), l = W[0], b = W[1], ne = a(void 0), z = s(ne, 2), ae = z[0], se = z[1], re = a(void 0), B = s(re, 2), oe = B[0], ie = B[1];
|
|
13
|
+
u !== oe && (b({}), ie(u)), n !== ae && (R(Array.isArray(n) ? n : void 0), se(n)), x(function() {
|
|
14
|
+
return _.current = !0, function() {
|
|
15
|
+
_.current = !1;
|
|
16
|
+
};
|
|
17
|
+
}, []);
|
|
18
|
+
var P = E(function(c, p) {
|
|
19
|
+
if (!r)
|
|
20
|
+
return p();
|
|
21
|
+
var e = r(c, p);
|
|
22
|
+
e && typeof e.then == "function" && e.then(p, function() {
|
|
23
|
+
return p();
|
|
24
|
+
});
|
|
25
|
+
}, [r]);
|
|
26
|
+
x(function() {
|
|
27
|
+
n === !0 && P(w, function(c) {
|
|
28
|
+
_.current && (R(c || []), d(!!f.current));
|
|
29
|
+
});
|
|
30
|
+
}, []);
|
|
31
|
+
var ue = E(function(c, p) {
|
|
32
|
+
var e = Se(c, p, S);
|
|
33
|
+
if (!e) {
|
|
34
|
+
f.current = void 0, C(""), L(""), A([]), d(!1), h(!1);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
if (u && l[e])
|
|
38
|
+
C(e), L(e), A(l[e]), d(!1), h(!1);
|
|
39
|
+
else {
|
|
40
|
+
var fe = f.current = {};
|
|
41
|
+
C(e), d(!0), h(!I), P(e, function(V) {
|
|
42
|
+
_ && fe === f.current && (f.current = void 0, d(!1), L(e), A(V || []), h(!1), b(V ? g(g({}, l), {}, ye({}, e, V)) : l));
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}, [u, P, I, l, S]), pe = ee ? [] : w && I ? Z : J || [];
|
|
46
|
+
return g(g({}, $), {}, {
|
|
47
|
+
options: pe,
|
|
48
|
+
isLoading: U || O,
|
|
49
|
+
onInputChange: ue,
|
|
50
|
+
filterOption: y
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
var Le = /* @__PURE__ */ ve(function(t, o) {
|
|
54
|
+
var n = Ie(t), i = me(n);
|
|
55
|
+
return /* @__PURE__ */ ce.createElement(_e, he({
|
|
56
|
+
ref: o
|
|
57
|
+
}, i));
|
|
58
|
+
}), Ae = Le;
|
|
59
|
+
function Pe({
|
|
60
|
+
onSelect: t,
|
|
61
|
+
noOptionsMessage: o,
|
|
62
|
+
initialValues: n,
|
|
63
|
+
isOptionDisabled: i,
|
|
64
|
+
loadAsyncValues: u,
|
|
65
|
+
debounceMs: r = 500,
|
|
66
|
+
...v
|
|
67
|
+
}) {
|
|
68
|
+
const O = E(
|
|
69
|
+
de((S, m) => {
|
|
70
|
+
u(S).then((y) => {
|
|
71
|
+
m(y);
|
|
72
|
+
});
|
|
73
|
+
}, r),
|
|
74
|
+
[r]
|
|
75
|
+
);
|
|
76
|
+
return x(() => () => {
|
|
77
|
+
O.cancel();
|
|
78
|
+
}, [r]), /* @__PURE__ */ le.jsx(
|
|
79
|
+
Ae,
|
|
80
|
+
{
|
|
81
|
+
...v,
|
|
82
|
+
defaultOptions: n,
|
|
83
|
+
onChange: t,
|
|
84
|
+
noOptionsMessage: () => o,
|
|
85
|
+
loadOptions: O,
|
|
86
|
+
components: ge,
|
|
87
|
+
isOptionDisabled: i
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
Pe.displayName = "AsyncSelectComponent";
|
|
92
|
+
export {
|
|
93
|
+
Pe as AsyncSelectComponent
|
|
94
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-
|
|
1
|
+
import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-a162df36.js";
|
|
2
2
|
import * as B from "react";
|
|
3
3
|
import h, { forwardRef as Fn, createElement as ja, Component as Ua, createRef as Ba } from "react";
|
|
4
|
-
import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-
|
|
4
|
+
import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-848d3b41.js";
|
|
5
5
|
import * as Va from "react-dom";
|
|
6
6
|
import Qa, { findDOMNode as $a } from "react-dom";
|
|
7
7
|
import "@commercelayer/sdk";
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { H as n } from "./main-a162df36.js";
|
|
2
|
+
import { u as s, S as m, c as p, s as i } from "./overrides-077506c4.js";
|
|
3
|
+
import * as c from "react";
|
|
4
|
+
import { forwardRef as S } from "react";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
import "@commercelayer/sdk";
|
|
7
|
+
import "./unsupportedIterableToArray-848d3b41.js";
|
|
8
|
+
var f = /* @__PURE__ */ S(function(e, t) {
|
|
9
|
+
var o = s(e);
|
|
10
|
+
return /* @__PURE__ */ c.createElement(m, p({
|
|
11
|
+
ref: t
|
|
12
|
+
}, o));
|
|
13
|
+
}), l = f;
|
|
14
|
+
function u({
|
|
15
|
+
onSelect: e,
|
|
16
|
+
noOptionsMessage: t,
|
|
17
|
+
isOptionDisabled: o,
|
|
18
|
+
initialValues: r,
|
|
19
|
+
...a
|
|
20
|
+
}) {
|
|
21
|
+
return /* @__PURE__ */ n.jsx(
|
|
22
|
+
l,
|
|
23
|
+
{
|
|
24
|
+
...a,
|
|
25
|
+
isOptionDisabled: o,
|
|
26
|
+
options: r,
|
|
27
|
+
onChange: e,
|
|
28
|
+
noOptionsMessage: () => t,
|
|
29
|
+
components: i
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
u.displayName = "SelectComponent";
|
|
34
|
+
export {
|
|
35
|
+
u as SelectComponent
|
|
36
|
+
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { type IconProps } from '../ui/atoms/Icon';
|
|
2
2
|
import type { Order } from '@commercelayer/sdk';
|
|
3
3
|
type UITriggerAttributes = '_approve' | '_cancel' | '_capture' | '_refund' | '_return' | '_archive' | '_unarchive';
|
|
4
|
-
type UIStatus = 'placed' | 'approved' | 'in_progress' | 'paid' | 'fulfilled' | 'error' | 'cancelled' | 'refunded' | 'part_refunded' | 'not_handled';
|
|
5
4
|
interface OrderDisplayStatus {
|
|
6
|
-
status: UIStatus;
|
|
7
5
|
label: string;
|
|
8
6
|
icon: IconProps['name'];
|
|
9
7
|
color: IconProps['background'];
|