@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.
Files changed (203) hide show
  1. package/dist/components/Views/OptionsDropdown/styled.d.ts +2 -2
  2. package/dist/components/Views/PillNotifications/variants/styled.d.ts +2 -2
  3. package/dist/constants/helpGuideUrls.d.ts +3 -0
  4. package/dist/constants/index.d.ts +1 -0
  5. package/dist/index.cjs +1 -1
  6. package/dist/index.js +81 -79
  7. package/dist/index100.cjs +1 -1
  8. package/dist/index100.js +49 -14
  9. package/dist/index101.cjs +1 -1
  10. package/dist/index101.js +29 -21
  11. package/dist/index102.cjs +1 -12
  12. package/dist/index102.js +21 -16
  13. package/dist/index103.cjs +19 -1
  14. package/dist/index103.js +24 -7
  15. package/dist/index104.cjs +1 -1
  16. package/dist/index104.js +16 -48
  17. package/dist/index105.cjs +1 -1
  18. package/dist/index105.js +7 -29
  19. package/dist/index106.cjs +10 -78
  20. package/dist/index106.js +13 -95
  21. package/dist/index107.cjs +1 -1
  22. package/dist/index107.js +1 -1
  23. package/dist/index108.cjs +80 -1
  24. package/dist/index108.js +98 -2
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index111.cjs +1 -1
  28. package/dist/index111.js +39 -42
  29. package/dist/index114.cjs +1 -1
  30. package/dist/index114.js +2 -26
  31. package/dist/index115.cjs +1 -1
  32. package/dist/index115.js +22 -32
  33. package/dist/index116.cjs +1 -7
  34. package/dist/index116.js +36 -10
  35. package/dist/index118.cjs +1 -1
  36. package/dist/index118.js +1 -1
  37. package/dist/index119.cjs +7 -1
  38. package/dist/index119.js +10 -47
  39. package/dist/index120.cjs +1 -0
  40. package/dist/index120.js +49 -0
  41. package/dist/index13.cjs +1 -1
  42. package/dist/index13.js +2 -2
  43. package/dist/index14.cjs +1 -1
  44. package/dist/index14.js +1 -1
  45. package/dist/index15.cjs +1 -1
  46. package/dist/index15.js +1 -1
  47. package/dist/index16.cjs +1 -1
  48. package/dist/index16.js +2 -2
  49. package/dist/index17.cjs +1 -1
  50. package/dist/index17.js +2 -2
  51. package/dist/index18.cjs +1 -1
  52. package/dist/index18.js +1 -1
  53. package/dist/index19.cjs +1 -1
  54. package/dist/index19.js +4 -4
  55. package/dist/index20.cjs +1 -1
  56. package/dist/index20.js +2 -2
  57. package/dist/index21.cjs +1 -1
  58. package/dist/index21.js +2 -2
  59. package/dist/index22.cjs +1 -1
  60. package/dist/index22.js +2 -2
  61. package/dist/index23.cjs +1 -1
  62. package/dist/index23.js +3 -3
  63. package/dist/index26.cjs +1 -1
  64. package/dist/index26.js +4 -4
  65. package/dist/index27.cjs +1 -1
  66. package/dist/index27.js +4 -4
  67. package/dist/index28.cjs +1 -1
  68. package/dist/index28.js +1 -1
  69. package/dist/index29.cjs +1 -1
  70. package/dist/index29.js +2 -2
  71. package/dist/index3.cjs +1 -1
  72. package/dist/index3.js +2 -2
  73. package/dist/index30.cjs +1 -1
  74. package/dist/index30.js +3 -3
  75. package/dist/index31.cjs +1 -1
  76. package/dist/index31.js +3 -3
  77. package/dist/index32.cjs +1 -1
  78. package/dist/index32.js +1 -1
  79. package/dist/index33.cjs +1 -1
  80. package/dist/index33.js +1 -1
  81. package/dist/index35.cjs +1 -1
  82. package/dist/index35.js +1 -1
  83. package/dist/index36.cjs +1 -1
  84. package/dist/index36.js +6 -6
  85. package/dist/index37.cjs +1 -1
  86. package/dist/index37.js +1 -1
  87. package/dist/index38.cjs +1 -1
  88. package/dist/index38.js +1 -1
  89. package/dist/index39.cjs +1 -1
  90. package/dist/index39.js +3 -3
  91. package/dist/index4.cjs +1 -1
  92. package/dist/index4.js +2 -2
  93. package/dist/index40.cjs +1 -1
  94. package/dist/index40.js +3 -3
  95. package/dist/index41.cjs +1 -1
  96. package/dist/index41.js +4 -4
  97. package/dist/index42.cjs +1 -1
  98. package/dist/index42.js +2 -2
  99. package/dist/index44.cjs +1 -1
  100. package/dist/index44.js +4 -4
  101. package/dist/index46.cjs +1 -1
  102. package/dist/index46.js +5 -5
  103. package/dist/index47.cjs +1 -1
  104. package/dist/index47.js +3 -3
  105. package/dist/index49.cjs +1 -1
  106. package/dist/index49.js +4 -9
  107. package/dist/index5.cjs +1 -1
  108. package/dist/index5.js +2 -2
  109. package/dist/index50.cjs +1 -1
  110. package/dist/index50.js +9 -23
  111. package/dist/index51.cjs +1 -1
  112. package/dist/index51.js +23 -2
  113. package/dist/index52.cjs +1 -1
  114. package/dist/index52.js +2 -4
  115. package/dist/index53.cjs +1 -1
  116. package/dist/index53.js +4 -11
  117. package/dist/index54.cjs +1 -1
  118. package/dist/index54.js +10 -12
  119. package/dist/index55.cjs +1 -1
  120. package/dist/index55.js +12 -11
  121. package/dist/index56.cjs +1 -1
  122. package/dist/index56.js +11 -184
  123. package/dist/index57.cjs +1 -1
  124. package/dist/index57.js +183 -25
  125. package/dist/index58.cjs +1 -1
  126. package/dist/index58.js +26 -24
  127. package/dist/index59.cjs +1 -1
  128. package/dist/index59.js +19 -22
  129. package/dist/index6.cjs +1 -1
  130. package/dist/index6.js +2 -2
  131. package/dist/index60.cjs +1 -1
  132. package/dist/index60.js +25 -97
  133. package/dist/index61.cjs +1 -1
  134. package/dist/index61.js +99 -8
  135. package/dist/index62.cjs +1 -1
  136. package/dist/index62.js +8 -33
  137. package/dist/index63.cjs +1 -1
  138. package/dist/index63.js +33 -63
  139. package/dist/index64.cjs +1 -1
  140. package/dist/index64.js +59 -19
  141. package/dist/index65.cjs +1 -1
  142. package/dist/index65.js +23 -18
  143. package/dist/index66.cjs +1 -1
  144. package/dist/index66.js +16 -29
  145. package/dist/index67.cjs +1 -1
  146. package/dist/index67.js +30 -59
  147. package/dist/index68.cjs +1 -1
  148. package/dist/index68.js +60 -349
  149. package/dist/index69.cjs +1 -1
  150. package/dist/index69.js +345 -53
  151. package/dist/index7.cjs +1 -1
  152. package/dist/index7.js +4 -4
  153. package/dist/index70.cjs +1 -1
  154. package/dist/index70.js +48 -47
  155. package/dist/index71.cjs +1 -1
  156. package/dist/index71.js +51 -32
  157. package/dist/index72.cjs +1 -1
  158. package/dist/index72.js +30 -24
  159. package/dist/index73.cjs +1 -1
  160. package/dist/index73.js +26 -32
  161. package/dist/index74.cjs +1 -1
  162. package/dist/index74.js +38 -4
  163. package/dist/index75.cjs +1 -1
  164. package/dist/index75.js +4 -13
  165. package/dist/index76.cjs +1 -1
  166. package/dist/index76.js +12 -16
  167. package/dist/index77.cjs +1 -1
  168. package/dist/index77.js +14 -16
  169. package/dist/index78.cjs +1 -1
  170. package/dist/index78.js +18 -65
  171. package/dist/index79.cjs +1 -1
  172. package/dist/index79.js +66 -24
  173. package/dist/index80.cjs +1 -1
  174. package/dist/index80.js +24 -21
  175. package/dist/index81.cjs +1 -1
  176. package/dist/index81.js +20 -6
  177. package/dist/index82.cjs +1 -1
  178. package/dist/index82.js +7 -2
  179. package/dist/index83.cjs +1 -1
  180. package/dist/index83.js +2 -9
  181. package/dist/index84.cjs +1 -3
  182. package/dist/index84.js +8 -13
  183. package/dist/index85.cjs +3 -1
  184. package/dist/index85.js +13 -8
  185. package/dist/index86.cjs +1 -1
  186. package/dist/index86.js +9 -2
  187. package/dist/index87.cjs +1 -1
  188. package/dist/index87.js +116 -4
  189. package/dist/index88.cjs +1 -1
  190. package/dist/index88.js +39 -114
  191. package/dist/index89.cjs +1 -1
  192. package/dist/index89.js +9 -41
  193. package/dist/index90.cjs +1 -1
  194. package/dist/index90.js +2 -9
  195. package/dist/index91.cjs +1 -1
  196. package/dist/index91.js +4 -17
  197. package/dist/index94.cjs +1 -1
  198. package/dist/index94.js +2 -2
  199. package/dist/index97.cjs +1 -1
  200. package/dist/index97.js +4 -4
  201. package/dist/index99.cjs +1 -19
  202. package/dist/index99.js +14 -23
  203. package/package.json +5 -5
