@veeqo/transfigure 1.2.13 → 2.0.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 (127) hide show
  1. package/dist/components/Filters/ActiveFilters/Variants/common/ActiveFilterHeader/ActiveFilterHeader.d.ts +2 -2
  2. package/dist/components/Filters/Fields/NumberRangeFilter/MuiSlider.d.ts +1 -1
  3. package/dist/components/TableManagement/components/styled.d.ts +1 -3
  4. package/dist/components/Views/OptionsDropdown/styled.d.ts +1 -1
  5. package/dist/components/Views/PillNotifications/variants/UnsavedChangesPill/UnsavedChangesPill.d.ts +1 -1
  6. package/dist/components/Views/PillNotifications/variants/styled.d.ts +1 -5
  7. package/dist/index10.cjs +1 -1
  8. package/dist/index10.js +73 -74
  9. package/dist/index100.cjs +1 -1
  10. package/dist/index100.js +15 -7
  11. package/dist/index101.cjs +12 -1
  12. package/dist/index101.js +16 -18
  13. package/dist/index102.cjs +19 -1
  14. package/dist/index102.js +24 -21
  15. package/dist/index103.cjs +1 -1
  16. package/dist/index103.js +49 -14
  17. package/dist/index104.cjs +1 -1
  18. package/dist/index104.js +29 -50
  19. package/dist/index105.cjs +1 -1
  20. package/dist/index105.js +7 -29
  21. package/dist/index106.cjs +1 -19
  22. package/dist/index106.js +24 -24
  23. package/dist/index107.cjs +78 -10
  24. package/dist/index107.js +95 -13
  25. package/dist/index108.cjs +1 -80
  26. package/dist/index108.js +2 -101
  27. package/dist/index109.cjs +1 -1
  28. package/dist/index109.js +1 -1
  29. package/dist/index11.cjs +1 -1
  30. package/dist/index11.js +1 -1
  31. package/dist/index110.cjs +1 -1
  32. package/dist/index110.js +1 -1
  33. package/dist/index113.cjs +13 -1
  34. package/dist/index113.js +17 -2
  35. package/dist/index114.cjs +1 -13
  36. package/dist/index114.js +24 -15
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +32 -22
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +5 -36
  41. package/dist/index117.cjs +1 -1
  42. package/dist/index117.js +63 -5
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +42 -58
  45. package/dist/index13.cjs +1 -1
  46. package/dist/index13.js +1 -1
  47. package/dist/index17.cjs +1 -1
  48. package/dist/index17.js +1 -1
  49. package/dist/index19.cjs +1 -1
  50. package/dist/index19.js +18 -18
  51. package/dist/index20.cjs +1 -1
  52. package/dist/index20.js +20 -20
  53. package/dist/index21.cjs +1 -1
  54. package/dist/index21.js +21 -21
  55. package/dist/index22.cjs +1 -1
  56. package/dist/index22.js +15 -15
  57. package/dist/index25.cjs +1 -1
  58. package/dist/index25.js +1 -1
  59. package/dist/index30.cjs +1 -1
  60. package/dist/index30.js +1 -1
  61. package/dist/index31.cjs +1 -1
  62. package/dist/index31.js +1 -1
  63. package/dist/index33.cjs +1 -1
  64. package/dist/index33.js +8 -9
  65. package/dist/index34.cjs +1 -1
  66. package/dist/index34.js +1 -1
  67. package/dist/index35.cjs +1 -1
  68. package/dist/index35.js +5 -5
  69. package/dist/index36.cjs +1 -1
  70. package/dist/index36.js +2 -2
  71. package/dist/index37.cjs +1 -1
  72. package/dist/index37.js +11 -12
  73. package/dist/index39.cjs +1 -1
  74. package/dist/index39.js +1 -1
  75. package/dist/index40.cjs +1 -1
  76. package/dist/index40.js +1 -1
  77. package/dist/index41.cjs +1 -1
  78. package/dist/index41.js +1 -1
  79. package/dist/index42.cjs +1 -1
  80. package/dist/index42.js +11 -22
  81. package/dist/index44.cjs +1 -1
  82. package/dist/index44.js +1 -1
  83. package/dist/index46.cjs +1 -1
  84. package/dist/index46.js +24 -25
  85. package/dist/index47.cjs +1 -1
  86. package/dist/index47.js +2 -2
  87. package/dist/index78.cjs +1 -1
  88. package/dist/index78.js +1 -1
  89. package/dist/index80.cjs +1 -1
  90. package/dist/index80.js +1 -1
  91. package/dist/index84.cjs +1 -1
  92. package/dist/index84.js +1 -1
  93. package/dist/index85.cjs +1 -1
  94. package/dist/index85.js +1 -1
  95. package/dist/index86.cjs +1 -1
  96. package/dist/index86.js +5 -41
  97. package/dist/index87.cjs +1 -1
  98. package/dist/index87.js +2 -9
  99. package/dist/index88.cjs +1 -1
  100. package/dist/index88.js +115 -4
  101. package/dist/index89.cjs +1 -1
  102. package/dist/index89.js +39 -116
  103. package/dist/index90.cjs +1 -1
  104. package/dist/index90.js +9 -19
  105. package/dist/index91.cjs +1 -1
  106. package/dist/index91.js +13 -2
  107. package/dist/index92.cjs +104 -1
  108. package/dist/index92.js +119 -13
  109. package/dist/index93.cjs +1 -104
  110. package/dist/index93.js +65 -117
  111. package/dist/index94.cjs +1 -1
  112. package/dist/index94.js +23 -63
  113. package/dist/index95.cjs +1 -1
  114. package/dist/index95.js +2 -29
  115. package/dist/index96.cjs +1 -1
  116. package/dist/index96.js +41 -2
  117. package/dist/index97.cjs +1 -1
  118. package/dist/index97.js +9 -39
  119. package/dist/index98.cjs +1 -1
  120. package/dist/index98.js +17 -10
  121. package/dist/index99.cjs +1 -1
  122. package/dist/index99.js +21 -24
  123. package/dist/types.d.ts +2 -2
  124. package/package.json +1 -1
  125. package/dist/components/TableManagement/TableManagementGlyph.d.ts +0 -4
  126. package/dist/index120.cjs +0 -1
  127. package/dist/index120.js +0 -49
