@veeqo/transfigure 2.1.2 → 2.2.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/Views/OptionsDropdown/styled.d.ts +2 -2
- package/dist/components/Views/PillNotifications/variants/styled.d.ts +2 -2
- package/dist/constants/helpGuideUrls.d.ts +3 -0
- package/dist/constants/index.d.ts +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +81 -79
- package/dist/index100.cjs +1 -1
- package/dist/index100.js +49 -14
- package/dist/index101.cjs +1 -1
- package/dist/index101.js +29 -21
- package/dist/index102.cjs +1 -12
- package/dist/index102.js +21 -16
- package/dist/index103.cjs +19 -1
- package/dist/index103.js +24 -7
- package/dist/index104.cjs +1 -1
- package/dist/index104.js +16 -48
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +7 -29
- package/dist/index106.cjs +10 -78
- package/dist/index106.js +13 -95
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +1 -1
- package/dist/index108.cjs +80 -1
- package/dist/index108.js +98 -2
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +39 -42
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +2 -26
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +22 -32
- package/dist/index116.cjs +1 -7
- package/dist/index116.js +36 -10
- package/dist/index118.cjs +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.cjs +7 -1
- package/dist/index119.js +10 -47
- package/dist/index120.cjs +1 -0
- package/dist/index120.js +49 -0
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +2 -2
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +1 -1
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +2 -2
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +2 -2
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +1 -1
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +4 -4
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +2 -2
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +2 -2
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +2 -2
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +3 -3
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +4 -4
- package/dist/index27.cjs +1 -1
- package/dist/index27.js +4 -4
- package/dist/index28.cjs +1 -1
- package/dist/index28.js +1 -1
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +2 -2
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +2 -2
- package/dist/index30.cjs +1 -1
- package/dist/index30.js +3 -3
- package/dist/index31.cjs +1 -1
- package/dist/index31.js +3 -3
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +1 -1
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +1 -1
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +1 -1
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +6 -6
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +1 -1
- package/dist/index38.cjs +1 -1
- package/dist/index38.js +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +3 -3
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +2 -2
- package/dist/index40.cjs +1 -1
- package/dist/index40.js +3 -3
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +4 -4
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +2 -2
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +4 -4
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +5 -5
- package/dist/index47.cjs +1 -1
- package/dist/index47.js +3 -3
- package/dist/index49.cjs +1 -1
- package/dist/index49.js +4 -9
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +2 -2
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +9 -23
- package/dist/index51.cjs +1 -1
- package/dist/index51.js +23 -2
- package/dist/index52.cjs +1 -1
- package/dist/index52.js +2 -4
- package/dist/index53.cjs +1 -1
- package/dist/index53.js +4 -11
- package/dist/index54.cjs +1 -1
- package/dist/index54.js +10 -12
- package/dist/index55.cjs +1 -1
- package/dist/index55.js +12 -11
- package/dist/index56.cjs +1 -1
- package/dist/index56.js +11 -184
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +183 -25
- package/dist/index58.cjs +1 -1
- package/dist/index58.js +26 -24
- package/dist/index59.cjs +1 -1
- package/dist/index59.js +19 -22
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +2 -2
- package/dist/index60.cjs +1 -1
- package/dist/index60.js +25 -97
- package/dist/index61.cjs +1 -1
- package/dist/index61.js +99 -8
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +8 -33
- package/dist/index63.cjs +1 -1
- package/dist/index63.js +33 -63
- package/dist/index64.cjs +1 -1
- package/dist/index64.js +59 -19
- package/dist/index65.cjs +1 -1
- package/dist/index65.js +23 -18
- package/dist/index66.cjs +1 -1
- package/dist/index66.js +16 -29
- package/dist/index67.cjs +1 -1
- package/dist/index67.js +30 -59
- package/dist/index68.cjs +1 -1
- package/dist/index68.js +60 -349
- package/dist/index69.cjs +1 -1
- package/dist/index69.js +345 -53
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +4 -4
- package/dist/index70.cjs +1 -1
- package/dist/index70.js +48 -47
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +51 -32
- package/dist/index72.cjs +1 -1
- package/dist/index72.js +30 -24
- package/dist/index73.cjs +1 -1
- package/dist/index73.js +26 -32
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +38 -4
- package/dist/index75.cjs +1 -1
- package/dist/index75.js +4 -13
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +12 -16
- package/dist/index77.cjs +1 -1
- package/dist/index77.js +14 -16
- package/dist/index78.cjs +1 -1
- package/dist/index78.js +18 -65
- package/dist/index79.cjs +1 -1
- package/dist/index79.js +66 -24
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +24 -21
- package/dist/index81.cjs +1 -1
- package/dist/index81.js +20 -6
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +7 -2
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +2 -9
- package/dist/index84.cjs +1 -3
- package/dist/index84.js +8 -13
- package/dist/index85.cjs +3 -1
- package/dist/index85.js +13 -8
- package/dist/index86.cjs +1 -1
- package/dist/index86.js +9 -2
- package/dist/index87.cjs +1 -1
- package/dist/index87.js +116 -4
- package/dist/index88.cjs +1 -1
- package/dist/index88.js +39 -114
- package/dist/index89.cjs +1 -1
- package/dist/index89.js +9 -41
- package/dist/index90.cjs +1 -1
- package/dist/index90.js +2 -9
- package/dist/index91.cjs +1 -1
- package/dist/index91.js +4 -17
- package/dist/index94.cjs +1 -1
- package/dist/index94.js +2 -2
- package/dist/index97.cjs +1 -1
- package/dist/index97.js +4 -4
- package/dist/index99.cjs +1 -19
- package/dist/index99.js +14 -23
- package/package.json +5 -5
package/dist/index105.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index80.cjs"),e=i.createAllView(),t={fixedViews:[e],customViews:[],viewsMap:new Map([[e.id,e]])};exports.INITIAL_VIEWS_STATE=t;
|
package/dist/index105.js
CHANGED
|
@@ -1,31 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"data-testid": "act-react-listing-custom-confirmation-popup",
|
|
8
|
-
variant: "sm",
|
|
9
|
-
shouldShow: a,
|
|
10
|
-
onClose: t,
|
|
11
|
-
rightActions: [
|
|
12
|
-
{
|
|
13
|
-
className: "act-react-listing-custom-confirmation-popup-cancel",
|
|
14
|
-
label: "Cancel",
|
|
15
|
-
onClick: t,
|
|
16
|
-
variant: "default"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
className: "act-react-listing-custom-confirmation-popup-delete",
|
|
20
|
-
label: "Delete",
|
|
21
|
-
onClick: o,
|
|
22
|
-
variant: "primaryDestructive"
|
|
23
|
-
}
|
|
24
|
-
],
|
|
25
|
-
showHeaderCloseButton: !0,
|
|
26
|
-
children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
|
|
27
|
-
}
|
|
28
|
-
);
|
|
1
|
+
import { createAllView as i } from "./index80.js";
|
|
2
|
+
const e = i(), s = {
|
|
3
|
+
fixedViews: [e],
|
|
4
|
+
customViews: [],
|
|
5
|
+
viewsMap: /* @__PURE__ */ new Map([[e.id, e]])
|
|
6
|
+
};
|
|
29
7
|
export {
|
|
30
|
-
s as
|
|
8
|
+
s as INITIAL_VIEWS_STATE
|
|
31
9
|
};
|
package/dist/index106.cjs
CHANGED
|
@@ -1,80 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),d=r.default(t.BaseContainer)`
|
|
2
2
|
display: flex;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
left:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
&.notification-enter {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
transform: translateY(-16px);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&.notification-enter-active {
|
|
15
|
-
opacity: 1;
|
|
16
|
-
transform: translateY(0);
|
|
17
|
-
transition: 350ms ease;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&.notification-exit {
|
|
21
|
-
opacity: 0;
|
|
22
|
-
transform: translateY(16px);
|
|
23
|
-
transition: 350ms ease;
|
|
24
|
-
}
|
|
25
|
-
pointer-events: none;
|
|
26
|
-
`,c=n.default(t.BaseContainer)`
|
|
27
|
-
display: inline-flex;
|
|
28
|
-
flex-direction: row;
|
|
29
|
-
align-items: center;
|
|
30
|
-
padding: 20px 24px 24px 24px;
|
|
31
|
-
border-radius: 4px;
|
|
32
|
-
margin: 0 auto;
|
|
33
|
-
background-color: #fff;
|
|
34
|
-
box-shadow: ${t.theme.shadows.lg};
|
|
35
|
-
pointer-events: all;
|
|
36
|
-
`,d=n.default(t.Banner)`
|
|
37
|
-
display: inline-flex;
|
|
38
|
-
flex-direction: row;
|
|
39
|
-
align-items: center;
|
|
40
|
-
margin: 0 auto;
|
|
41
|
-
background-color: #fff;
|
|
42
|
-
box-shadow: ${t.theme.shadows.lg};
|
|
43
|
-
pointer-events: all;
|
|
44
|
-
`,f=n.default(t.Button)`
|
|
45
|
-
margin-right: 16px;
|
|
46
|
-
`,x=n.default(t.Text)`
|
|
47
|
-
line-height: 20px;
|
|
48
|
-
`,i=n.default(t.Text)`
|
|
49
|
-
margin: ${e=>e.margin?e.margin:""};
|
|
50
|
-
color: ${e=>e.color};
|
|
51
|
-
`,u=n.default(t.Text)`
|
|
52
|
-
margin-right: 8px;
|
|
53
|
-
color: ${e=>e.color};
|
|
54
|
-
`,p=n.default(t.BaseContainer)`
|
|
55
|
-
display: flex;
|
|
56
|
-
flex-direction: row;
|
|
57
|
-
align-items: flex-end;
|
|
58
|
-
flex-grow: 2;
|
|
59
|
-
margin-left: 24px;
|
|
60
|
-
margin-right: 24px;
|
|
61
|
-
`;n.default.button`
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: row;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
padding: 8px;
|
|
5
|
+
padding-left: 35px;
|
|
6
|
+
margin: 8px;
|
|
7
|
+
background-color: ${t.theme.colors.neutral.grey.lightest};
|
|
8
|
+
`,l=r.default.hr`
|
|
64
9
|
width: 100%;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
& > ${i} {
|
|
69
|
-
white-space: nowrap;
|
|
70
|
-
user-select: none;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&:hover {
|
|
74
|
-
background-color: ${t.theme.colors.neutral.grey.lightest};
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&:hover > ${i} {
|
|
78
|
-
color: ${t.theme.colors.secondary.blue.base};
|
|
79
|
-
}
|
|
80
|
-
`;exports.Bold=u;exports.Button=f;exports.Container=c;exports.Hint=x;exports.Notification=s;exports.Pill=d;exports.Text=i;exports.Wrap=p;
|
|
10
|
+
border-top: 1px solid ${t.theme.colors.neutral.grey.dark};
|
|
11
|
+
margin: 0 0 4px 0;
|
|
12
|
+
`;exports.Divider=l;exports.FixedViews=d;
|
package/dist/index106.js
CHANGED
|
@@ -1,100 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
import { notificationVariants as c } from "./index114.js";
|
|
5
|
-
const m = t(l(n)).attrs(() => ({
|
|
6
|
-
variants: c,
|
|
7
|
-
initial: "initial",
|
|
8
|
-
animate: "animate",
|
|
9
|
-
exit: "exit"
|
|
10
|
-
}))`
|
|
1
|
+
import r from "styled-components";
|
|
2
|
+
import { theme as o, BaseContainer as e } from "@veeqo/ui";
|
|
3
|
+
const d = r(e)`
|
|
11
4
|
display: flex;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
left:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
&.notification-enter {
|
|
19
|
-
opacity: 0;
|
|
20
|
-
transform: translateY(-16px);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.notification-enter-active {
|
|
24
|
-
opacity: 1;
|
|
25
|
-
transform: translateY(0);
|
|
26
|
-
transition: 350ms ease;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&.notification-exit {
|
|
30
|
-
opacity: 0;
|
|
31
|
-
transform: translateY(16px);
|
|
32
|
-
transition: 350ms ease;
|
|
33
|
-
}
|
|
34
|
-
pointer-events: none;
|
|
35
|
-
`, g = t(n)`
|
|
36
|
-
display: inline-flex;
|
|
37
|
-
flex-direction: row;
|
|
38
|
-
align-items: center;
|
|
39
|
-
padding: 20px 24px 24px 24px;
|
|
40
|
-
border-radius: 4px;
|
|
41
|
-
margin: 0 auto;
|
|
42
|
-
background-color: #fff;
|
|
43
|
-
box-shadow: ${i.shadows.lg};
|
|
44
|
-
pointer-events: all;
|
|
45
|
-
`, h = t(a)`
|
|
46
|
-
display: inline-flex;
|
|
47
|
-
flex-direction: row;
|
|
48
|
-
align-items: center;
|
|
49
|
-
margin: 0 auto;
|
|
50
|
-
background-color: #fff;
|
|
51
|
-
box-shadow: ${i.shadows.lg};
|
|
52
|
-
pointer-events: all;
|
|
53
|
-
`, u = t(s)`
|
|
54
|
-
margin-right: 16px;
|
|
55
|
-
`, w = t(e)`
|
|
56
|
-
line-height: 20px;
|
|
57
|
-
`, r = t(e)`
|
|
58
|
-
margin: ${(o) => o.margin ? o.margin : ""};
|
|
59
|
-
color: ${(o) => o.color};
|
|
60
|
-
`, y = t(e)`
|
|
61
|
-
margin-right: 8px;
|
|
62
|
-
color: ${(o) => o.color};
|
|
63
|
-
`, $ = t(n)`
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-direction: row;
|
|
66
|
-
align-items: flex-end;
|
|
67
|
-
flex-grow: 2;
|
|
68
|
-
margin-left: 24px;
|
|
69
|
-
margin-right: 24px;
|
|
70
|
-
`;
|
|
71
|
-
t.button`
|
|
72
|
-
display: flex;
|
|
73
|
-
flex-direction: row;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
padding: 8px;
|
|
7
|
+
padding-left: 35px;
|
|
8
|
+
margin: 8px;
|
|
9
|
+
background-color: ${o.colors.neutral.grey.lightest};
|
|
10
|
+
`, l = r.hr`
|
|
74
11
|
width: 100%;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
& > ${r} {
|
|
79
|
-
white-space: nowrap;
|
|
80
|
-
user-select: none;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&:hover {
|
|
84
|
-
background-color: ${i.colors.neutral.grey.lightest};
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
&:hover > ${r} {
|
|
88
|
-
color: ${i.colors.secondary.blue.base};
|
|
89
|
-
}
|
|
12
|
+
border-top: 1px solid ${o.colors.neutral.grey.dark};
|
|
13
|
+
margin: 0 0 4px 0;
|
|
90
14
|
`;
|
|
91
15
|
export {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
g as Container,
|
|
95
|
-
w as Hint,
|
|
96
|
-
m as Notification,
|
|
97
|
-
h as Pill,
|
|
98
|
-
r as Text,
|
|
99
|
-
$ as Wrap
|
|
16
|
+
l as Divider,
|
|
17
|
+
d as FixedViews
|
|
100
18
|
};
|
package/dist/index107.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index119.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;
|
package/dist/index107.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as a, useState as d, useEffect as m } from "react";
|
|
3
|
-
import { AdaptiveStyledContainer as v } from "./
|
|
3
|
+
import { AdaptiveStyledContainer as v } from "./index119.js";
|
|
4
4
|
const R = ({
|
|
5
5
|
children: o,
|
|
6
6
|
style: s,
|
package/dist/index108.cjs
CHANGED
|
@@ -1 +1,80 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("@veeqo/ui"),a=require("framer-motion"),r=require("./index115.cjs"),l=e=>e&&e.__esModule?e:{default:e},n=l(o),s=n.default(a.motion(t.BaseContainer)).attrs(()=>({variants:r.notificationVariants,initial:"initial",animate:"animate",exit:"exit"}))`
|
|
2
|
+
display: flex;
|
|
3
|
+
position: fixed;
|
|
4
|
+
width: 100vw;
|
|
5
|
+
left: 0;
|
|
6
|
+
bottom: 24px;
|
|
7
|
+
z-index: 1001;
|
|
8
|
+
|
|
9
|
+
&.notification-enter {
|
|
10
|
+
opacity: 0;
|
|
11
|
+
transform: translateY(-16px);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&.notification-enter-active {
|
|
15
|
+
opacity: 1;
|
|
16
|
+
transform: translateY(0);
|
|
17
|
+
transition: 350ms ease;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&.notification-exit {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
transform: translateY(16px);
|
|
23
|
+
transition: 350ms ease;
|
|
24
|
+
}
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
`,c=n.default(t.BaseContainer)`
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
flex-direction: row;
|
|
29
|
+
align-items: center;
|
|
30
|
+
padding: 20px 24px 24px 24px;
|
|
31
|
+
border-radius: 4px;
|
|
32
|
+
margin: 0 auto;
|
|
33
|
+
background-color: #fff;
|
|
34
|
+
box-shadow: ${t.theme.shadows.lg};
|
|
35
|
+
pointer-events: all;
|
|
36
|
+
`,d=n.default(t.Banner)`
|
|
37
|
+
display: inline-flex;
|
|
38
|
+
flex-direction: row;
|
|
39
|
+
align-items: center;
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
background-color: #fff;
|
|
42
|
+
box-shadow: ${t.theme.shadows.lg};
|
|
43
|
+
pointer-events: all;
|
|
44
|
+
`,f=n.default(t.Button)`
|
|
45
|
+
margin-right: 16px;
|
|
46
|
+
`,x=n.default(t.Text)`
|
|
47
|
+
line-height: 20px;
|
|
48
|
+
`,i=n.default(t.Text)`
|
|
49
|
+
margin: ${e=>e.margin?e.margin:""};
|
|
50
|
+
color: ${e=>e.color};
|
|
51
|
+
`,u=n.default(t.Text)`
|
|
52
|
+
margin-right: 8px;
|
|
53
|
+
color: ${e=>e.color};
|
|
54
|
+
`,p=n.default(t.BaseContainer)`
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-direction: row;
|
|
57
|
+
align-items: flex-end;
|
|
58
|
+
flex-grow: 2;
|
|
59
|
+
margin-left: 24px;
|
|
60
|
+
margin-right: 24px;
|
|
61
|
+
`;n.default.button`
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-direction: row;
|
|
64
|
+
width: 100%;
|
|
65
|
+
padding: 12px 16px;
|
|
66
|
+
cursor: pointer;
|
|
67
|
+
|
|
68
|
+
& > ${i} {
|
|
69
|
+
white-space: nowrap;
|
|
70
|
+
user-select: none;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&:hover {
|
|
74
|
+
background-color: ${t.theme.colors.neutral.grey.lightest};
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&:hover > ${i} {
|
|
78
|
+
color: ${t.theme.colors.secondary.blue.base};
|
|
79
|
+
}
|
|
80
|
+
`;exports.Bold=u;exports.Button=f;exports.Container=c;exports.Hint=x;exports.Notification=s;exports.Pill=d;exports.Text=i;exports.Wrap=p;
|
package/dist/index108.js
CHANGED
|
@@ -1,4 +1,100 @@
|
|
|
1
|
-
|
|
1
|
+
import t from "styled-components";
|
|
2
|
+
import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as s } from "@veeqo/ui";
|
|
3
|
+
import { motion as l } from "framer-motion";
|
|
4
|
+
import { notificationVariants as c } from "./index115.js";
|
|
5
|
+
const m = t(l(n)).attrs(() => ({
|
|
6
|
+
variants: c,
|
|
7
|
+
initial: "initial",
|
|
8
|
+
animate: "animate",
|
|
9
|
+
exit: "exit"
|
|
10
|
+
}))`
|
|
11
|
+
display: flex;
|
|
12
|
+
position: fixed;
|
|
13
|
+
width: 100vw;
|
|
14
|
+
left: 0;
|
|
15
|
+
bottom: 24px;
|
|
16
|
+
z-index: 1001;
|
|
17
|
+
|
|
18
|
+
&.notification-enter {
|
|
19
|
+
opacity: 0;
|
|
20
|
+
transform: translateY(-16px);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.notification-enter-active {
|
|
24
|
+
opacity: 1;
|
|
25
|
+
transform: translateY(0);
|
|
26
|
+
transition: 350ms ease;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&.notification-exit {
|
|
30
|
+
opacity: 0;
|
|
31
|
+
transform: translateY(16px);
|
|
32
|
+
transition: 350ms ease;
|
|
33
|
+
}
|
|
34
|
+
pointer-events: none;
|
|
35
|
+
`, g = t(n)`
|
|
36
|
+
display: inline-flex;
|
|
37
|
+
flex-direction: row;
|
|
38
|
+
align-items: center;
|
|
39
|
+
padding: 20px 24px 24px 24px;
|
|
40
|
+
border-radius: 4px;
|
|
41
|
+
margin: 0 auto;
|
|
42
|
+
background-color: #fff;
|
|
43
|
+
box-shadow: ${i.shadows.lg};
|
|
44
|
+
pointer-events: all;
|
|
45
|
+
`, h = t(a)`
|
|
46
|
+
display: inline-flex;
|
|
47
|
+
flex-direction: row;
|
|
48
|
+
align-items: center;
|
|
49
|
+
margin: 0 auto;
|
|
50
|
+
background-color: #fff;
|
|
51
|
+
box-shadow: ${i.shadows.lg};
|
|
52
|
+
pointer-events: all;
|
|
53
|
+
`, u = t(s)`
|
|
54
|
+
margin-right: 16px;
|
|
55
|
+
`, w = t(e)`
|
|
56
|
+
line-height: 20px;
|
|
57
|
+
`, r = t(e)`
|
|
58
|
+
margin: ${(o) => o.margin ? o.margin : ""};
|
|
59
|
+
color: ${(o) => o.color};
|
|
60
|
+
`, y = t(e)`
|
|
61
|
+
margin-right: 8px;
|
|
62
|
+
color: ${(o) => o.color};
|
|
63
|
+
`, $ = t(n)`
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
align-items: flex-end;
|
|
67
|
+
flex-grow: 2;
|
|
68
|
+
margin-left: 24px;
|
|
69
|
+
margin-right: 24px;
|
|
70
|
+
`;
|
|
71
|
+
t.button`
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: row;
|
|
74
|
+
width: 100%;
|
|
75
|
+
padding: 12px 16px;
|
|
76
|
+
cursor: pointer;
|
|
77
|
+
|
|
78
|
+
& > ${r} {
|
|
79
|
+
white-space: nowrap;
|
|
80
|
+
user-select: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
&:hover {
|
|
84
|
+
background-color: ${i.colors.neutral.grey.lightest};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&:hover > ${r} {
|
|
88
|
+
color: ${i.colors.secondary.blue.base};
|
|
89
|
+
}
|
|
90
|
+
`;
|
|
2
91
|
export {
|
|
3
|
-
|
|
92
|
+
y as Bold,
|
|
93
|
+
u as Button,
|
|
94
|
+
g as Container,
|
|
95
|
+
w as Hint,
|
|
96
|
+
m as Notification,
|
|
97
|
+
h as Pill,
|
|
98
|
+
r as Text,
|
|
99
|
+
$ as Wrap
|
|
4
100
|
};
|
package/dist/index11.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@veeqo/ui"),p=require("pluralize"),m=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@veeqo/ui"),p=require("pluralize"),m=require("./index91.cjs"),f=e=>e&&e.__esModule?e:{default:e},h=f(p),w=({children:e,totalCount:n,selectedCount:o,itemLabel:s="item",shouldShow:l,setShouldShow:c})=>{const r=o>0,a=r?o:n,d=h.default(s,a),u=`Actions will apply to ${r?`${o} selected`:`${n} filtered`} ${d}`;return i.jsxs(t.Dropdown,{id:"actions-dropdown",ctaProps:{children:"Actions",variant:"primary",size:"sm"},shouldShow:l,setShouldShow:c,style:{padding:t.theme.sizes.none,minWidth:"300px"},children:[i.jsx("div",{className:m.default.actionsHeaderContainer,children:i.jsx(t.MiniAlert,{title:u,variant:"default",customIconColour:t.theme.colors.secondary.blue.base})}),e]})};exports.ActionsDropdown=w;
|
package/dist/index11.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { Dropdown as m, theme as e, MiniAlert as f } from "@veeqo/ui";
|
|
3
3
|
import h from "pluralize";
|
|
4
|
-
import u from "./
|
|
4
|
+
import u from "./index91.js";
|
|
5
5
|
const $ = ({
|
|
6
6
|
children: n,
|
|
7
7
|
totalCount: i,
|
package/dist/index111.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),y=require("@dnd-kit/sortable"),I=({items:o,setItems:g})=>{const[C,d]=x.useState(null),[h,v]=x.useState(null),s=r=>r&&(r.id in o?r.id:Object.keys(o).find(n=>o[n].includes(r.id)));return{activeId:C,handleDragStart:r=>{const{active:n}=r;d(n.id),v(o)},handleDragOver:r=>{const{active:n,over:e}=r,l=e==null?void 0:e.id;if(l==null)return;const a=s(e),c=s(n);!a||!c||c!==a&&g(t=>{const u=t[c],i=t[a],D=i.indexOf(l),S=u.indexOf(n.id);let f;if(l in t)f=i.length+1;else{const b=e&&n.rect.current.translated&&n.rect.current.translated.top>e.rect.top+e.rect.height?1:0;f=D>=0?D+b:i.length+1}return{...t,[c]:t[c].filter(O=>O!==n.id),[a]:[...t[a].slice(0,f),t[c][S],...t[a].slice(f,t[a].length)]}})},handleDragEnd:r=>{const{active:n,over:e}=r,l=s(n);if(!l){d(null);return}const a=e==null?void 0:e.id;if(a==null){d(null);return}const c=s(e);if(c){const t=o[l].indexOf(n.id),u=o[c].indexOf(a);t!==u&&g(i=>({...i,[c]:y.arrayMove(i[c],t,u)}))}d(null)},handleDragCancel:()=>{h&&g(h),d(null),v(null)}}};exports.useDragHandlers=I;
|
package/dist/index111.js
CHANGED
|
@@ -1,66 +1,63 @@
|
|
|
1
|
-
import { useState as
|
|
1
|
+
import { useState as O } from "react";
|
|
2
2
|
import { arrayMove as S } from "@dnd-kit/sortable";
|
|
3
|
-
const
|
|
4
|
-
const [
|
|
5
|
-
var t;
|
|
6
|
-
return n && (n.id in d ? n.id : (t = n == null ? void 0 : n.data.current) == null ? void 0 : t.sortable.containerId);
|
|
7
|
-
};
|
|
3
|
+
const A = ({ items: i, setItems: g }) => {
|
|
4
|
+
const [C, d] = O(null), [h, v] = O(null), s = (r) => r && (r.id in i ? r.id : Object.keys(i).find((n) => i[n].includes(r.id)));
|
|
8
5
|
return {
|
|
9
|
-
activeId:
|
|
10
|
-
handleDragStart: (
|
|
11
|
-
const { active:
|
|
12
|
-
|
|
6
|
+
activeId: C,
|
|
7
|
+
handleDragStart: (r) => {
|
|
8
|
+
const { active: n } = r;
|
|
9
|
+
d(n.id), v(i);
|
|
13
10
|
},
|
|
14
|
-
handleDragOver: (
|
|
15
|
-
const { active:
|
|
16
|
-
if (
|
|
17
|
-
const
|
|
18
|
-
!
|
|
19
|
-
const u =
|
|
11
|
+
handleDragOver: (r) => {
|
|
12
|
+
const { active: n, over: t } = r, l = t == null ? void 0 : t.id;
|
|
13
|
+
if (l == null) return;
|
|
14
|
+
const o = s(t), c = s(n);
|
|
15
|
+
!o || !c || c !== o && g((e) => {
|
|
16
|
+
const u = e[c], a = e[o], x = a.indexOf(l), I = u.indexOf(n.id);
|
|
20
17
|
let f;
|
|
21
|
-
if (
|
|
22
|
-
f =
|
|
18
|
+
if (l in e)
|
|
19
|
+
f = a.length + 1;
|
|
23
20
|
else {
|
|
24
|
-
const w =
|
|
25
|
-
f = x >= 0 ? x + w :
|
|
21
|
+
const w = t && n.rect.current.translated && n.rect.current.translated.top > t.rect.top + t.rect.height ? 1 : 0;
|
|
22
|
+
f = x >= 0 ? x + w : a.length + 1;
|
|
26
23
|
}
|
|
27
24
|
return {
|
|
28
|
-
...
|
|
29
|
-
[
|
|
30
|
-
[
|
|
31
|
-
...
|
|
32
|
-
|
|
33
|
-
...
|
|
25
|
+
...e,
|
|
26
|
+
[c]: e[c].filter((D) => D !== n.id),
|
|
27
|
+
[o]: [
|
|
28
|
+
...e[o].slice(0, f),
|
|
29
|
+
e[c][I],
|
|
30
|
+
...e[o].slice(f, e[o].length)
|
|
34
31
|
]
|
|
35
32
|
};
|
|
36
33
|
});
|
|
37
34
|
},
|
|
38
|
-
handleDragEnd: (
|
|
39
|
-
const { active:
|
|
40
|
-
if (!
|
|
41
|
-
|
|
35
|
+
handleDragEnd: (r) => {
|
|
36
|
+
const { active: n, over: t } = r, l = s(n);
|
|
37
|
+
if (!l) {
|
|
38
|
+
d(null);
|
|
42
39
|
return;
|
|
43
40
|
}
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
|
|
41
|
+
const o = t == null ? void 0 : t.id;
|
|
42
|
+
if (o == null) {
|
|
43
|
+
d(null);
|
|
47
44
|
return;
|
|
48
45
|
}
|
|
49
|
-
const
|
|
50
|
-
if (
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
...
|
|
54
|
-
[
|
|
46
|
+
const c = s(t);
|
|
47
|
+
if (c) {
|
|
48
|
+
const e = i[l].indexOf(n.id), u = i[c].indexOf(o);
|
|
49
|
+
e !== u && g((a) => ({
|
|
50
|
+
...a,
|
|
51
|
+
[c]: S(a[c], e, u)
|
|
55
52
|
}));
|
|
56
53
|
}
|
|
57
|
-
|
|
54
|
+
d(null);
|
|
58
55
|
},
|
|
59
56
|
handleDragCancel: () => {
|
|
60
|
-
h && g(h),
|
|
57
|
+
h && g(h), d(null), v(null);
|
|
61
58
|
}
|
|
62
59
|
};
|
|
63
60
|
};
|
|
64
61
|
export {
|
|
65
|
-
|
|
62
|
+
A as useDragHandlers
|
|
66
63
|
};
|
package/dist/index114.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;
|
package/dist/index114.js
CHANGED
|
@@ -1,28 +1,4 @@
|
|
|
1
|
-
const
|
|
2
|
-
initial: {
|
|
3
|
-
opacity: 0,
|
|
4
|
-
y: 50,
|
|
5
|
-
scale: 0.95
|
|
6
|
-
},
|
|
7
|
-
animate: {
|
|
8
|
-
opacity: 1,
|
|
9
|
-
y: 0,
|
|
10
|
-
scale: 1,
|
|
11
|
-
transition: {
|
|
12
|
-
duration: 0.2,
|
|
13
|
-
ease: "easeOut"
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
exit: {
|
|
17
|
-
opacity: 0,
|
|
18
|
-
y: 20,
|
|
19
|
-
scale: 0.95,
|
|
20
|
-
transition: {
|
|
21
|
-
duration: 0.2,
|
|
22
|
-
ease: "easeIn"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
1
|
+
const o = (r) => r instanceof Error;
|
|
26
2
|
export {
|
|
27
|
-
|
|
3
|
+
o as isError
|
|
28
4
|
};
|
package/dist/index115.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={initial:{opacity:0,y:50,scale:.95},animate:{opacity:1,y:0,scale:1,transition:{duration:.2,ease:"easeOut"}},exit:{opacity:0,y:20,scale:.95,transition:{duration:.2,ease:"easeIn"}}};exports.notificationVariants=t;
|