@thecb/components 6.1.5 → 6.2.2-beta.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 (8) hide show
  1. package/dist/index.cjs.js +44 -2
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +44 -3
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/icons/ExternalLinkicon.js +39 -0
  7. package/src/components/atoms/icons/index.js +2 -0
  8. package/src/components/molecules/periscope-dashboard-iframe/PeriscopeDashboardIframe.js +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "6.1.5",
3
+ "version": "6.2.2-beta.0",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/atoms/icons/ExternalLinkicon.js ADDED
@@ -0,0 +1,39 @@
1
+ import React from "react";
2
+
3
+ const ExternalLinkIcon = ({ linkColor, text }) => (
4
+ <svg
5
+ width="14"
6
+ height="14"
7
+ viewBox="0 0 14 14"
8
+ fill="none"
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ >
11
+ <path
12
+ fillRule="evenodd"
13
+ clipRule="evenodd"
14
+ d="M1.86092 1.59483C1.92074 1.56953 1.98651 1.55554 2.05554 1.55554H2.6111H4.94443C5.22057 1.55554 5.44443 1.7794 5.44443 2.05554V2.6111C5.44443 2.88724 5.22057 3.1111 4.94443 3.1111H3.1111V10.8889H10.8889V9.05554C10.8889 8.7794 11.1127 8.55554 11.3889 8.55554H11.9444C12.2206 8.55554 12.4444 8.7794 12.4444 9.05554V11.9444C12.4444 12.2206 12.2206 12.4444 11.9444 12.4444H11.3889C11.3507 12.4444 11.3135 12.4401 11.2778 12.432C11.242 12.4401 11.2048 12.4444 11.1667 12.4444H2.6111H2.05554C1.7794 12.4444 1.55554 12.2206 1.55554 11.9444V11.3889V2.6111V2.05554C1.55554 2.05554 1.55554 2.05554 1.55554 2.05554C1.55554 2.01307 1.56084 1.97183 1.57081 1.93246C1.60944 1.77983 1.71826 1.65517 1.86092 1.59483ZM7.77776 2.05554C7.77776 1.7794 8.00162 1.55554 8.27776 1.55554H11.3889H11.9444C12.2206 1.55554 12.4444 1.7794 12.4444 2.05554V2.6111V5.72221C12.4444 5.99835 12.2206 6.22221 11.9444 6.22221H11.3889C11.1127 6.22221 10.8889 5.99835 10.8889 5.72221V4.26638L6.89793 8.25733C6.70267 8.45259 6.38608 8.45259 6.19082 8.25733L5.79798 7.8645C5.60272 7.66923 5.60272 7.35265 5.79798 7.15739L9.84428 3.1111H8.27776C8.00162 3.1111 7.77776 2.88724 7.77776 2.6111V2.05554Z"
15
+ fill={linkColor}
16
+ />
17
+ <mask
18
+ id={`mask0_902_435-${text}`}
19
+ style={{ "mask-type": "alpha" }}
20
+ maskUnits="userSpaceOnUse"
21
+ x="1"
22
+ y="1"
23
+ width="12"
24
+ height="12"
25
+ >
26
+ <path
27
+ fillRule="evenodd"
28
+ clipRule="evenodd"
29
+ d="M1.86092 1.59483C1.92074 1.56953 1.98651 1.55554 2.05554 1.55554H2.6111H4.94443C5.22057 1.55554 5.44443 1.7794 5.44443 2.05554V2.6111C5.44443 2.88724 5.22057 3.1111 4.94443 3.1111H3.1111V10.8889H10.8889V9.05554C10.8889 8.7794 11.1127 8.55554 11.3889 8.55554H11.9444C12.2206 8.55554 12.4444 8.7794 12.4444 9.05554V11.9444C12.4444 12.2206 12.2206 12.4444 11.9444 12.4444H11.3889C11.3507 12.4444 11.3135 12.4401 11.2778 12.432C11.242 12.4401 11.2048 12.4444 11.1667 12.4444H2.6111H2.05554C1.7794 12.4444 1.55554 12.2206 1.55554 11.9444V11.3889V2.6111V2.05554C1.55554 2.05554 1.55554 2.05554 1.55554 2.05554C1.55554 2.01307 1.56084 1.97183 1.57081 1.93246C1.60944 1.77983 1.71826 1.65517 1.86092 1.59483ZM7.77776 2.05554C7.77776 1.7794 8.00162 1.55554 8.27776 1.55554H11.3889H11.9444C12.2206 1.55554 12.4444 1.7794 12.4444 2.05554V2.6111V5.72221C12.4444 5.99835 12.2206 6.22221 11.9444 6.22221H11.3889C11.1127 6.22221 10.8889 5.99835 10.8889 5.72221V4.26638L6.89793 8.25733C6.70267 8.45259 6.38608 8.45259 6.19082 8.25733L5.79798 7.8645C5.60272 7.66923 5.60272 7.35265 5.79798 7.15739L9.84428 3.1111H8.27776C8.00162 3.1111 7.77776 2.88724 7.77776 2.6111V2.05554Z"
30
+ fill={linkColor}
31
+ />
32
+ </mask>
33
+ <g mask={`url(#mask0_902_435-${text})`}>
34
+ <rect x="-0.0864258" width="14" height="14" fill={linkColor} />
35
+ </g>
36
+ </svg>
37
+ );
38
+
39
+ export default ExternalLinkIcon;
package/src/components/atoms/icons/index.js CHANGED
@@ -32,6 +32,7 @@ import ChargebackIcon from "./ChargebackIcon";
32
32
  import ChargebackReversalIcon from "./ChargebackReversalIcon";
33
33
  import DuplicateIcon from "./DuplicateIcon";
34
34
  import ErroredIcon from "./ErroredIcon";
35
+ import ExternalLinkIcon from "./ExternalLinkIcon";
35
36
  import FailedIcon from "./FailedIcon";
36
37
  import PendingIcon from "./PendingIcon";
37
38
  import RefundIcon from "./RefundIcon";
@@ -91,6 +92,7 @@ export {
91
92
  ChargebackReversalIcon,
92
93
  DuplicateIcon,
93
94
  ErroredIcon,
95
+ ExternalLinkIcon,
94
96
  FailedIcon,
95
97
  PendingIcon,
96
98
  RefundIcon,
package/src/components/molecules/periscope-dashboard-iframe/PeriscopeDashboardIframe.js CHANGED
@@ -41,7 +41,8 @@ const PeriscopeDashboardIframe = ({
41
41
  periscopeDataSuccess,
42
42
  periscopeDataFailure,
43
43
  periscopeDataRequestSuccess,
44
- periscopeDataRequestFailure
44
+ periscopeDataRequestFailure,
45
+ timerMS = 20000
45
46
  }) => {
46
47
  const [height, setHeight] = useState(0);
47
48
  let time = { timer: null };
@@ -51,7 +52,7 @@ const PeriscopeDashboardIframe = ({
51
52
  if (!periscopeDataSuccess) {
52
53
  periscopeDataRequestFailure();
53
54
  }
54
- }, 10000);
55
+ }, timerMS);
55
56
  return () => clearTimeout(time.timer);
56
57
  }, [periscopeDataSuccess]);
57
58