package/dist/index105.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;
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 { jsx as e } from "react/jsx-runtime";
2
- import { Modal as n, Text as r } from "@veeqo/ui";
3
- const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
4
- n,
5
- {
6
- headerTitle: `Delete '${i}' view?`,
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 Confirmation
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 o=require("styled-components"),t=require("@veeqo/ui"),a=require("framer-motion"),r=require("./index114.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"}))`
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
- 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;
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
- 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;
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 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 "./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
- 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;
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
- 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
- }
12
+ border-top: 1px solid ${o.colors.neutral.grey.dark};
13
+ margin: 0 0 4px 0;
90
14
  `;
91
15
  export {
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
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("./index116.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;
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 "./index116.js";
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 e=r=>r instanceof Error;exports.isError=e;
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
- const o = (r) => r instanceof Error;
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
- o as isError
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("./index87.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;
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 "./index87.js";
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 O=require("react"),b=require("@dnd-kit/sortable"),w=({items:d,setItems:g})=>{const[C,i]=O.useState(null),[h,v]=O.useState(null),s=n=>{var e;return n&&(n.id in d?n.id:(e=n==null?void 0:n.data.current)==null?void 0:e.sortable.containerId)};return{activeId:C,handleDragStart:n=>{const{active:e}=n;i(e.id),v(d)},handleDragOver:n=>{const{active:e,over:t}=n,o=t==null?void 0:t.id;if(o==null)return;const c=s(t),a=s(e);!c||!a||a!==c&&g(r=>{const u=r[a],l=r[c],D=l.indexOf(o),S=u.indexOf(e.id);let f;if(o in r)f=l.length+1;else{const I=t&&e.rect.current.translated&&e.rect.current.translated.top>t.rect.top+t.rect.height?1:0;f=D>=0?D+I:l.length+1}return{...r,[a]:r[a].filter(x=>x!==e.id),[c]:[...r[c].slice(0,f),r[a][S],...r[c].slice(f,r[c].length)]}})},handleDragEnd:n=>{const{active:e,over:t}=n,o=s(e);if(!o){i(null);return}const c=t==null?void 0:t.id;if(c==null){i(null);return}const a=s(t);if(a){const r=d[o].indexOf(e.id),u=d[a].indexOf(c);r!==u&&g(l=>({...l,[a]:b.arrayMove(l[a],r,u)}))}i(null)},handleDragCancel:()=>{h&&g(h),i(null),v(null)}}};exports.useDragHandlers=w;
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 C } from "react";
1
+ import { useState as O } from "react";
2
2
  import { arrayMove as S } from "@dnd-kit/sortable";
3
- const M = ({ items: d, setItems: g }) => {
4
- const [O, i] = C(null), [h, v] = C(null), s = (n) => {
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: O,
10
- handleDragStart: (n) => {
11
- const { active: t } = n;
12
- i(t.id), v(d);
6
+ activeId: C,
7
+ handleDragStart: (r) => {
8
+ const { active: n } = r;
9
+ d(n.id), v(i);
13
10
  },
14
- handleDragOver: (n) => {
15
- const { active: t, over: e } = n, a = e == null ? void 0 : e.id;
16
- if (a == null) return;
17
- const c = s(e), o = s(t);
18
- !c || !o || o !== c && g((r) => {
19
- const u = r[o], l = r[c], x = l.indexOf(a), I = u.indexOf(t.id);
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 (a in r)
22
- f = l.length + 1;
18
+ if (l in e)
19
+ f = a.length + 1;
23
20
  else {
24
- const w = e && t.rect.current.translated && t.rect.current.translated.top > e.rect.top + e.rect.height ? 1 : 0;
25
- f = x >= 0 ? x + w : l.length + 1;
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
- ...r,
29
- [o]: r[o].filter((D) => D !== t.id),
30
- [c]: [
31
- ...r[c].slice(0, f),
32
- r[o][I],
33
- ...r[c].slice(f, r[c].length)
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: (n) => {
39
- const { active: t, over: e } = n, a = s(t);
40
- if (!a) {
41
- i(null);
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 c = e == null ? void 0 : e.id;
45
- if (c == null) {
46
- i(null);
41
+ const o = t == null ? void 0 : t.id;
42
+ if (o == null) {
43
+ d(null);
47
44
  return;
48
45
  }
49
- const o = s(e);
50
- if (o) {
51
- const r = d[a].indexOf(t.id), u = d[o].indexOf(c);
52
- r !== u && g((l) => ({
53
- ...l,
54
- [o]: S(l[o], r, u)
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
- i(null);
54
+ d(null);
58
55
  },
59
56
  handleDragCancel: () => {
60
- h && g(h), i(null), v(null);
57
+ h && g(h), d(null), v(null);
61
58
  }
62
59
  };
63
60
  };
64
61
  export {
65
- M as useDragHandlers
62
+ A as useDragHandlers
66
63
  };
package/dist/index114.cjs CHANGED
@@ -1 +1 @@
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;
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 a = {
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
- a as notificationVariants
3
+ o as isError
28
4
  };
package/dist/index115.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@veeqo/ui"),o=require("@material-ui/core/styles"),t=require("@material-ui/core/Slider"),l=e=>e&&e.__esModule?e:{default:e},i=l(t),a=o.withStyles({root:{color:r.theme.colors.secondary.blue.base,height:4},thumb:{height:20,width:20,backgroundColor:"#fff",border:"3px solid currentColor",marginTop:-8,marginLeft:-10,"&:focus, &:hover, &$active":{boxShadow:"inherit"}},valueLabel:{left:"calc(-50% - 1px)"},track:{height:4,borderRadius:4,backgroundColor:r.theme.colors.secondary.blue.light,opacity:1},rail:{height:4,borderRadius:4,backgroundColor:r.theme.colors.neutral.grey.dark,opacity:1}})(i.default);exports.MUISlider=a;
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;