package/dist/index103.js CHANGED
@@ -1,17 +1,52 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { StyledSortableViews as i } from "./index114.js";
3
- const h = (e) => /* @__PURE__ */ o(
4
- i,
5
- {
6
- ...e,
7
- onChange: (t) => {
8
- t.filter((n) => {
9
- var r;
10
- return (r = n.children) == null ? void 0 : r.length;
11
- }).length || e.onChange(t);
1
+ import { useMemo as P } from "react";
2
+ import R from "swr";
3
+ import u from "qs";
4
+ import { useStores as v } from "./index61.js";
5
+ import { useBusinessLogic as y } from "./index8.js";
6
+ import { useViews as V } from "./index62.js";
7
+ import { fetcherV2 as A } from "./index55.js";
8
+ const S = (t) => {
9
+ var l;
10
+ const { Filters: { queryParams: c, activeViewId: s } } = v(), { TABLE_DATA_URL: p, PAGE_NUMBER_FILTER_ID: o, PAGE_SIZE_FILTER_ID: i } = y(), { isLoading: d, viewsMap: m } = V(), L = P(() => {
11
+ if (s === t) {
12
+ const E = {
13
+ ...u.parse(c),
14
+ [o]: "1",
15
+ [i]: "1"
16
+ };
17
+ return u.stringify(E, { arrayFormat: "brackets" });
12
18
  }
13
- }
14
- );
19
+ const e = m.get(t);
20
+ if (e != null && e.viewFilters) {
21
+ const r = {
22
+ filter: e.viewFilters,
23
+ [o]: "1",
24
+ [i]: "1"
25
+ };
26
+ return u.stringify(r, { arrayFormat: "brackets" });
27
+ }
28
+ return "";
29
+ }, [c, o, i, t, s, m]), f = !d && !!s, g = f ? `${p}?${L}` : null, {
30
+ data: n,
31
+ error: w,
32
+ isLoading: F,
33
+ mutate: _
34
+ } = R(
35
+ f ? [g, { includeMeta: !0 }] : null,
36
+ ([e, r]) => A(e, r),
37
+ {
38
+ revalidateOnFocus: !1,
39
+ revalidateOnReconnect: !1,
40
+ keepPreviousData: !0
41
+ }
42
+ ), a = n == null ? void 0 : n.meta;
43
+ return {
44
+ viewCounts: ((l = a == null ? void 0 : a.page) == null ? void 0 : l.total_count) || "0",
45
+ error: w,
46
+ isLoadingViewCounts: F,
47
+ mutate: _
48
+ };
49
+ };
15
50
  export {
16
- h as LegacySortableViews
51
+ S as useViewCounts
17
52
  };
package/dist/index104.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),V=require("swr"),p=require("qs"),v=require("./index61.cjs"),E=require("./index8.cjs"),S=require("./index62.cjs"),M=require("./index55.cjs"),_=e=>e&&e.__esModule?e:{default:e},A=_(V),a=_(p),C=e=>{var f;const{Filters:{queryParams:c,activeViewId:r}}=v.useStores(),{TABLE_DATA_URL:g,PAGE_NUMBER_FILTER_ID:u,PAGE_SIZE_FILTER_ID:n}=E.useBusinessLogic(),{isLoading:w,viewsMap:l}=S.useViews(),L=R.useMemo(()=>{if(r===e){const P={...a.default.parse(c),[u]:"1",[n]:"1"};return a.default.stringify(P,{arrayFormat:"brackets"})}const s=l.get(e);if(s!=null&&s.viewFilters){const t={filter:s.viewFilters,[u]:"1",[n]:"1"};return a.default.stringify(t,{arrayFormat:"brackets"})}return""},[c,u,n,e,r,l]),d=!w&&!!r,q=d?`${g}?${L}`:null,{data:o,error:m,isLoading:F,mutate:y}=A.default(d?[q,{includeMeta:!0}]:null,([s,t])=>M.fetcherV2(s,t),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),i=o==null?void 0:o.meta;return{viewCounts:((f=i==null?void 0:i.page)==null?void 0:f.total_count)||"0",error:m,isLoadingViewCounts:F,mutate:y}};exports.useViewCounts=C;
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;
package/dist/index104.js CHANGED
@@ -1,52 +1,31 @@
1
- import { useMemo as P } from "react";
2
- import R from "swr";
3
- import u from "qs";
4
- import { useStores as v } from "./index61.js";
5
- import { useBusinessLogic as y } from "./index8.js";
6
- import { useViews as V } from "./index62.js";
7
- import { fetcherV2 as A } from "./index55.js";
8
- const S = (t) => {
9
- var l;
10
- const { Filters: { queryParams: c, activeViewId: s } } = v(), { TABLE_DATA_URL: p, PAGE_NUMBER_FILTER_ID: o, PAGE_SIZE_FILTER_ID: i } = y(), { isLoading: d, viewsMap: m } = V(), L = P(() => {
11
- if (s === t) {
12
- const E = {
13
- ...u.parse(c),
14
- [o]: "1",
15
- [i]: "1"
16
- };
17
- return u.stringify(E, { arrayFormat: "brackets" });
18
- }
19
- const e = m.get(t);
20
- if (e != null && e.viewFilters) {
21
- const r = {
22
- filter: e.viewFilters,
23
- [o]: "1",
24
- [i]: "1"
25
- };
26
- return u.stringify(r, { arrayFormat: "brackets" });
27
- }
28
- return "";
29
- }, [c, o, i, t, s, m]), f = !d && !!s, g = f ? `${p}?${L}` : null, {
30
- data: n,
31
- error: w,
32
- isLoading: F,
33
- mutate: _
34
- } = R(
35
- f ? [g, { includeMeta: !0 }] : null,
36
- ([e, r]) => A(e, r),
37
- {
38
- revalidateOnFocus: !1,
39
- revalidateOnReconnect: !1,
40
- keepPreviousData: !0
41
- }
42
- ), a = n == null ? void 0 : n.meta;
43
- return {
44
- viewCounts: ((l = a == null ? void 0 : a.page) == null ? void 0 : l.total_count) || "0",
45
- error: w,
46
- isLoadingViewCounts: F,
47
- mutate: _
48
- };
49
- };
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
+ );
50
29
  export {
51
- S as useViewCounts
30
+ s as Confirmation
52
31
  };
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("./index79.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 "./index79.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,19 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
2
- margin: ${e.theme.sizes.xs};
3
- min-width: 180px;
4
- justify-content: flex-start;
5
- font-size: ${e.theme.text.body.fontSize};
6
-
7
- &:hover {
8
- background-color: ${e.theme.colors.neutral.grey.lightest};
9
- color: ${e.theme.colors.secondary.blue.base};
10
- cursor: pointer;
11
- }
12
- `,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
13
- margin-top: ${e.theme.sizes.xs};
14
- background-color: white;
15
- `,l=o.default.hr`
16
- width: 100%;
17
- border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
18
- margin: 0;
19
- `;exports.Divider=l;exports.Item=i;exports.MenuItems=n;
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/index106.js CHANGED
@@ -1,26 +1,26 @@
1
- import t from "styled-components";
2
- import { theme as o, Card as r, Button as e } from "@veeqo/ui";
3
- const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
4
- margin: ${o.sizes.xs};
5
- min-width: 180px;
6
- justify-content: flex-start;
7
- font-size: ${o.text.body.fontSize};
8
-
9
- &:hover {
10
- background-color: ${o.colors.neutral.grey.lightest};
11
- color: ${o.colors.secondary.blue.base};
12
- cursor: pointer;
13
- }
14
- `, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
15
- margin-top: ${o.sizes.xs};
16
- background-color: white;
17
- `, l = t.hr`
18
- width: 100%;
19
- border-top: 1px solid ${o.colors.neutral.grey.dark};
20
- margin: 0;
21
- `;
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import { useRef as a, useState as d, useEffect as m } from "react";
3
+ import { AdaptiveStyledContainer as v } from "./index119.js";
4
+ const R = ({
5
+ children: o,
6
+ style: s,
7
+ className: f
8
+ }) => {
9
+ const r = a(null), [i, c] = d(0);
10
+ return m(() => {
11
+ const e = r.current, n = () => {
12
+ if (e) {
13
+ const { top: u } = e.getBoundingClientRect();
14
+ c(u);
15
+ }
16
+ };
17
+ n();
18
+ const t = new ResizeObserver(n);
19
+ return e && t.observe(e), () => {
20
+ e && t.unobserve(e), t.disconnect();
21
+ };
22
+ }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
23
+ };
22
24
  export {
23
- l as Divider,
24
- n as Item,
25
- a as MenuItems
25
+ R as AdaptiveHeightContainer
26
26
  };
package/dist/index107.cjs CHANGED
@@ -1,12 +1,80 @@
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)`
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"}))`
2
2
  display: flex;
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`
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;
9
64
  width: 100%;
10
- border-top: 1px solid ${t.theme.colors.neutral.grey.dark};
11
- margin: 0 0 4px 0;
12
- `;exports.Divider=l;exports.FixedViews=d;
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/index107.js CHANGED
@@ -1,18 +1,100 @@
1
- import r from "styled-components";
2
- import { theme as o, BaseContainer as e } from "@veeqo/ui";
3
- const d = r(e)`
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
+ }))`
4
11
  display: flex;
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`
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;
11
74
  width: 100%;
12
- border-top: 1px solid ${o.colors.neutral.grey.dark};
13
- margin: 0 0 4px 0;
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
+ }
14
90
  `;
15
91
  export {
16
- l as Divider,
17
- d as FixedViews
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
18
100
  };
package/dist/index108.cjs CHANGED
@@ -1,80 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),t=require("@veeqo/ui"),r=require("@veeqo/components"),l=require("framer-motion"),s=require("./index115.cjs"),c=e=>e&&e.__esModule?e:{default:e},o=c(a),{Glyph:i}=r.VeeqoCommon,d=o.default(l.motion(t.BaseContainer)).attrs(()=>({variants:s.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
- `,f=o.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
- `,p=o.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
- `,x=o.default(t.Button)`
45
- margin-right: 16px;
46
- `,u=o.default(t.Text)`
47
- line-height: 20px;
48
- `,n=o.default(t.Text)`
49
- margin: ${e=>e.margin?e.margin:""};
50
- color: ${e=>e.color};
51
- `,m=o.default(t.Text)`
52
- margin-right: 8px;
53
- color: ${e=>e.color};
54
- `,g=o.default(i)``,h=o.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
- `;o.default.button`
62
- display: flex;
63
- flex-direction: row;
64
- width: 100%;
65
- padding: 12px 16px;
66
- cursor: pointer;
67
-
68
- & > ${n} {
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 > ${n} {
78
- color: ${t.theme.colors.secondary.blue.base};
79
- }
80
- `;exports.Bold=m;exports.Button=x;exports.Container=f;exports.Glyph=g;exports.Hint=u;exports.Notification=d;exports.Pill=p;exports.Text=n;exports.UIGlyph=i;exports.Wrap=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=r=>r instanceof Error;exports.isError=e;
package/dist/index108.js CHANGED
@@ -1,103 +1,4 @@
1
- import t from "styled-components";
2
- import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as l } from "@veeqo/ui";
3
- import { VeeqoCommon as s } from "@veeqo/components";
4
- import { motion as c } from "framer-motion";
5
- import { notificationVariants as p } from "./index115.js";
6
- const { Glyph: x } = s, u = t(c(n)).attrs(() => ({
7
- variants: p,
8
- initial: "initial",
9
- animate: "animate",
10
- exit: "exit"
11
- }))`
12
- display: flex;
13
- position: fixed;
14
- width: 100vw;
15
- left: 0;
16
- bottom: 24px;
17
- z-index: 1001;
18
-
19
- &.notification-enter {
20
- opacity: 0;
21
- transform: translateY(-16px);
22
- }
23
-
24
- &.notification-enter-active {
25
- opacity: 1;
26
- transform: translateY(0);
27
- transition: 350ms ease;
28
- }
29
-
30
- &.notification-exit {
31
- opacity: 0;
32
- transform: translateY(16px);
33
- transition: 350ms ease;
34
- }
35
- pointer-events: none;
36
- `, w = t(n)`
37
- display: inline-flex;
38
- flex-direction: row;
39
- align-items: center;
40
- padding: 20px 24px 24px 24px;
41
- border-radius: 4px;
42
- margin: 0 auto;
43
- background-color: #fff;
44
- box-shadow: ${i.shadows.lg};
45
- pointer-events: all;
46
- `, y = t(a)`
47
- display: inline-flex;
48
- flex-direction: row;
49
- align-items: center;
50
- margin: 0 auto;
51
- background-color: #fff;
52
- box-shadow: ${i.shadows.lg};
53
- pointer-events: all;
54
- `, $ = t(l)`
55
- margin-right: 16px;
56
- `, b = t(e)`
57
- line-height: 20px;
58
- `, r = t(e)`
59
- margin: ${(o) => o.margin ? o.margin : ""};
60
- color: ${(o) => o.color};
61
- `, v = t(e)`
62
- margin-right: 8px;
63
- color: ${(o) => o.color};
64
- `, B = t(x)``, k = t(n)`
65
- display: flex;
66
- flex-direction: row;
67
- align-items: flex-end;
68
- flex-grow: 2;
69
- margin-left: 24px;
70
- margin-right: 24px;
71
- `;
72
- t.button`
73
- display: flex;
74
- flex-direction: row;
75
- width: 100%;
76
- padding: 12px 16px;
77
- cursor: pointer;
78
-
79
- & > ${r} {
80
- white-space: nowrap;
81
- user-select: none;
82
- }
83
-
84
- &:hover {
85
- background-color: ${i.colors.neutral.grey.lightest};
86
- }
87
-
88
- &:hover > ${r} {
89
- color: ${i.colors.secondary.blue.base};
90
- }
91
- `;
1
+ const o = (r) => r instanceof Error;
92
2
  export {
93
- v as Bold,
94
- $ as Button,
95
- w as Container,
96
- B as Glyph,
97
- b as Hint,
98
- u as Notification,
99
- y as Pill,
100
- r as Text,
101
- x as UIGlyph,
102
- k as Wrap
3
+ o as isError
103
4
  };
package/dist/index109.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index93.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@dnd-kit/sortable"),g=require("@dnd-kit/utilities"),b=require("./index92.cjs"),f=({id:t,children:r})=>{const{attributes:s,listeners:o,setNodeRef:i,transform:n,transition:a,isDragging:l}=c.useSortable({id:t}),u={transform:g.CSS.Transform.toString(n),transition:a,cursor:"grab",outlineOffset:"-1px"};return e.jsxs("div",{ref:i,style:u,...s,...o,children:[r,l&&e.jsx(b.DraggingOverlay,{})]})};exports.SortableItem=f;